@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/inter.woff2) format("woff2-variations")}
@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:600;src:url(/rajdhani-600.woff2) format("woff2")}
@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(/rajdhani-700.woff2) format("woff2")}

:root {
  --bg:#f6f7fd; --surface:#eceefb; --surface-2:#e4e7f8; --border:#dadef2;
  --text:#1a1f45; --muted:#535a7d; --navy:#1e2a78; --indigo:#3b4bd8; --violet:#7b4fe0;
  --radius:14px;
  --font-sans:"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display:"Rajdhani", "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --mono:ui-monospace, SFMono-Regular, Menlo, monospace;
  --panel:#fafaff; --header-bg:#f6f7fdd9; --link:var(--indigo); --hover:#eceefb;
  --ok-fg:#067647; --ok-bg:#ecfdf3; --ok-bd:#abefc6;
  --warn-fg:#8f5a00; --warn-bg:#fff7e8; --warn-bd:#f2d7a6;
  --bad-fg:#b42318; --bad-bg:#fef3f2; --bad-bd:#fecdca;
  --shadow:0 1px 2px #1a1f4508, 0 12px 32px -20px #1e2a7826;
  color-scheme:light;
  --wash:linear-gradient(165deg,#e4e8fa 0%,#eaecfa 36%,#eeedf9 68%,#f3eff7 100%);
  --grad:linear-gradient(90deg, #3b4bd8, #7b4fe0); /* the darker pair, so white button text keeps its contrast */
  --btn-shadow:#3b4bd8b3;
  --ring:#3b4bd81a; --ring-2:#3b4bd812; --glow-a:#7c8cff30; --glow-b:#c933661a; --glow-c:#e3a53c1e;
}
* { box-sizing:border-box; }
body { margin:0; background:var(--wash) fixed; color:var(--text); font:15px/1.6 var(--font-sans);
       -webkit-font-smoothing:antialiased; }
h1,h2,h3 { font-family:var(--font-display); color:var(--navy); letter-spacing:-.005em; font-weight:700; line-height:1.1; }
[hidden] { display:none !important; }

.btn { font:inherit; font-weight:600; cursor:pointer; border:1.5px solid transparent; border-radius:999px;
       padding:.6rem 1.3rem; display:inline-flex; align-items:center; justify-content:center; gap:.4rem;
       transition:transform .15s, box-shadow .15s, border-color .15s; }
.btn:hover:not([disabled]) { transform:translateY(-1px); }
.btn-primary { background:var(--grad); color:#fff; box-shadow:0 8px 22px -10px var(--btn-shadow); }
.btn-sm { padding:.4rem .95rem; font-size:.9rem; }
.btn[disabled] { opacity:.45; cursor:not-allowed; }

input, textarea, select { font:inherit; color:var(--text); background:var(--bg); border:1px solid var(--border);
       border-radius:10px; padding:.6rem .8rem; width:100%; }
input:focus, textarea:focus, select:focus { outline:2px solid color-mix(in srgb, var(--indigo) 35%, transparent);
       border-color:var(--indigo); }

/* Faint concentric rings and colour glows behind every page, low contrast, never in the way. */
body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(circle at 50% -8%, transparent 0 439px, var(--ring) 440px 441px, transparent 442px),
    radial-gradient(circle at 50% -8%, transparent 0 639px, var(--ring) 640px 641px, transparent 642px),
    radial-gradient(circle at 50% -8%, transparent 0 859px, var(--ring-2) 860px 861px, transparent 862px),
    radial-gradient(40rem 26rem at 12% 8%, var(--glow-a), transparent 70%),
    radial-gradient(34rem 24rem at 92% 30%, var(--glow-b), transparent 70%),
    radial-gradient(44rem 22rem at 50% 105%, var(--glow-c), transparent 70%); }

/* Leanhook: white and neutral grey with the deep red of the logo mark (#520515), after leanhook.com. Inter, like the site, is the built-in font. */
:root {
  --bg:#ffffff; --surface:#f9fafb; --surface-2:#f3f4f6; --border:#e5e7eb;
  --text:#111827; --muted:#4b5563; --navy:#030712; --indigo:#520515; --violet:#7a1a2e;
  --panel:#ffffff; --header-bg:#ffffffe6; --hover:#f3f4f6;
  --shadow:0 1px 2px #0307120a, 0 12px 32px -20px #03071226;
  --wash:linear-gradient(180deg,#ffffff 0%,#f9fafb 100%);
  --grad:linear-gradient(90deg,#520515,#7a1a2e);
  --btn-shadow:#520515a6;
  --ring:transparent; --ring-2:transparent; --glow-a:transparent; --glow-b:transparent; --glow-c:transparent;
}