html,body{height:100%;margin:0}.stage{background:var(--color-obsidian);isolation:isolate;position:fixed;inset:0;overflow:hidden}.core-pulse{filter:blur(40px);pointer-events:none;width:820px;height:820px;animation:core-breath 4s var(--ease-in-out) infinite;background:radial-gradient(circle,#ed7d31e6 0%,#ed7d318c 14%,#ed7d3138 32%,#ed7d3114 52%,#0000 72%);border-radius:50%;position:absolute;top:calc(50% - 180px);left:50%;transform:translate(-50%,-50%)}@keyframes core-breath{0%,to{opacity:.28;transform:translate(-50%,-50%)scale(.94)}50%{opacity:.46;transform:translate(-50%,-50%)scale(1.08)}}.card-halo{pointer-events:none;filter:blur(20px);background:radial-gradient(circle,#ed7d311a 0%,#ed7d310f 22%,#ed7d3105 45%,#0000 70%);border-radius:50%;width:1400px;height:1400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nebula{filter:blur(140px);pointer-events:none;will-change:transform, opacity;border-radius:50%;width:1150px;height:1150px;position:absolute}.nebula-amber{opacity:.3;animation:nebula-amber 30s var(--ease-in-out) infinite;background:radial-gradient(circle,#ed7d31d9 0%,#ed7d3159 30%,#0000 62%);margin:-800px 0 0 -780px;top:50%;left:50%}.nebula-cyan{opacity:.22;animation:nebula-cyan 30s var(--ease-in-out) infinite;background:radial-gradient(circle,#00e5c7b3 0%,#00e5c747 30%,#0000 62%);margin:-350px 0 0 -370px;top:50%;left:50%}@keyframes nebula-amber{0%,to{opacity:.26;transform:translate(-40px,-40px)scale(1)}50%{opacity:.34;transform:translate(80px,60px)scale(1.1)}}@keyframes nebula-cyan{0%,to{opacity:.2;transform:translate(60px,40px)scale(1)}50%{opacity:.28;transform:translate(-60px,-40px)scale(1.08)}}.orb-corner{filter:blur(140px);opacity:.1;pointer-events:none;border-radius:50%;width:620px;height:620px;position:absolute}.orb-corner.top-left{background:var(--color-amber-glow);top:-260px;left:-220px}.orb-corner.bot-right{background:var(--color-pulse);opacity:.09;bottom:-280px;right:-240px}.particles{pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(110% 90%,#0000 50%,#0000008c 100%);position:absolute;inset:0}.frame{z-index:2;place-items:center;height:100%;padding:32px;display:grid;position:relative}.card-wrap{isolation:isolate;width:100%;max-width:440px;position:relative}.card-wrap:before{content:"";border-radius:calc(var(--radius-xl) + 1px);pointer-events:none;animation:rim-breath 2s var(--ease-in-out) infinite;z-index:0;position:absolute;inset:-1px;box-shadow:0 0 0 1px #00e5c72e,0 0 28px #00e5c72e,0 0 64px #00e5c71a}@keyframes rim-breath{0%,to{box-shadow:0 0 0 1px #00e5c724,0 0 20px #00e5c71a,0 0 48px #00e5c70f}50%{box-shadow:0 0 0 1px #00e5c747,0 0 36px #00e5c738,0 0 80px #00e5c724}}.login-card{box-sizing:border-box;background:var(--color-slate);border:1px solid var(--hairline);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:inset 0 1px 0 var(--highlight-top), 0 40px 80px -20px #00000080;isolation:isolate;z-index:1;padding:40px;position:relative;overflow:hidden}.login-card:before{content:"";background:radial-gradient(140% 90% at 50% 115%, var(--amber-glow-mid) 0%, var(--amber-glow-soft) 35%, transparent 65%);pointer-events:none;z-index:0;position:absolute;inset:0}.login-card>*{z-index:1;position:relative}.brand{flex-direction:column;align-items:center;gap:14px;margin-bottom:8px;display:flex}.mark-wrap{place-items:center;width:48px;height:48px;display:grid;position:relative}.mark-wrap:after{content:"";background:radial-gradient(circle, var(--pulse-glow) 0%, transparent 70%);opacity:.5;animation:mark-breath var(--dur-breath) var(--ease-in-out) infinite;z-index:-1;border-radius:50%;position:absolute;inset:-8px}.mark-wrap svg{width:48px;height:48px;display:block}@keyframes mark-breath{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.7;transform:scale(1.08)}}.wordmark{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-pearl);font-size:30px;font-weight:600;line-height:1}.tagline{font-family:var(--font-sans);font-size:var(--fs-small);color:var(--color-mist);line-height:1.4}.tagline .em{color:var(--color-pearl)}.form{flex-direction:column;gap:18px;margin-top:32px;display:flex}.form-row{flex-direction:column;gap:8px;display:flex}.form-row label{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--color-mist);font-weight:500}.form-row .field{border-color:var(--hairline);background:#0a0e1a99;height:46px}.form-row .field:focus-within{border-color:var(--color-pulse);box-shadow:0 0 0 3px var(--pulse-glow-soft)}.form-row .field input{letter-spacing:0;font-size:15px}.form-row .field input[type=password]{font-family:var(--font-mono);letter-spacing:.2em}.form-row .field input:autofill{-webkit-text-fill-color:var(--color-pearl);caret-color:var(--color-pearl);transition:background-color 100000s ease-in-out;box-shadow:inset 0 0 0 1000px #0e121f}.form-row .field input:-webkit-autofill{-webkit-text-fill-color:var(--color-pearl);caret-color:var(--color-pearl);transition:background-color 100000s ease-in-out;box-shadow:inset 0 0 0 1000px #0e121f}.form-row .field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-pearl);caret-color:var(--color-pearl);transition:background-color 100000s ease-in-out;box-shadow:inset 0 0 0 1000px #0e121f}.form-row .field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-pearl);caret-color:var(--color-pearl);transition:background-color 100000s ease-in-out;box-shadow:inset 0 0 0 1000px #0e121f}.form-row .field input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-pearl);caret-color:var(--color-pearl);transition:background-color 100000s ease-in-out;box-shadow:inset 0 0 0 1000px #0e121f}.pw-toggle{width:22px;height:22px;color:var(--color-mist-2);cursor:pointer;transition:color var(--dur-hover) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.pw-toggle:hover{color:var(--color-pearl)}.pw-toggle:focus-visible{outline:2px solid var(--color-pulse);outline-offset:2px;border-radius:4px}.pw-toggle svg{width:18px;height:18px;display:block}.pw-toggle .eye-off,.pw-toggle.showing .eye{display:none}.pw-toggle.showing .eye-off{display:block}.field-icon{width:16px;height:16px;color:var(--color-mist-2);flex-shrink:0}.field:focus-within .field-icon{color:var(--color-pulse)}.forgot{font-family:var(--font-sans);font-size:var(--fs-small);color:var(--color-mist);transition:color var(--dur-hover) var(--ease-out);align-self:flex-end;margin-top:-2px;text-decoration:none}.forgot:hover{color:var(--color-pearl)}.cta{letter-spacing:.16em;background:var(--color-pulse);color:#002a24;border-radius:var(--radius-pill);width:100%;height:50px;font-size:12px;font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;transition:background var(--dur-hover) var(--ease-out), transform .1s var(--ease-out);animation:cta-breath var(--dur-breath) var(--ease-in-out) infinite;border:1px solid #00e5c780;justify-content:center;margin-top:14px;font-weight:600;position:relative}.cta:hover{background:#1cead0}.cta:active{transform:scale(.985)}.cta:focus-visible{outline:none;box-shadow:0 0 0 3px #00e5c773,0 0 56px #00e5c780}@keyframes cta-breath{0%,to{box-shadow:0 0 0 1px #00e5c766,0 0 24px #00e5c740}50%{box-shadow:0 0 0 1px #00e5c780,0 0 44px #00e5c773}}.card-status{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-mist);justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:10px;font-weight:500;display:flex}.card-status .dot{background:var(--color-pulse);width:6px;height:6px;box-shadow:0 0 8px var(--color-pulse);animation:dot-breath var(--dur-breath) var(--ease-in-out) infinite;border-radius:50%}@keyframes dot-breath{0%,to{opacity:.55;box-shadow:0 0 6px var(--color-pulse)}50%{opacity:1;box-shadow:0 0 14px var(--color-pulse)}}.companion-chip{white-space:nowrap;-webkit-backdrop-filter:blur(24px)saturate(140%);border-radius:var(--radius-pill);color:var(--color-pearl);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;z-index:1000;animation:companion-breath 2.5s var(--ease-in-out) infinite;background:#131826c7;border:1px solid #00e5c747;align-items:center;gap:10px;padding:11px 18px 11px 14px;font-size:11px;font-weight:500;display:inline-flex;position:fixed;bottom:24px;right:24px}.companion-chip .c-dot{background:var(--color-pulse);width:8px;height:8px;box-shadow:0 0 12px var(--color-pulse);animation:dot-breath var(--dur-breath) var(--ease-in-out) infinite;border-radius:50%;flex-shrink:0}.companion-chip .c-label{color:var(--color-mist);letter-spacing:.18em;margin-right:2px;font-size:9px}.companion-chip .c-text{color:var(--color-pearl)}@keyframes rim-breath-id{0%,to{box-shadow:0 0 0 1px #00e5c733,0 0 28px #00e5c729,0 0 60px #00e5c71a}50%{box-shadow:0 0 0 1px #00e5c766,0 0 48px #00e5c752,0 0 96px #00e5c733}}@keyframes rim-breath-warm{0%,to{box-shadow:0 0 0 1px #00e5c74d,0 0 36px #00e5c73d,0 0 78px #00e5c729}50%{box-shadow:0 0 0 1px #00e5c78c,0 0 64px #00e5c773,0 0 120px #00e5c742}}.stage[data-phase=identifying] .card-wrap:before{animation-name:rim-breath-id}.stage[data-phase=preparing] .card-wrap:before,.stage[data-phase=startup] .card-wrap:before{animation-name:rim-breath-warm}@keyframes core-breath-id{0%,to{opacity:.36;transform:translate(-50%,-50%)scale(.96)}50%{opacity:.55;transform:translate(-50%,-50%)scale(1.1)}}@keyframes core-breath-warm{0%,to{opacity:.48;transform:translate(-50%,-50%)scale(.98)}50%{opacity:.7;transform:translate(-50%,-50%)scale(1.14)}}.stage[data-phase=identifying] .core-pulse{animation-name:core-breath-id}.stage[data-phase=preparing] .core-pulse{animation-name:core-breath-warm}.mark-wrap svg{transition:filter .6s var(--ease-out), opacity .6s var(--ease-out)}.stage[data-phase=identifying] .mark-wrap svg{filter:saturate(1.22)brightness(1.08)}.stage[data-phase=preparing] .mark-wrap svg{filter:saturate(1.42)brightness(1.2)}.stage[data-phase=startup] .mark-wrap svg{filter:saturate(1.6)brightness(1.3)}.stage[data-phase=fault] .mark-wrap svg{filter:saturate(.7)brightness(.55);opacity:.6}.stage[data-phase=identifying] .mark-wrap:after{animation-duration:1.6s}.stage[data-phase=preparing] .mark-wrap:after{animation-duration:1.2s}.stage[data-phase=startup] .mark-wrap:after{animation-duration:.9s}.stage[data-phase=fault] .mark-wrap:after{opacity:.3;animation-duration:2s}.stage[data-phase=preparing] .nebula-amber,.stage[data-phase=preparing] .nebula-cyan{animation-duration:22s}.stage[data-phase=identifying] .form-row.row-email .field,.stage[data-phase=preparing] .form-row.row-email .field{border-color:#00e5c780;box-shadow:0 0 0 1px #00e5c72e,0 8px 22px -4px #00e5c738}.stage[data-phase=preparing] .form-row.row-password .field{border-color:#00e5c7a6;box-shadow:0 0 0 1px #00e5c73d,0 8px 28px -4px #00e5c74d}.form-row .field{transition:border-color .4s var(--ease-out), box-shadow .4s var(--ease-out)}.cta{overflow:hidden}.cta:after{content:"";pointer-events:none;opacity:0;border-radius:inherit;background:linear-gradient(115deg,#0000 35%,#ffffff38 50%,#0000 65%);position:absolute;inset:0;transform:translate(-110%)}.stage[data-phase=preparing] .cta:after{opacity:1;animation:cta-shimmer 3s var(--ease-in-out) infinite}@keyframes cta-shimmer{0%{transform:translate(-110%)}65%,to{transform:translate(110%)}}.card-flash{opacity:0;pointer-events:none;z-index:5;border-radius:var(--radius-xl);background:radial-gradient(80% 60%,#ffffff1f 0%,#ffffff0a 50%,#fff0 80%);position:absolute;inset:0}.card-flash.fire{animation:card-flash-fire .7s var(--ease-out)}@keyframes card-flash-fire{0%{opacity:0}30%{opacity:1}to{opacity:0}}.card-halo{transition:transform .7s var(--ease-out), opacity .7s var(--ease-out)}.card-halo.expand{opacity:1.2;transform:translate(-50%,-50%)scale(1.5)}.card-wrap.fault-rim:before{animation:rim-fault 1.4s var(--ease-in-out) 1 forwards!important}@keyframes rim-fault{0%{box-shadow:0 0 0 1px #00e5c7a6,0 0 70px #00e5c78c}25%{box-shadow:0 0 0 1px #00e5c70f,0 0 14px #00e5c70a}55%{box-shadow:0 0 0 1px #ed7d318c,0 0 52px #ed7d3166}to{box-shadow:0 0 0 1px #c000004d,0 0 28px #c000002e}}.cta.fault-flash{animation:cta-fault-flash 1.2s var(--ease-out) forwards;color:#ffd0d0}@keyframes cta-fault-flash{0%{background:var(--color-pulse);box-shadow:0 0 0 1px #00e5c766,0 0 24px #00e5c740}40%{background:#b83232;box-shadow:0 0 0 1px #c0000073,0 0 26px #c0000038}to{background:#3a1212;box-shadow:0 0 0 1px #c000004d,0 0 18px #c0000026}}.card-status.fault{color:var(--color-amber)}.card-status.fault .dot{background:var(--color-amber);box-shadow:0 0 10px var(--color-amber)}.fault-actions{opacity:0;max-height:0;transition:max-height .6s var(--ease-out), opacity .6s var(--ease-out), margin-top .6s var(--ease-out);gap:12px;margin-top:0;display:flex;overflow:hidden}.fault-actions.show{opacity:1;max-height:70px;margin-top:14px}.fault-actions .btn{flex:1;justify-content:center;height:44px;font-size:11px}.repair-note{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-pulse);text-align:center;opacity:0;transition:opacity .4s var(--ease-out);min-height:14px;margin-top:12px;font-size:10px}.repair-note.show{opacity:1}.auth-error{font-family:var(--font-sans);font-size:var(--fs-small);color:var(--color-amber);text-align:center;opacity:0;transition:opacity .22s var(--ease-out);pointer-events:none;min-height:1.4em;margin-top:14px}.auth-error.show{opacity:1}.cta:disabled{opacity:.55;cursor:not-allowed;pointer-events:none;animation-play-state:paused}.login-card{transition:opacity .7s var(--ease-out), filter .7s var(--ease-out)}.login-card.fade-out{opacity:0!important;filter:blur(2px)!important}.card-wrap:before{transition:opacity .7s var(--ease-out)}.card-wrap.fade-out:before{opacity:0!important}.bridge-mark{opacity:0;pointer-events:none;z-index:1500;width:64px;height:64px;transition:opacity .4s var(--ease-out);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes bridge-pulse{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.mark-wrap{transition:transform .6s var(--ease-out);transform-origin:50%}.stage[data-phase=preparing] .mark-wrap svg,.stage[data-phase=startup] .mark-wrap svg{filter:drop-shadow(0 0 10px #00e5c78c)saturate(1.5)brightness(1.25)}.cta.trigger-pull{animation:cta-trigger-pull .18s var(--ease-out)}@keyframes cta-trigger-pull{0%{transform:scale(1)}55%{transform:scale(.94)}to{transform:scale(1)}}.cta.starting{background:linear-gradient(90deg, var(--color-amber-glow) 0%, #ffd08a 48%, #fff 50%, var(--color-pulse) 52%, var(--color-pulse) 100%);animation:cta-startup-sweep 2.4s var(--ease-out) forwards, cta-breath var(--dur-breath) var(--ease-in-out) infinite;color:#2a1500;pointer-events:none;background-position:100% 0;background-size:220% 100%}@keyframes cta-startup-sweep{to{background-position:0 0}}.cta.online{color:var(--color-champagne);animation:cta-online-shine 2.4s var(--ease-in-out) infinite;background:linear-gradient(#ffffff14,#fff0 50%),#e8d5a224;border-color:#e8d5a280;box-shadow:0 0 0 1px #e8d5a259,0 0 44px #e8d5a240}@keyframes cta-online-shine{0%,to{box-shadow:0 0 0 1px #e8d5a259,0 0 32px #e8d5a233}50%{box-shadow:0 0 0 1px #e8d5a28c,0 0 56px #e8d5a266}}.stage.ambient-paused .nebula,.stage.ambient-paused .core-pulse,.stage.ambient-paused .orb-corner{animation-play-state:paused}.card-status{position:relative}.status-underline{background:var(--color-crimson);width:0;height:1.5px;transition:width .7s var(--ease-out), left .7s var(--ease-out);pointer-events:none;position:absolute;bottom:-4px;left:50%;box-shadow:0 0 8px #c0000099}.card-status.fault .status-underline{width:100%;left:0}.fault-actions{opacity:0;max-height:0;transition:max-height .6s var(--ease-out), opacity .6s var(--ease-out), transform .6s cubic-bezier(.34, 1.56, .64, 1), margin-top .6s var(--ease-out);gap:12px;margin-top:0;display:flex;overflow:hidden;transform:translateY(12px)}.fault-actions.show{opacity:1;max-height:70px;margin-top:14px;transform:translateY(0)}.card-wrap{transition:transform .7s cubic-bezier(.22,1,.36,1)}.card-wrap.fade-out{transform:translateY(20px)scale(.85)}.bridge-mark{width:96px;height:96px}.bridge-mark.show{opacity:1;animation:bridge-pulse 1.8s var(--ease-in-out) infinite}.reveal-ring{filter:blur(20px);opacity:0;pointer-events:none;z-index:1400;background:radial-gradient(circle,#00e5c773 0%,#00e5c726 30%,#0000 60%);border-radius:50%;width:200px;height:200px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2)}.reveal-ring.fire{animation:1.4s cubic-bezier(.22,1,.36,1) forwards reveal-ring-fire}@keyframes reveal-ring-fire{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}25%{opacity:.95;transform:translate(-50%,-50%)scale(2.5)}to{opacity:0;transform:translate(-50%,-50%)scale(6)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}