:root{
  --gold:#6f96ad;
  --gold-dark:#84a8bd;
  --green:#91b2c4;
  --bg:#0d141b;
  --card:#17232c;
  --warm:#1c2b36;
  --control:#111c24;
  --line:#31424d;
  --ink:#dce4e8;
  --muted:#93a2ab;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);color-scheme:dark}
body{min-height:100vh;margin:0;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 15% 15%,rgba(111,150,173,.11),transparent 34%),var(--bg);color:var(--ink)}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px}
.setup-shell{align-items:start;padding-top:42px}
.auth-card{width:min(440px,100%);padding:34px;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.42)}
.wide-card{width:min(760px,100%)}
.brand-mark{width:58px;height:58px;margin-bottom:22px;border-radius:16px;display:grid;place-items:center;background:var(--warm);border:1px solid rgba(145,178,196,.25);color:#9bb9c9;font-size:17px;font-weight:700}
.eyebrow{color:var(--gold);font-size:11px;font-weight:650;letter-spacing:.12em;margin-bottom:7px}
h1{margin:0;font-size:31px;line-height:1.1;font-weight:620;letter-spacing:-.025em}
.intro{margin:10px 0 24px;color:var(--muted);font-size:14px;line-height:1.55}
form>label,.form-grid label{display:block;color:var(--green);font-size:12px;font-weight:600;margin-bottom:15px}
input{width:100%;margin-top:7px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--control);color:var(--ink);outline:none;font-size:14px}
input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(111,150,173,.16)}
.primary-button{width:100%;display:block;border:1px solid var(--gold);border-radius:11px;background:var(--gold);color:#0c171e;padding:13px 16px;font-size:14px;font-weight:650;text-align:center;text-decoration:none;cursor:pointer;transition:.16s ease}
.primary-button:hover{background:var(--gold-dark);border-color:var(--gold-dark);transform:translateY(-1px)}
.privacy-note{margin:17px 0 0;color:#778791;text-align:center;font-size:11px;line-height:1.5}
.alert{margin:0 0 18px;padding:12px 13px;border:1px solid #654348;border-radius:10px;background:#382427;color:#dca8ac;font-size:13px;line-height:1.5}
.form-section{margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:15px;background:#141f27}
.section-title{margin-bottom:15px;color:var(--gold);font-size:11px;font-weight:650;letter-spacing:.1em}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid label{margin:0}
.form-grid .full{grid-column:1/-1}
@media(max-width:640px){.auth-shell{padding:15px}.setup-shell{padding-top:15px}.auth-card{padding:24px;border-radius:18px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}h1{font-size:27px}}

/* v1.1.6 — match private entry screens to the polished Call Navigator workspace. */
body{background:
  radial-gradient(840px 520px at 50% -90px,rgba(71,140,177,.20),transparent 69%),
  radial-gradient(620px 480px at 105% 85%,rgba(34,91,118,.13),transparent 70%),
  linear-gradient(145deg,#0c171e,#101e27 48%,#0a141a);}
.auth-shell{position:relative;isolation:isolate}
.auth-shell::before{content:"";position:fixed;z-index:-1;inset:0;opacity:.42;background-image:linear-gradient(rgba(143,206,234,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(143,206,234,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.auth-card{background:linear-gradient(145deg,rgba(29,49,61,.98),rgba(17,31,40,.98));border-color:rgba(112,171,199,.30);box-shadow:0 28px 75px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.055)}
.brand-mark{background:linear-gradient(145deg,#294958,#1a313d);border-color:rgba(145,204,230,.34);box-shadow:inset 0 1px rgba(255,255,255,.1),0 10px 24px rgba(1,9,14,.20);color:#a9d7e9}
.eyebrow,.section-title{color:#8fc6df}.intro{color:#abc0ca}form>label,.form-grid label{color:#a8c8d6}
input{background:linear-gradient(180deg,#0e1d25,#09151c);border-color:rgba(92,145,171,.58);box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
input:focus{border-color:#79caed;box-shadow:0 0 0 3px rgba(83,189,231,.17),inset 0 1px 3px rgba(0,0,0,.35)}
.primary-button{background:linear-gradient(135deg,#8cc1d8,#5d91aa);border-color:#aad4e4;box-shadow:inset 0 1px rgba(255,255,255,.28),0 9px 20px rgba(1,9,14,.24)}
.primary-button:hover{background:linear-gradient(135deg,#a5d0e0,#70a7bf);border-color:#c2e2ec}.form-section{background:linear-gradient(145deg,rgba(22,39,49,.86),rgba(15,28,36,.86));border-color:rgba(109,161,187,.28)}

/* v2.1.0 — premium authentication and first-run experience. */
:root{--auth-cyan:#20ceff;--auth-blue:#3477ff;--auth-violet:#9f46ff;--auth-orange:#ff8a18}
body{
  background:
    radial-gradient(740px 390px at 18% -5%,rgba(0,152,255,.25),transparent 70%),
    radial-gradient(620px 340px at 54% -8%,rgba(255,113,20,.17),transparent 72%),
    radial-gradient(760px 500px at 100% 24%,rgba(132,49,255,.20),transparent 73%),
    linear-gradient(155deg,#020815,#061120 52%,#030817);
  color:#f2f7ff
}
.auth-shell{position:relative;isolation:isolate;overflow:hidden}
.auth-shell::before{opacity:.66;background-image:linear-gradient(rgba(82,161,224,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(82,161,224,.022) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.auth-shell::after{content:"";position:fixed;z-index:-1;left:8%;right:8%;top:7%;height:2px;background:linear-gradient(90deg,transparent,var(--auth-cyan),var(--auth-blue),var(--auth-orange),var(--auth-violet),transparent);box-shadow:0 0 28px rgba(61,151,255,.46);opacity:.64}
.auth-card{
  position:relative;overflow:hidden;width:min(470px,100%);padding:38px;
  border-color:rgba(73,169,226,.38);border-radius:24px;
  background:
    radial-gradient(390px 220px at 0 0,rgba(24,193,255,.10),transparent 72%),
    radial-gradient(420px 260px at 100% 0,rgba(139,65,255,.10),transparent 74%),
    linear-gradient(150deg,rgba(9,27,48,.98),rgba(4,14,29,.99));
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 34px 90px rgba(0,0,0,.55),0 0 55px rgba(46,112,255,.09)
}
.auth-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--auth-cyan),var(--auth-blue) 38%,var(--auth-violet) 72%,var(--auth-orange));box-shadow:0 0 22px rgba(56,149,255,.38)}
.wide-card{width:min(820px,100%)}
.brand-mark{width:70px;height:78px;margin:0 0 20px;border:0;border-radius:0;background:transparent;box-shadow:none}
.brand-mark img{display:block;width:68px;height:77px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(32,206,255,.34))}
.eyebrow,.section-title{color:#6edaff;font-weight:800;letter-spacing:.15em}
h1{color:#fff;font-size:34px;font-weight:760;letter-spacing:-.035em;text-shadow:0 2px 20px rgba(71,146,255,.15)}
.intro{color:#94aabd;font-size:14px}
form>label,.form-grid label{color:#9dc8dd;font-weight:700}
input{padding:13px 14px;border-color:rgba(73,148,198,.62);border-radius:11px;background:linear-gradient(180deg,#071528,#030c19);color:#edf7ff}
input:hover{border-color:#4eb6ef}
input:focus{border-color:var(--auth-cyan);background:#030b17;box-shadow:0 0 0 3px rgba(32,206,255,.13),0 0 22px rgba(32,206,255,.10)}
.primary-button{padding:14px 17px;border-color:rgba(141,220,255,.88);border-radius:11px;background:linear-gradient(135deg,var(--auth-cyan),var(--auth-blue) 54%,var(--auth-violet));color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.36);box-shadow:inset 0 1px rgba(255,255,255,.38),0 0 25px rgba(49,123,255,.24),0 12px 28px rgba(0,0,0,.30)}
.primary-button:hover{background:linear-gradient(135deg,#3bd8ff,#4986ff 54%,#ae59ff);border-color:#c4efff;box-shadow:inset 0 1px rgba(255,255,255,.45),0 0 32px rgba(56,139,255,.34),0 14px 32px rgba(0,0,0,.34)}
.privacy-note{color:#6f8599}
.alert{border-color:rgba(233,105,121,.52);background:linear-gradient(135deg,rgba(95,30,46,.78),rgba(55,18,34,.88));color:#ffd0d5;box-shadow:inset 3px 0 #e96a78}
.form-section{padding:20px;border-color:rgba(73,151,205,.30);background:linear-gradient(145deg,rgba(8,25,43,.86),rgba(4,15,29,.90));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.section-title{padding-bottom:11px;border-bottom:1px solid rgba(70,151,205,.22)}
@media(max-width:640px){.auth-card{padding:27px 23px}.brand-mark{width:60px;height:68px}.brand-mark img{width:58px;height:66px}h1{font-size:29px}.form-section{padding:15px}}

/* v2.17.0 — public signup / verification / legal foundation */
.success-alert{margin:0 0 18px;padding:12px 13px;border:1px solid rgba(67,200,150,.45);border-radius:10px;background:linear-gradient(135deg,rgba(20,78,63,.78),rgba(10,48,47,.88));color:#c9ffe9;box-shadow:inset 3px 0 #43d69e;font-size:13px;line-height:1.5}
.auth-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 16px;margin-top:17px;font-size:12px}.auth-links a{color:#7bd9ff;text-decoration:none}.auth-links a:hover{text-decoration:underline;color:#b8edff}
.signup-card{width:min(760px,100%)}
.signup-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.terms-check{display:flex!important;align-items:flex-start;gap:9px;margin:4px 0 18px!important;color:#9fb2c3!important;line-height:1.45}.terms-check input{width:auto!important;margin:2px 0 0!important;accent-color:#20ceff}.terms-check a{color:#72d9ff}
.auth-readiness{display:flex;flex-direction:column;gap:5px;margin:18px 0;padding:15px;border:1px solid rgba(255,178,72,.38);border-radius:12px;background:rgba(93,54,16,.22);color:#f4c47d}.auth-readiness span{color:#c5b393;font-size:12px;line-height:1.5}
.legal-card h2{margin:24px 0 7px;color:#dcecff;font-size:17px}.legal-card p{color:#9eb2c4;line-height:1.65}.legal-draft{display:inline-flex;margin:18px 0 4px;padding:5px 9px;border:1px solid rgba(255,174,75,.45);border-radius:999px;color:#ffbd6e;background:rgba(116,66,13,.18);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}

/* v2.18.0 — full-feature trial summary */
.trial-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 20px}.trial-promise span{display:grid;gap:4px;padding:12px;border:1px solid rgba(70,159,218,.24);border-radius:11px;background:rgba(5,20,37,.72)}.trial-promise b{color:#dff5ff;font-size:10px;letter-spacing:.06em}.trial-promise small{color:#718da4;font-size:9px;line-height:1.35}
@media(max-width:640px){.trial-promise{grid-template-columns:1fr}.trial-promise span{padding:10px}}

/* v2.19.0 — auth/legal readability alignment */
.eyebrow{font-size:12px}.intro{font-size:15px}form>label,.form-grid label{font-size:13px}input{font-size:15px}.primary-button{font-size:15px}.privacy-note{font-size:12px}.alert,.success-alert{font-size:14px}.auth-links{font-size:13px}.auth-readiness span{font-size:13px}.legal-card h2{font-size:18px}.legal-card p{font-size:14px}.legal-draft{font-size:11px}.trial-promise b{font-size:11px}.trial-promise small{font-size:10.5px}

/* v2.21.0 — direct /login uses the complete public-site shell */
.login-public-page{display:flex;min-height:100vh;flex-direction:column;background:radial-gradient(900px 560px at 10% -10%,rgba(21,164,255,.19),transparent 70%),radial-gradient(760px 500px at 94% 7%,rgba(144,54,255,.16),transparent 72%),linear-gradient(155deg,#020714,#04101f 48%,#020713)}
.login-public-page .landing-nav{flex:0 0 auto}.login-public-page .login-public-auth{flex:1;min-height:auto;padding:58px 28px 64px;overflow:visible}.login-public-page .login-public-auth::before{position:absolute}.login-public-page .login-public-auth::after{top:18px;left:10%;right:10%}.login-public-page .landing-footer{flex:0 0 auto}.login-public-page .auth-card{margin:auto}
@media(max-width:680px){.login-public-page .login-public-auth{padding:36px 15px 44px}.login-public-page .landing-footer{width:calc(100% - 28px)}}

/* v2.24.0 private Founding Tester signup */
.invite-signup-card{border-color:rgba(255,151,58,.30);background:radial-gradient(460px 250px at 100% 0,rgba(255,132,29,.10),transparent 70%),linear-gradient(145deg,rgba(8,25,44,.98),rgba(7,17,31,.99));box-shadow:0 26px 70px rgba(0,0,0,.38),0 0 48px rgba(255,126,23,.06)}
.invite-signup-card>.eyebrow{color:#ffad59}.invite-signup-card .intro strong{color:#f4f8fb}.founding-invite-promise{display:flex;align-items:center;gap:14px;margin:18px 0 22px;padding:14px 16px;border:1px solid rgba(255,151,58,.32);border-radius:13px;background:linear-gradient(135deg,rgba(137,70,17,.16),rgba(9,29,47,.62))}.founding-invite-promise>span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(255,139,34,.12);color:#ffab4d;font-size:28px;font-weight:700}.founding-invite-promise>div{display:grid;gap:3px}.founding-invite-promise strong{color:#ffbd72;font-size:13px}.founding-invite-promise small{color:#859aac;font-size:10px}.invite-signup-card input[readonly]{border-color:rgba(255,157,67,.24);background:rgba(51,37,29,.42);color:#d8e6ef}