/* 4ops auth: dark control surface, abstract signal-field artwork. */
:root{color-scheme:dark;--page:#080a09;--ink:#edf2eb;--h1-color:#edf2eb;--sub-grey:#a4ada2;--ph:#929e91;--or:#929e91;--gtext:#e1e8de;--bottom:#a4ada2;--inputFill:#121713;--pwFill:#121713;--inputBorder:#354033;--gBorder:#354033;--divider:#30382e}
html,body,body.stacked{background:#080a09}
body .photo{background:#080d09;border-right:1px solid #263023}
body .card,body.stacked .card,body.tabport .card{background:#0d110e!important;border:1px solid #283125;box-shadow:none;backdrop-filter:none}
body #sub,body .pw-note{color:#a4ada2}
body .card-in .field{background:#141a15!important;border:1px solid #354033!important}
body .card-in .field input{color:#edf2eb!important;caret-color:#bcec83}
body .card-in .field input::placeholder{color:#929e91!important}
body .card-in .field:focus-within{border-color:#bcec83!important;box-shadow:0 0 0 3px #bcec8315}
body #loginBtn,body #suBtn{background:#bcec83;color:#14200d;box-shadow:none;font-weight:600;border-radius:10px}
body #loginBtn path,body #suBtn path{stroke:#14200d}
body #gBtn,body #ghBtn{background:#141a15;border-color:#354033;border-radius:10px}
body #gBtn:hover,body #ghBtn:hover{background:#20281e}
body #ghBtn path{fill:#e1e8de}
body #bottom a{color:#bcec83}
body #hl1,body #hl2{color:#edf2eb;text-shadow:none}
body .hero{z-index:2;background:linear-gradient(0deg,#080d09 5%,#080d09e8 65%,transparent);padding-top:80px!important}
body .hero .badge{background:#192316;color:#d0e3c4;box-shadow:none;border:1px solid #35472b;backdrop-filter:none}
body .stage .scrim{display:none!important}
.auth-brand{position:absolute;top:34px;left:40px;z-index:3;display:flex;align-items:center;gap:12px;color:#edf2eb;text-decoration:none;font:500 26px/1.2 var(--body-font);letter-spacing:-1px}
.auth-brand img{width:126px;height:54px;object-fit:contain}.auth-brand span{border-left:1px solid #3b4932;padding-left:14px}
.signal-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.signal-art svg{position:absolute;width:110%;height:88%;left:-5%;top:0;opacity:.9}
.signal-pulse{stroke-dasharray:3 97;animation:signal-travel 12s linear infinite}
@keyframes signal-travel{to{stroke-dashoffset:-100}}
@media(max-width:900px){.auth-brand{top:22px;left:26px;font-size:22px}.auth-brand img{width:100px;height:42px}.signal-art svg{width:80%;height:170%;left:38%;top:-45%;opacity:.5}body .hero{padding-top:50px!important}body .photo{border-right:0}body .card{border-left:0;border-right:0}}
.auth-language{position:fixed;right:28px;top:22px;z-index:50;color:#e1e8de;font:14px/1.4 var(--body-font)}
.auth-language summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 12px;background:#111a12;border:1px solid #354033;border-radius:10px;cursor:pointer;list-style:none}
.auth-language summary::-webkit-details-marker{display:none}.auth-language svg{width:20px;height:20px}
.auth-language-list{position:absolute;right:0;top:52px;width:164px;background:#111a12;border:1px solid #354033;border-radius:10px;padding:6px;box-shadow:0 12px 30px #0008}
.auth-language-list button{display:block;width:100%;min-height:44px;background:none;border:0;color:#e1e8de;text-align:left;padding:0 12px;border-radius:6px;cursor:pointer}
.auth-language-list button:hover,.auth-language-list button[aria-pressed=true]{background:#263320;color:#bcec83}
.auth-language :focus-visible{outline:2px solid #bcec83;outline-offset:3px}
@media(min-width:901px){body .pane{padding-top:80px}}
@media(max-width:900px){.auth-language{position:absolute;right:20px;top:16px}}
/* One continuous scene across the entire auth viewport. */
body .stage{isolation:isolate}
body .photo{background:transparent;border:0}
body .hero{background:none}
body .card,body.stacked .card,body.tabport .card{background:rgba(8,12,9,.9)!important;border:1px solid #bcec831c;box-shadow:0 20px 80px #0003}
.signal-art{position:fixed;inset:0;z-index:-1;background:#080d09}
.signal-art svg{width:100%;height:100%;left:0;top:0;opacity:.65}
@media(max-width:900px){.signal-art svg{width:180%;height:100%;left:-40%;top:0;opacity:.45}body .card,body.stacked .card,body.tabport .card{background:rgba(8,12,9,.86)!important}}
@media(prefers-reduced-motion:reduce){.signal-pulse{animation:none}}