.auth-page{min-height:100%;background:radial-gradient(circle at 70% 20%,rgba(24,214,174,.07),transparent 28%),linear-gradient(135deg,#05070a,#090d12);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);overflow:auto}.auth-visual{position:relative;min-height:100vh;padding:36px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.auth-brand{width:220px;max-width:50vw}.auth-chart{position:absolute;inset:100px 34px 70px 34px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#06090d}.auth-chart:before,.auth-chart:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 95%,rgba(255,255,255,.04) 95%),linear-gradient(90deg,transparent 94%,rgba(255,255,255,.04) 94%);background-size:100% 48px,72px 100%}.auth-chart .wave{position:absolute;left:-5%;right:-5%;top:48%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:rotate(-4deg);filter:drop-shadow(0 0 12px var(--accent))}.auth-chart .ghost{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(56px,10vw,150px);font-weight:950;letter-spacing:.15em;color:rgba(255,255,255,.025)}.auth-copy{position:relative;z-index:2;max-width:520px}.auth-copy h1{font-size:clamp(28px,4vw,54px);line-height:.98;margin:0 0 14px;letter-spacing:-.035em}.auth-copy p{color:var(--muted);max-width:450px;line-height:1.6;margin:0}.auth-panel{min-height:100vh;display:grid;place-items:center;padding:24px}.login-box{width:min(360px,100%)}.login-box .kicker{font-size:10px;color:var(--accent);letter-spacing:.14em;font-weight:900}.login-box h2{font-size:24px;margin:8px 0 5px}.login-box>p{color:var(--muted);margin:0 0 24px;font-size:11px;line-height:1.5}.login-form{display:grid;gap:12px}.login-form .btn{height:40px;margin-top:3px}.demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.demo-note{margin-top:17px;padding:9px;border:1px solid var(--line);border-radius:8px;font-size:9px;color:var(--muted);line-height:1.5}.auth-error{min-height:18px;color:var(--loss);font-size:10px;margin-top:7px}@media(max-width:820px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh}.login-box:before{content:"";display:block;background:url('/assets/brand/stratton-wordmark.png') center/contain no-repeat;width:180px;height:42px;margin-bottom:28px}}

.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#080b10;border:1px solid var(--line);border-radius:9px;padding:3px;margin:0 0 14px}.auth-tabs button{height:30px;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.auth-tabs button.active{background:var(--panel-2);color:var(--text);font-weight:800}

/* STRATTON v1.0.11 login launch sequence */
.auth-brand{width:250px;filter:drop-shadow(0 0 8px rgba(226,232,240,.14))}.launch-sequence{position:fixed;inset:0;z-index:500;background:#020407;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s;overflow:hidden}.launch-sequence.active{opacity:1;visibility:visible;pointer-events:auto}.launch-grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(113,130,150,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(113,130,150,.08) 1px,transparent 1px);background-size:54px 54px;transform:perspective(700px) rotateX(68deg) translateY(31%);animation:launchGrid 5s linear forwards;mask-image:linear-gradient(to bottom,transparent 4%,#000 42%,#000 78%,transparent)}.launch-core{position:relative;width:min(540px,90vw);height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}.launch-core>img{width:150px;height:150px;object-fit:contain;position:relative;z-index:4;opacity:0;transform:scale(.55) rotate(-12deg);filter:drop-shadow(0 0 24px rgba(220,229,238,.28));animation:markEnter 1.1s .18s cubic-bezier(.15,.8,.2,1) forwards,markFloat 2.6s 1.3s ease-in-out infinite}.launch-word{width:300px;height:52px;display:grid;place-items:center;overflow:hidden;margin-top:-8px;position:relative;z-index:4}.launch-word img{width:285px;opacity:0;transform:translateY(20px);animation:wordEnter .8s 1.05s ease forwards}.launch-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(184,199,214,.18),rgba(45,62,78,.06) 38%,transparent 70%);filter:blur(12px);animation:glowPulse 1.8s ease-in-out infinite}.launch-status{margin-top:18px;color:#8d9baa;font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:4;min-height:16px}.launch-progress{position:relative;width:260px;height:2px;background:#151c24;margin-top:12px;overflow:hidden;border-radius:8px;z-index:4}.launch-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#73879a,#eef4f8,#18d6ae);box-shadow:0 0 10px rgba(238,244,248,.55);animation:launchProgress 4.75s .15s cubic-bezier(.2,.7,.25,1) forwards}.launch-orbit{position:absolute;border:1px solid rgba(183,199,215,.15);border-radius:50%;width:330px;height:330px;animation:orbitSpin 4.5s linear infinite}.launch-orbit:before,.launch-orbit:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#e6edf3;box-shadow:0 0 14px #d7e0e8;top:48%;left:-3px}.orbit-b{width:430px;height:210px;transform:rotate(35deg);border-color:rgba(24,214,174,.13);animation-duration:5.5s;animation-direction:reverse}.orbit-b:before{background:#18d6ae}.launch-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(237,244,249,.8),transparent);box-shadow:0 0 18px rgba(237,244,249,.38);top:-5%;animation:scanDown 2.1s .35s ease-in-out 2}
@keyframes markEnter{to{opacity:1;transform:scale(1) rotate(0)}}@keyframes wordEnter{to{opacity:1;transform:none}}@keyframes markFloat{50%{transform:translateY(-5px) scale(1.02)}}@keyframes glowPulse{50%{transform:scale(1.15);opacity:.7}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes launchProgress{to{width:100%}}@keyframes scanDown{0%{top:-5%;opacity:0}15%{opacity:1}85%{opacity:.8}100%{top:105%;opacity:0}}@keyframes launchGrid{to{background-position:0 108px,108px 0}}

/* STRATTON v1.0.11 — metallic wordmark is the launch hero */
.launch-core{width:min(720px,94vw);height:360px}.launch-core>.launch-brand{width:min(610px,86vw)!important;height:auto!important;max-height:150px;object-fit:contain;position:relative;z-index:4;opacity:0;transform:scale(.72);filter:drop-shadow(0 0 22px rgba(226,232,240,.24));animation:brandLaunchEnter 1.15s .18s cubic-bezier(.15,.8,.2,1) forwards,brandLaunchFloat 2.8s 1.4s ease-in-out infinite}.launch-word{display:none!important}.launch-glow{width:470px;height:220px;border-radius:50%}.launch-orbit{width:520px;height:260px}.orbit-b{width:650px;height:220px}.launch-status{margin-top:24px;font-size:10.5px}.launch-progress{width:min(420px,72vw)}@keyframes brandLaunchEnter{to{opacity:1;transform:scale(1)}}@keyframes brandLaunchFloat{50%{transform:translateY(-4px) scale(1.012)}}
.auth-brand{width:260px;height:auto;object-fit:contain}

/* STRATTON v1.0.14 — cinematic launch layer */
.launch-video{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;opacity:.20;filter:saturate(.62) contrast(1.16) brightness(.58);transform:scale(1.035);z-index:0;animation:launchVideoDrift 10s ease-out forwards}
.launch-video-shade{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 48%,rgba(2,4,7,.24),rgba(2,4,7,.70) 55%,rgba(1,2,4,.94) 100%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 28%,transparent 72%,rgba(0,0,0,.18));backdrop-filter:blur(.15px)}
.launch-grid,.launch-orbit,.launch-core,.launch-scan{z-index:3}.launch-quotes{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.launch-quote{position:absolute;display:grid;grid-template-columns:auto auto;gap:2px 8px;min-width:112px;padding:6px 8px;border-left:1px solid rgba(255,255,255,.16);background:linear-gradient(90deg,rgba(5,9,13,.34),transparent);font-family:var(--mono);opacity:0;transform:translateY(10px) scale(.97);animation:launchQuote var(--quote-life,2200ms) ease-out forwards}
.launch-quote b{font-size:8px;letter-spacing:.08em;color:rgba(230,237,244,.72)}.launch-quote span{font-size:9px;color:rgba(240,245,249,.78)}.launch-quote em{grid-column:2;font-size:8px;font-style:normal}.launch-quote.up em{color:rgba(24,214,174,.78)}.launch-quote.down em{color:rgba(240,68,100,.78)}
.launch-sequence.handoff .launch-core{animation:launchHandoff .48s cubic-bezier(.2,.8,.2,1) forwards}.launch-sequence.handoff .launch-grid,.launch-sequence.handoff .launch-orbit{opacity:.35;transition:opacity .45s}.launch-sequence.handoff .launch-video{opacity:.10;transition:opacity .45s}
@keyframes launchQuote{0%{opacity:0;transform:translateY(10px) scale(.97)}14%{opacity:.66;transform:none}72%{opacity:.43}100%{opacity:0;transform:translateY(-18px) scale(1.015)}}
@keyframes launchVideoDrift{to{transform:scale(1.085) translate3d(-.6%,.4%,0)}}
@keyframes launchHandoff{55%{transform:scale(1.02);filter:brightness(1.2)}100%{transform:scale(.96);opacity:0;filter:blur(4px)}}
@media(max-width:820px){.launch-video{opacity:.15}.launch-quote{min-width:92px;padding:4px 6px}.launch-quote b,.launch-quote em{font-size:7px}.launch-quote span{font-size:8px}}


/* STRATTON v1.0.16 — immersive login */
.auth-page{position:relative;isolation:isolate;background:#020407;overflow:hidden;grid-template-columns:minmax(0,1fr) minmax(370px,.38fr)}
.auth-background{position:fixed;inset:0;z-index:-3;background:#020407;overflow:hidden}.auth-bg-video{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;opacity:0;transition:opacity var(--loop-fade,1.15s) ease;filter:brightness(var(--login-video-brightness,.54)) saturate(var(--login-video-saturation,.72)) blur(var(--login-video-blur,0px));transform:scale(1.035);mix-blend-mode:screen}.auth-bg-video.layer-a,.auth-bg-video.layer-b{opacity:var(--login-video-opacity,.30)}.auth-bg-video.layer-b{opacity:0}.auth-bg-grid{position:absolute;inset:-20%;opacity:.18;background-image:linear-gradient(rgba(150,170,190,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(150,170,190,.06) 1px,transparent 1px);background-size:72px 72px;transform:perspective(900px) rotateX(65deg) translateY(36%);animation:authGrid 18s linear infinite}.auth-bg-vignette{position:absolute;inset:0;background:radial-gradient(circle at 58% 42%,rgba(3,7,11,.10),rgba(2,4,7,.58) 54%,rgba(1,2,4,.94) 100%),linear-gradient(90deg,rgba(1,3,5,.16),rgba(1,3,5,.26) 54%,rgba(1,3,5,.8))}.auth-market-stream{position:absolute;inset:0;overflow:hidden;pointer-events:none}.auth-ticker{position:absolute;display:grid;grid-template-columns:auto auto;gap:2px 7px;padding:6px 8px;border-left:1px solid rgba(224,234,243,.16);background:linear-gradient(90deg,rgba(3,8,12,.42),transparent);font-family:var(--mono);opacity:0;animation:authTicker 3.6s ease-out forwards}.auth-ticker b{font-size:8px;letter-spacing:.09em;color:rgba(231,239,246,.66)}.auth-ticker span{font-size:9px;color:rgba(240,246,250,.75)}.auth-ticker em{grid-column:2;font-size:8px;font-style:normal}.auth-ticker.up em{color:rgba(24,214,174,.72)}.auth-ticker.down em{color:rgba(240,68,100,.72)}
.auth-visual{border-right:0;padding:28px 32px;background:linear-gradient(90deg,rgba(1,3,5,.1),transparent);overflow:hidden}.auth-brand{width:min(330px,30vw);position:relative;z-index:3}.auth-chart,.auth-copy{display:none!important}.auth-ambient-ring{position:absolute;border:1px solid rgba(225,235,243,.075);border-radius:50%;pointer-events:none}.ring-a{width:46vw;height:46vw;min-width:430px;min-height:430px;left:18%;top:18%;animation:ringTurn 26s linear infinite}.ring-b{width:31vw;height:31vw;min-width:310px;min-height:310px;left:28%;top:28%;border-color:rgba(24,214,174,.06);animation:ringTurn 19s linear infinite reverse}.auth-side-stats{position:absolute;left:34px;bottom:25px;display:flex;align-items:center;gap:9px;color:rgba(203,216,227,.34);font:700 8px var(--mono);letter-spacing:.12em}.auth-side-stats i{width:38px;height:1px;background:rgba(255,255,255,.08)}
.auth-panel{position:relative;background:linear-gradient(90deg,transparent,rgba(2,5,8,.72) 24%);padding:32px}.login-box{position:relative;width:min(390px,100%);padding:28px;border:1px solid rgba(203,220,234,.13);border-radius:18px;background:linear-gradient(160deg,rgba(12,18,25,.76),rgba(5,9,14,.68));backdrop-filter:blur(22px) saturate(1.1);box-shadow:0 34px 110px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.035);overflow:hidden}.login-box:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.035) 43%,transparent 62%);transform:translateX(-120%);animation:loginSheen 8s ease-in-out infinite}.login-box .kicker{font-size:9px;color:rgba(24,214,174,.82);letter-spacing:.18em}.login-box h2{font-size:25px;letter-spacing:-.02em;margin:8px 0 20px}.login-box>p,.demo-note{display:none!important}.auth-tabs{background:rgba(3,7,11,.62);border-color:rgba(255,255,255,.08);padding:4px}.auth-tabs button{height:34px}.auth-tabs button.active{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));box-shadow:inset 0 1px rgba(255,255,255,.04)}.login-form .field label{font-size:9.5px;color:#8796a5}.login-form .input{height:42px;background:rgba(2,5,8,.55);border-color:rgba(255,255,255,.09);transition:border-color .18s,box-shadow .18s,background .18s}.login-form .input:focus{background:rgba(4,9,13,.76);border-color:rgba(24,214,174,.45);box-shadow:0 0 0 3px rgba(24,214,174,.055)}.auth-submit{height:43px!important;display:flex;align-items:center;justify-content:center;gap:10px}.auth-submit i{font-style:normal;transition:transform .18s}.auth-submit:hover i{transform:translateX(4px)}.demo-buttons .btn{background:rgba(7,12,17,.65)}.login-security{margin-top:14px;display:flex;justify-content:center;align-items:center;gap:7px;color:#6f7e8c;font:700 8px var(--mono);letter-spacing:.09em;text-transform:uppercase}.login-security span{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px rgba(24,214,174,.6)}
@keyframes authGrid{to{background-position:0 144px,144px 0}}@keyframes ringTurn{to{transform:rotate(360deg)}}@keyframes loginSheen{0%,68%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}@keyframes authTicker{0%{opacity:0;transform:translateY(8px) scale(.98)}14%{opacity:.56;transform:none}74%{opacity:.36}100%{opacity:0;transform:translateY(-22px) scale(1.01)}}
@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-visual{display:block;position:absolute;inset:0;pointer-events:none;padding:22px}.auth-brand{width:210px;max-width:58vw}.auth-side-stats{display:none}.auth-panel{background:transparent;padding:22px;z-index:4}.login-box{width:min(390px,94vw);padding:24px}.ring-a,.ring-b{left:50%;transform:translateX(-50%)}.auth-bg-vignette{background:radial-gradient(circle at 50% 42%,rgba(2,4,7,.18),rgba(1,2,4,.80) 78%,#010204)}}
@media(max-width:520px){.auth-visual{padding:16px}.auth-brand{width:170px}.auth-panel{padding:15px}.login-box{padding:20px;border-radius:15px}.login-box h2{font-size:22px}.auth-ticker:nth-child(n+5){display:none}}


/* STRATTON v1.0.16 — technological planet + seamless terminal handoff */
.auth-tech-planet{position:absolute;left:12%;top:12%;width:min(54vw,760px);aspect-ratio:1;pointer-events:none;opacity:.34;z-index:1;background:linear-gradient(145deg,rgba(239,246,251,.92),rgba(114,139,159,.72) 42%,rgba(24,214,174,.72) 74%,rgba(231,240,246,.86));-webkit-mask:url('/assets/media/stratton-tech-planet.png') center/contain no-repeat;mask:url('/assets/media/stratton-tech-planet.png') center/contain no-repeat;filter:drop-shadow(0 0 18px rgba(187,205,220,.15)) drop-shadow(0 0 42px rgba(24,214,174,.08));animation:techPlanetFloat 8s ease-in-out infinite,techPlanetBreath 4.8s ease-in-out infinite}
.auth-tech-planet:after{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,rgba(24,214,174,.10),rgba(206,220,232,.025) 47%,transparent 72%);filter:blur(18px)}
.launch-tech-planet{position:absolute;left:50%;top:50%;width:min(620px,72vw);aspect-ratio:1;transform:translate(-50%,-50%) scale(.88);pointer-events:none;z-index:2;opacity:.23;background:linear-gradient(145deg,rgba(239,246,251,.95),rgba(104,129,151,.72) 44%,rgba(24,214,174,.76) 76%,rgba(232,241,247,.90));-webkit-mask:url('/assets/media/stratton-tech-planet.png') center/contain no-repeat;mask:url('/assets/media/stratton-tech-planet.png') center/contain no-repeat;filter:drop-shadow(0 0 22px rgba(210,225,236,.17)) drop-shadow(0 0 54px rgba(24,214,174,.10));animation:launchPlanet 5.2s cubic-bezier(.18,.72,.22,1) forwards}
.launch-grid,.launch-tech-planet,.launch-core,.launch-scan{z-index:3}.launch-tech-planet{z-index:2}.launch-sequence.handoff .launch-grid,.launch-sequence.handoff .launch-tech-planet{opacity:.12;transform:translate(-50%,-50%) scale(1.06);transition:opacity .42s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
.launch-gate{position:absolute;inset:0;z-index:30;pointer-events:none;opacity:0}.launch-gate:before,.launch-gate:after{content:"";position:absolute;left:0;right:0;height:50.5%;background:linear-gradient(180deg,#010204,#03070b);transition:transform .43s cubic-bezier(.68,0,.22,1)}.launch-gate:before{top:0;transform:translateY(-102%)}.launch-gate:after{bottom:0;transform:translateY(102%)}.launch-gate span{position:absolute;left:4%;right:4%;top:50%;height:1px;z-index:2;background:linear-gradient(90deg,transparent,rgba(24,214,174,.35),rgba(238,246,250,.96),rgba(24,214,174,.35),transparent);box-shadow:0 0 20px rgba(238,246,250,.45),0 0 42px rgba(24,214,174,.18);transform:scaleX(0);opacity:0;transition:transform .38s .04s cubic-bezier(.18,.82,.22,1),opacity .18s}
.launch-sequence.handoff .launch-gate{opacity:1}.launch-sequence.handoff .launch-gate:before,.launch-sequence.handoff .launch-gate:after{transform:translateY(0)}.launch-sequence.handoff .launch-gate span{transform:scaleX(1);opacity:1}
@keyframes techPlanetFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(1.2%,-1.6%,0) scale(1.018)}}
@keyframes techPlanetBreath{0%,100%{opacity:.28}50%{opacity:.40}}
@keyframes launchPlanet{0%{opacity:0;transform:translate(-50%,-50%) scale(.72) rotate(-5deg)}22%{opacity:.22}100%{opacity:.25;transform:translate(-50%,-50%) scale(1.015) rotate(1.4deg)}}
@media(max-width:900px){.auth-tech-planet{left:50%;top:15%;width:min(82vw,620px);transform:translateX(-50%);opacity:.18;animation:techPlanetMobile 8s ease-in-out infinite}.launch-tech-planet{width:min(94vw,560px);opacity:.16}}
@keyframes techPlanetMobile{0%,100%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(-1.2%) scale(1.018)}}
@media(prefers-reduced-motion:reduce){.auth-tech-planet,.launch-tech-planet{animation:none}.launch-gate:before,.launch-gate:after,.launch-gate span{transition-duration:.18s}}
\n/* STRATTON v1.0.18 — real animated technological planet supplied as GIF */
.auth-tech-planet{position:absolute;left:14%;top:7%;width:min(44vw,600px);height:auto;aspect-ratio:1;object-fit:contain;pointer-events:none;z-index:1;opacity:.38;background:none!important;-webkit-mask:none!important;mask:none!important;filter:invert(88%) sepia(12%) saturate(520%) hue-rotate(116deg) brightness(.82) contrast(1.16) drop-shadow(0 0 18px rgba(190,211,224,.16)) drop-shadow(0 0 42px rgba(24,214,174,.10));mix-blend-mode:screen;animation:techPlanetFloat 8s ease-in-out infinite,techPlanetBreath 4.8s ease-in-out infinite}
.auth-tech-planet:after{display:none!important}
.launch-tech-planet{position:absolute;left:50%;top:48%;width:min(540px,60vw);height:auto;aspect-ratio:1;object-fit:contain;pointer-events:none;z-index:2;opacity:.23;background:none!important;-webkit-mask:none!important;mask:none!important;filter:invert(90%) sepia(10%) saturate(560%) hue-rotate(116deg) brightness(.80) contrast(1.14) drop-shadow(0 0 22px rgba(210,225,236,.17)) drop-shadow(0 0 54px rgba(24,214,174,.10));mix-blend-mode:screen;animation:launchPlanet 5.2s cubic-bezier(.18,.72,.22,1) forwards}
@media(max-width:900px){.auth-tech-planet{left:50%;top:8%;width:min(72vw,500px);opacity:.21;animation:techPlanetMobile 8s ease-in-out infinite}.launch-tech-planet{width:min(78vw,480px);top:47%;opacity:.17}}