/* Opening page — dark navy, institutional. Scoped to .landing / .auth-brand so nothing else on the site changes. */
.landing{--bg:#060e1b;--ink:#eef3fb;--mut:#8da2bd;--line:rgba(148,177,224,.16);--blue:#4f8cff;--teal:#3ec4a3;
  background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.landing::before{display:none}
.ld-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.ld-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:64px 64px;opacity:.35;-webkit-mask-image:radial-gradient(70% 60% at 50% 38%,#000 20%,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 38%,#000 20%,transparent 75%)}
.ld-glow{position:absolute;border-radius:50%;filter:blur(90px)}
.ld-g1{width:620px;height:620px;left:50%;top:-260px;transform:translateX(-50%);background:radial-gradient(circle,rgba(47,111,214,.45),transparent 70%)}
.ld-g2{width:520px;height:520px;right:-140px;bottom:-200px;background:radial-gradient(circle,rgba(62,196,163,.20),transparent 70%)}
.ld-curve{position:absolute;left:0;right:0;bottom:0;width:100%;height:46%;opacity:.9}

/* nav */
.landing .ld-nav{position:relative;z-index:3;max-width:1240px;margin:0 auto;padding:22px 32px}
.bx-mark{width:42px;height:34px;border-radius:9px;overflow:hidden;background:#0b1f3a;flex:none;box-shadow:0 0 0 1px rgba(122,167,255,.4),0 4px 14px rgba(0,0,0,.4)}
.bx-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.45);display:block}
.bx-words{display:flex;flex-direction:column;gap:5px;line-height:1}
.bx-name{font:750 14px/1 Inter,sans-serif;letter-spacing:.14em;white-space:nowrap}
.bx-sub{font:600 8.5px/1 Inter,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.landing .ld-brand{display:flex;align-items:center;gap:12px;color:var(--ink)}
.landing .ld-links{gap:2px}
.landing .ld-links button{font:500 13.5px Inter,sans-serif;color:#b6c4d8;padding:9px 14px;border-radius:8px;transition:color .15s,background .15s}
.landing .ld-links button:hover{color:#fff;background:rgba(148,177,224,.10)}
.landing .ld-link{font:500 13.5px Inter,sans-serif;color:#b6c4d8}.landing .ld-link:hover{color:#fff}
.landing .ld-pill{background:#fff;color:#0b1f3a;font:650 13.5px Inter,sans-serif;padding:11px 20px;border-radius:10px;box-shadow:0 6px 22px rgba(79,140,255,.28);
  transition:transform .15s,box-shadow .15s}
.landing .ld-pill:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(79,140,255,.42)}

/* hero */
.landing .ld-main{position:relative;z-index:2;max-width:880px;padding:7vh 24px 56px}
.ld-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(148,177,224,.06);
  font:600 11.5px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9db6d9}
.ld-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(62,196,163,.18)}
.landing .ld-h1{margin:26px 0 18px;font:700 clamp(38px,6.2vw,68px)/1.04 Inter,sans-serif;letter-spacing:-.035em;color:#fff}
.landing .ld-h1 em{font-style:normal;background:linear-gradient(90deg,#7aa7ff,#3ec4a3);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing .ld-sub{max-width:620px;margin:0 auto 34px;font:400 clamp(15px,1.6vw,18px)/1.6 Inter,sans-serif;letter-spacing:0;color:var(--mut);background:none;-webkit-text-fill-color:currentColor}

/* ask box */
.landing .ag-form{max-width:720px;margin:0 auto;padding:8px 8px 8px 20px;gap:12px;border-radius:16px;background:rgba(14,28,50,.72);
  border:1px solid rgba(148,177,224,.22);box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(10px)}
.landing .ag-form:focus-within{border-color:rgba(122,167,255,.65);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 0 4px rgba(79,140,255,.16)}
.ag-ic{color:#6f86a6;flex:none}
.landing .ag-form input{font:500 15px Inter,sans-serif;color:#fff;padding:10px 0}
.landing .ag-form input::placeholder{color:#6f86a6}
.landing .ag-send{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(37,99,235,.45)}
.landing .ag-send:hover{background:linear-gradient(135deg,#5b9bff,#2f6fd6);transform:translateY(-1px)}
.landing .ag-chips{max-width:760px;margin:18px auto 0;gap:8px}
.landing .ag-chips button{background:rgba(148,177,224,.07);border:1px solid var(--line);color:#b6c4d8;font:500 12.5px Inter,sans-serif;padding:8px 14px;border-radius:999px}
.landing .ag-chips button:hover{background:rgba(79,140,255,.16);border-color:rgba(122,167,255,.5);color:#fff;box-shadow:none}

/* answers */
.landing .ag-log{max-width:720px;margin:18px auto 0}
.landing .ag-q{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:14px 14px 4px 14px;font:500 14px Inter,sans-serif}
.landing .ag-a{background:rgba(14,28,50,.8);border:1px solid var(--line);color:#dbe6f5;border-radius:14px 14px 14px 4px;box-shadow:0 10px 30px rgba(0,0,0,.35);font:400 14px/1.6 Inter,sans-serif}
.landing .ag-disc{color:#6f86a6}
.landing .ag-dots i{background:var(--blue)}

/* feature cards */
.ld-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:880px;margin:64px auto 0;text-align:left}
.ld-feat{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(148,177,224,.07),rgba(148,177,224,.02));
  color:var(--ink);cursor:pointer;font-family:Inter,sans-serif;text-align:left;transition:border-color .18s,transform .18s,background .18s}
.ld-feat:hover{border-color:rgba(122,167,255,.5);transform:translateY(-3px);background:linear-gradient(180deg,rgba(79,140,255,.13),rgba(148,177,224,.03))}
.ld-feat .lf-n{font:600 11px Inter,sans-serif;letter-spacing:.18em;color:#6f9be0}
.ld-feat b{font:650 17px Inter,sans-serif;letter-spacing:-.01em}
.ld-feat span:last-child{font:400 13px/1.6 Inter,sans-serif;color:var(--mut)}
.landing .ld-fine{margin-top:44px;font:400 11.5px/1.6 Inter,sans-serif;color:#566b87}

@media(max-width:820px){.ld-feats{grid-template-columns:1fr}.landing .ld-links{display:none}.landing .ld-nav{padding:16px 18px}.landing .ld-main{padding-top:5vh}}
@media(max-width:520px){.bx-words{display:none}.landing .ld-pill{padding:10px 14px}.landing .ag-form{padding-left:14px}}

/* sign-in card shares the same lockup */
.auth-brand{gap:12px}
.auth-brand .bx-mark{box-shadow:0 0 0 1px rgba(11,31,58,.8),0 3px 10px rgba(11,31,58,.25)}
.auth-brand .bx-name{color:#0b1f3a;font-size:15px}
.auth-brand .bx-sub{color:#6b7c93}
:root[data-theme="dark"] .auth-brand .bx-name{color:#f1f5fb}

/* ===== Log in / Register page ===== */
.auth-wrap{position:relative;flex-direction:column;background:#060e1b;color:#eef3fb;font-family:Inter,-apple-system,"Segoe UI",sans-serif;
  --bg:#060e1b;--ink:#eef3fb;--mut:#8da2bd;--line:rgba(148,177,224,.16);--blue:#4f8cff;--teal:#3ec4a3;overflow:hidden}
.auth-wrap.hidden{display:none}
.auth-wrap .ld-bg{position:absolute}
.au-top{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:0 auto;padding:22px 32px}
.au-top .ld-brand{display:flex;align-items:center;gap:12px;color:#eef3fb}
.au-top .ld-link{font:500 13.5px Inter,sans-serif;color:#b6c4d8;background:none;border:0;cursor:pointer;padding:8px 10px}.au-top .ld-link:hover{color:#fff}
.auth-wrap .auth-card{position:relative;z-index:2;max-width:420px;padding:36px 34px 28px;border-radius:20px;background:rgba(14,28,50,.72);
  border:1px solid rgba(148,177,224,.22);box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(14px)}
.au-title{margin:0 0 8px;font:700 26px/1.15 Inter,sans-serif;letter-spacing:-.025em;color:#fff}
.au-lede{margin:0 0 24px;font:400 14px/1.55 Inter,sans-serif;color:var(--mut)}
.auth-wrap .tabs{gap:0;padding:4px;border-radius:12px;background:rgba(148,177,224,.08);border:1px solid var(--line);margin-bottom:22px}
.auth-wrap .tab{border:0;border-radius:9px;background:none;color:#9db0c9;font:600 13.5px Inter,sans-serif;padding:10px;cursor:pointer;transition:background .15s,color .15s}
.auth-wrap .tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px rgba(37,99,235,.4)}
.auth-wrap #auth-form{gap:6px}
.au-lbl{margin-top:8px;font:600 11.5px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#9db0c9}
.auth-wrap input{background:rgba(6,14,27,.7);border:1px solid rgba(148,177,224,.2);color:#fff;font:500 15px Inter,sans-serif;padding:13px 14px;border-radius:11px;transition:border-color .15s,box-shadow .15s}
.auth-wrap input::placeholder{color:#5f7593}
.auth-wrap input:focus{border-color:rgba(122,167,255,.7);box-shadow:0 0 0 4px rgba(79,140,255,.16)}
.auth-wrap .err{color:#ff8f98;font:500 13px Inter,sans-serif;min-height:18px;margin-top:4px}
.auth-wrap .primary{margin-top:6px;padding:14px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font:650 15px Inter,sans-serif;
  box-shadow:0 8px 24px rgba(37,99,235,.45);transition:transform .15s,box-shadow .15s,filter .15s}
.auth-wrap .primary:not(:disabled):hover{background:linear-gradient(135deg,#5b9bff,#2f6fd6);transform:translateY(-1px);box-shadow:0 12px 30px rgba(37,99,235,.55)}
.auth-wrap .divider{color:#6f86a6;font:500 12px Inter,sans-serif;margin:20px 0 14px}
.auth-wrap .divider::before,.auth-wrap .divider::after{border-bottom-color:var(--line)}
.auth-wrap #gbtn{border-radius:12px;overflow:hidden}
.auth-wrap .hint{margin-top:22px;font:400 11px/1.6 Inter,sans-serif;color:#566b87}
@media(max-width:520px){.au-top{padding:16px 18px}.auth-wrap .auth-card{padding:28px 22px 22px}.auth-wrap .bx-words{display:none}}

/* ===================== LIGHT THEME (same layout, light palette) ===================== */
.landing,.auth-wrap{--bg:#f5f8fd;--ink:#0b1f3a;--mut:#5b6f8a;--line:rgba(30,64,120,.12);--blue:#2563eb;--teal:#0d9488;background:#f5f8fd;color:#0b1f3a}
.ld-grid{background-image:linear-gradient(rgba(30,64,120,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(30,64,120,.07) 1px,transparent 1px);opacity:1}
.ld-g1{background:radial-gradient(circle,rgba(79,140,255,.28),transparent 70%)}
.ld-g2{background:radial-gradient(circle,rgba(62,196,163,.20),transparent 70%)}
.ld-curve{opacity:1}
.ld-curve stop:nth-of-type(1){stop-color:#2563eb}.ld-curve stop:nth-of-type(2){stop-color:#2563eb}.ld-curve stop:nth-of-type(3){stop-color:#0d9488}

/* nav */
.landing .ld-brand,.au-top .ld-brand{color:#0b1f3a}
.bx-name{color:#0b1f3a}.bx-sub{color:#6b7c93}
.bx-mark{box-shadow:0 0 0 1px rgba(11,31,58,.85),0 0 0 3px rgba(37,99,235,.12),0 4px 12px rgba(11,31,58,.22)}
.landing .ld-links button{color:#3b4f6b}.landing .ld-links button:hover{color:#0b1f3a;background:rgba(30,64,120,.07)}
.landing .ld-link,.au-top .ld-link{color:#3b4f6b}.landing .ld-link:hover,.au-top .ld-link:hover{color:#0b1f3a}
.landing .ld-pill{background:#0b1f3a;color:#fff;box-shadow:0 8px 22px rgba(11,31,58,.25)}
.landing .ld-pill:hover{box-shadow:0 12px 28px rgba(11,31,58,.35)}

/* hero */
.ld-eyebrow{background:#fff;border-color:rgba(30,64,120,.14);color:#2f5da8;box-shadow:0 2px 8px rgba(11,31,58,.05)}
.ld-eyebrow i{background:#0d9488;box-shadow:0 0 0 4px rgba(13,148,136,.16)}
.landing .ld-h1{color:#0b1f3a}
.landing .ld-h1 em{background:linear-gradient(90deg,#2563eb,#0d9488);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing .ld-sub{color:#5b6f8a}

/* ask box */
.landing .ag-form{background:#fff;border-color:rgba(30,64,120,.16);box-shadow:0 18px 50px rgba(30,64,120,.14),0 2px 6px rgba(11,31,58,.05);backdrop-filter:none}
.landing .ag-form:focus-within{border-color:#4f8cff;box-shadow:0 18px 50px rgba(30,64,120,.16),0 0 0 4px rgba(79,140,255,.18)}
.ag-ic{color:#7f93b0}
.landing .ag-form input{color:#0b1f3a}.landing .ag-form input::placeholder{color:#8a9bb4}
.landing .ag-chips button{background:#fff;border-color:rgba(30,64,120,.14);color:#3b4f6b;box-shadow:0 1px 3px rgba(11,31,58,.05)}
.landing .ag-chips button:hover{background:#eef4ff;border-color:#4f8cff;color:#0b1f3a}
.landing .ag-q{color:#fff}
.landing .ag-a{background:#fff;border-color:rgba(30,64,120,.12);color:#1b2b44;box-shadow:0 10px 30px rgba(30,64,120,.10)}
.landing .ag-disc{color:#8a9bb4}

/* feature cards */
.ld-feat{background:#fff;border-color:rgba(30,64,120,.12);color:#0b1f3a;box-shadow:0 8px 26px rgba(30,64,120,.07)}
.ld-feat:hover{background:#fff;border-color:#4f8cff;box-shadow:0 14px 34px rgba(37,99,235,.16)}
.ld-feat .lf-n{color:#2563eb}
.ld-feat span:last-child{color:#5b6f8a}
.landing .ld-fine{color:#8a9bb4}

/* log in / register */
.auth-wrap{background:#f5f8fd}
.auth-wrap .auth-card{background:#fff;border-color:rgba(30,64,120,.12);box-shadow:0 30px 80px rgba(30,64,120,.16),0 2px 8px rgba(11,31,58,.05);backdrop-filter:none}
.au-title{color:#0b1f3a}.au-lede{color:#5b6f8a}
.auth-wrap .tabs{background:#eef3fa;border-color:rgba(30,64,120,.10)}
.auth-wrap .tab{color:#5b6f8a}
.auth-wrap .tab.active{color:#fff}
.au-lbl{color:#4a5f7d}
.auth-wrap input{background:#f8fafd;border-color:rgba(30,64,120,.18);color:#0b1f3a}
.auth-wrap input::placeholder{color:#8a9bb4}
.auth-wrap input:focus{background:#fff;border-color:#4f8cff;box-shadow:0 0 0 4px rgba(79,140,255,.16)}
.auth-wrap .err{color:#c0392b}
.auth-wrap .divider{color:#8a9bb4}
.auth-wrap .hint{color:#8a9bb4}
.auth-brand .bx-name{color:#0b1f3a}
:root[data-theme="dark"] .auth-brand .bx-name{color:#0b1f3a}