/* Custom CSS migrated from inline <style> and style="" attributes.
   This file is intentionally hand-maintained (not generated by Tailwind build). */

/* -----------------------------
   Terms + Privacy pages
-------------------------------- */
html[data-page="terms"],
html[data-page="privacy"] {
  --brand: #0ea5e9;
  --brand-dark: #0284c7;
  --accent: #22c55e;
}

html[data-page="terms"] body,
html[data-page="privacy"] body {
  font-family: Inter, system-ui, -apple-system, sans-serif;
}

html[data-page="terms"] .btn-grad,
html[data-page="privacy"] .btn-grad {
  background-image: linear-gradient(90deg, var(--brand), var(--accent));
  color: #fff;
}

html[data-page="terms"] .btn-grad:hover,
html[data-page="privacy"] .btn-grad:hover {
  filter: brightness(0.95);
}

html[data-page="terms"] .heading-grad,
html[data-page="privacy"] .heading-grad {
  background-image: linear-gradient(90deg, var(--brand), var(--accent));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}


/* -----------------------------
   Profile Warning Banner
-------------------------------- */
.profile-warning-banner-container {
  background: #0f172a !important;
  border: 2px solid #ef4444 !important;
}

.profile-warning-banner-btn {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3) !important;
}