body.speas-auth-page.speas-cinematic {
    --auth-text:#edf5ff; --auth-muted:#b9cbe0; --auth-line:rgba(208,226,255,.24);
    --auth-surface:rgba(15,31,56,.76); --auth-surface-soft:rgba(18,37,64,.85);
    --auth-accent:#8ed9ff; --auth-accent-strong:#b5e9ff;
    min-height:100dvh; height:auto; overflow:auto; background:#0a2138; color:#edf5ff;
}
body.speas-auth-page.speas-cinematic::before { content:""; position:fixed; inset:0; background:linear-gradient(90deg,rgba(4,18,36,.12),rgba(4,18,36,.28)),url('/assets/speas-landscape-20261008.webp') center/cover no-repeat; pointer-events:none; }
body.speas-auth-page.speas-cinematic .auth-window { position:relative; width:100%; max-width:none; min-height:100dvh; height:auto; margin:0; padding:clamp(20px,4vw,72px); border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
body.speas-auth-page.speas-cinematic .auth-workspace { width:min(1480px,100%); margin:auto; min-height:calc(100dvh - 100px); height:auto; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(340px,.8fr); gap:clamp(24px,5vw,100px); background:transparent; border:0; overflow:visible; }
body.speas-auth-page.speas-cinematic .auth-sidebar { display:flex; flex-direction:column; justify-content:space-between; min-height:620px; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; overflow:visible; }
body.speas-auth-page.speas-cinematic .auth-sidebar::before,body.speas-auth-page.speas-cinematic .auth-sidebar::after { display:none; }
body.speas-auth-page.speas-cinematic .auth-brand-copy strong,body.speas-auth-page.speas-cinematic .auth-brand-copy span { color:#fff; }
body.speas-auth-page.speas-cinematic .auth-brand-mark { background:rgba(255,255,255,.9); }
body.speas-auth-page.speas-cinematic .scene-copy { padding:50px 0; text-shadow:0 3px 24px rgba(0,15,30,.5); }
body.speas-auth-page.speas-cinematic .scene-kicker { font-size:11px; font-weight:800; letter-spacing:.22em; color:#e6f2ff; }
body.speas-auth-page.speas-cinematic .scene-word { display:block; margin:12px 0; font-size:clamp(78px,10.6vw,170px); line-height:1.05; letter-spacing:-.055em; font-weight:900; color:#f8e5d2; text-shadow:0 2px 0 #b9b8dc,0 5px 0 #6886ac,0 12px 30px rgba(9,28,53,.55); animation:speas-scene-float 4s ease-in-out 1; }
body.speas-auth-page.speas-cinematic .scene-copy h1 { max-width:580px; margin:26px 0 12px; font-size:clamp(26px,3.1vw,48px); line-height:1.12; color:#fff; }
body.speas-auth-page.speas-cinematic .scene-copy p { max-width:450px; color:#e5edf8; line-height:1.7; font-size:15px; }
body.speas-auth-page.speas-cinematic .scene-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; color:#d9e7f7; font-size:12px; }
body.speas-auth-page.speas-cinematic .auth-main { display:flex; align-items:center; padding:0; background:transparent; }
body.speas-auth-page.speas-cinematic .auth-card { width:100%; max-width:480px; padding:clamp(24px,3vw,44px); border:1px solid rgba(220,235,255,.35); border-radius:28px; background:linear-gradient(145deg,rgba(38,58,85,.83),rgba(12,29,52,.89)); box-shadow:0 32px 80px rgba(3,14,31,.4),inset 0 1px 0 rgba(255,255,255,.2); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
body.speas-auth-page.speas-cinematic .auth-card h2 { color:#f5f9ff; font-size:clamp(25px,2.4vw,34px); }
body.speas-auth-page.speas-cinematic .auth-card label { color:#e3edfa; }
body.speas-auth-page.speas-cinematic .auth-eyebrow { background:rgba(103,183,246,.14); color:#b9e7ff; border-color:rgba(144,208,255,.4); }
body.speas-auth-page.speas-cinematic .auth-input input,body.speas-auth-page.speas-cinematic #mfa_code { color:#f5f9ff; background:rgba(9,25,46,.65); border-color:rgba(184,210,242,.35); font-size:16px; }
body.speas-auth-page.speas-cinematic input::placeholder { color:#a4b7ce; }
body.speas-auth-page.speas-cinematic .auth-input i,body.speas-auth-page.speas-cinematic .auth-input-action { color:#c8dcef; }
body.speas-auth-page.speas-cinematic .auth-primary { background:linear-gradient(110deg,#2377e8,#6650d8); color:#fff; border:1px solid rgba(170,195,255,.4); box-shadow:0 8px 24px rgba(20,66,160,.35); }
body.speas-auth-page.speas-cinematic .auth-link,body.speas-auth-page.speas-cinematic .auth-footer a { color:#c2e9ff; }
body.speas-auth-page.speas-cinematic .auth-security-note,body.speas-auth-page.speas-cinematic .auth-footer { color:#b9cbe0; border-color:rgba(208,226,255,.2); }
@keyframes speas-scene-float {0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(0deg)}}
@media(max-width:900px){body.speas-auth-page.speas-cinematic .auth-workspace{grid-template-columns:minmax(0,1fr);gap:24px;max-width:520px;min-height:0}body.speas-auth-page.speas-cinematic .auth-sidebar{min-height:0;gap:16px}body.speas-auth-page.speas-cinematic .scene-copy{padding:12px 0}body.speas-auth-page.speas-cinematic .scene-word{font-size:clamp(76px,18vw,112px);margin:8px 0}body.speas-auth-page.speas-cinematic .scene-copy h1{font-size:26px;margin:10px 0}body.speas-auth-page.speas-cinematic .scene-copy p{display:none}body.speas-auth-page.speas-cinematic .scene-footer{align-items:center}body.speas-auth-page.speas-cinematic .auth-card{max-width:none}body.speas-auth-page.speas-cinematic .auth-brand-copy span{display:none}body.speas-auth-page.speas-cinematic::before{background-position:38% center}body.speas-auth-page.speas-cinematic .auth-window{padding:24px 20px 40px}}
@media(prefers-reduced-motion:reduce){body.speas-auth-page.speas-cinematic .scene-word{animation:none}}

/* Silver identity: finite staggered 3D assembly, then a quiet static brand. */
body.speas-auth-page.speas-cinematic .scene-word { display:flex; gap:.065em; perspective:1000px; width:max-content; max-width:100%; font-size:clamp(72px,9.5vw,148px); letter-spacing:0; animation:none; text-shadow:none; line-height:1.2; }
body.speas-auth-page.speas-cinematic .scene-word span { display:block; color:#e3e9f0; background:linear-gradient(125deg,#fff 5%,#d4dce6 28%,#8e9fb4 43%,#f7fbff 53%,#bac8d9 76%,#edf3fa); background-size:220% 100%; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 3px 0 #52667e) drop-shadow(0 12px 18px rgba(0,15,35,.45)); transform-origin:50% 85%; animation:speas-letter-assemble 1.7s cubic-bezier(.16,1,.3,1) both,speas-silver-light 2.2s ease-in-out both; animation-delay:calc(var(--letter)*.13s),1.8s; }
body.speas-auth-page.speas-cinematic .scene-company { display:block; color:#e6edf5; font-size:clamp(14px,1.5vw,22px); font-weight:700; letter-spacing:.3em; margin:12px 0 32px; text-shadow:0 2px 12px #10243c; animation:speas-company-reveal 1s ease-out 1s both; }
body.speas-auth-page.speas-cinematic .auth-input input { background:#edf3fa!important; color:#142a43!important; -webkit-text-fill-color:#142a43; border-color:#c2d0e1; padding-left:46px; }
body.speas-auth-page.speas-cinematic .auth-input input::placeholder { color:#52677f; -webkit-text-fill-color:#52677f; }
body.speas-auth-page.speas-cinematic .auth-input input:autofill { box-shadow:0 0 0 100px #edf3fa inset!important; -webkit-text-fill-color:#142a43!important; }
body.speas-auth-page.speas-cinematic .auth-input input:-webkit-autofill { -webkit-box-shadow:0 0 0 100px #edf3fa inset!important; -webkit-text-fill-color:#142a43!important; }
body.speas-auth-page.speas-cinematic .auth-input > i { color:#284c70!important; font-size:22px; z-index:2; pointer-events:none; }
body.speas-auth-page.speas-cinematic .auth-input-action { color:#284c70!important; width:44px; height:44px; }
body.speas-auth-page.speas-cinematic .auth-input-action i { color:inherit!important; font-size:22px; }
body.speas-auth-page.speas-cinematic .auth-input-action:focus-visible { outline:2px solid #1764a8; outline-offset:-4px; border-radius:8px; }
body.speas-auth-page.speas-cinematic .auth-security-note > i { color:#99d8ef; font-size:20px; }
@keyframes speas-letter-assemble { 0% { opacity:0; transform:translate3d(0,38px,-160px) rotateX(65deg) rotateY(-22deg); } 65% { opacity:1; transform:translate3d(0,-4px,0) rotateX(-5deg) rotateY(2deg); } 100% { opacity:1; transform:none; } }
@keyframes speas-silver-light { from { background-position:100% 50%; } to { background-position:0% 50%; } }
@keyframes speas-company-reveal { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media(max-width:900px) { body.speas-auth-page.speas-cinematic .scene-word { font-size:clamp(66px,15.5vw,100px); gap:.065em; } body.speas-auth-page.speas-cinematic .scene-company { margin:8px 0 20px; letter-spacing:.24em; } }
@media(prefers-reduced-motion:reduce) { body.speas-auth-page.speas-cinematic .scene-word span,body.speas-auth-page.speas-cinematic .scene-company { animation:none; opacity:1; transform:none; } }