@font-face{font-family:Oxanium;src:url('/themes/space/assets/terra/Oxanium-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;background:#0b0919;color:#f4f3fc}
body.auth-page{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,460px);justify-content:center;align-items:center;gap:0;min-height:100dvh;padding:60px max(6vw,24px);font-family:Arial,sans-serif;color:#f4f3fc;background:radial-gradient(ellipse at 24% 48%,#30265088,transparent 52%),radial-gradient(ellipse at 85% 10%,#231d4b66,transparent 45%),#0b0919}
.auth-page::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.3;background:radial-gradient(circle at 23px 47px,#b8c2e5 0 .6px,transparent 1px) 0 0/197px 173px,radial-gradient(circle at 61px 83px,#b8c2e5 0 .5px,transparent 1px) 0 0/307px 239px}
.auth-scene{position:fixed;inset:0 50% 0 0;display:none;align-items:flex-end;justify-content:center;pointer-events:none;overflow:hidden}
.auth-scene img{position:relative;height:min(82vh,780px);width:auto;max-width:90%;object-fit:contain;object-position:bottom;mask-image:linear-gradient(#000 75%,transparent 100%);filter:drop-shadow(0 0 60px #77e9ef0a)}
.auth-orbit{position:absolute;width:90%;aspect-ratio:1;top:12%;border:1px solid #7c719b30;border-radius:50%;transform:rotate(-28deg) scaleY(.7)}
.auth-orbit::after{content:'';position:absolute;inset:40px;border:1px solid #7c719b25;border-radius:50%}
.auth-page .auth-card{grid-column:1;position:relative;z-index:1;width:100%;padding:40px;background:linear-gradient(145deg,#19152beF,#100d20f5);border:1px solid #504361;border-radius:3px;box-shadow:0 24px 80px #0004}
.auth-page .auth-brand{display:inline-block;line-height:0}
.auth-brand img{display:block;width:206px;max-width:100%;height:auto}
.auth-page .auth-eyebrow{font:10px Oxanium,Arial,sans-serif;letter-spacing:1.8px;color:#77e9ef;margin:22px 0 30px}
.auth-page h1{font:500 30px/1.2 Oxanium,Arial,sans-serif;letter-spacing:-.6px;margin:0 0 10px}
.auth-page .auth-card>p:not(.auth-eyebrow){color:#a7a5be;font-size:14px;line-height:1.7}
.auth-page form{margin-top:28px;gap:10px}
.auth-page label{color:#d5d0e3;font-size:13px}
.auth-page input{background:#0c0b19;color:#f4f3fc;border:1px solid #504361;border-radius:3px;min-height:46px;padding:12px 14px}
.auth-page input:hover{border-color:#7a698f}
.auth-page :is(input,button,a):focus-visible{outline:2px solid #77e9ef;outline-offset:3px}
.auth-page .auth-remember{color:#a7a5be;font-size:12px;margin-top:8px}
.auth-page .auth-remember input{width:17px;height:17px;min-height:0;padding:0;accent-color:#77e9ef}
.auth-page button{font:600 15px Oxanium,Arial,sans-serif;background:#77e9ef;color:#10121e;border:1px solid #77e9ef;border-radius:3px;min-height:48px;transition:background .2s}
.auth-page button:hover{background:#a8f6f8}
.auth-page button:disabled{opacity:.55;cursor:not-allowed}
.auth-page a{color:#b6eff3;text-underline-offset:4px}
.auth-page small{color:#a7a5be}
.auth-page .auth-switch{border-top:1px solid #342c4c;padding-top:24px;margin:28px 0 0;font-size:12px}
.auth-page #auth-error{color:#ffc9c9;border-color:#e89999;background:#43233388;border-radius:4px}
.registration-captcha{margin:18px 0;padding:12px;border:1px solid #504361;border-radius:3px;background:#0c0b19;min-width:0}
.registration-captcha p{font-size:13px;line-height:1.5}
.registration-captcha [data-captcha-retry]{margin-top:8px}
@media(max-width:900px){body.auth-page{grid-template-columns:minmax(0,460px);justify-content:center;gap:0;padding:40px 20px}.auth-page .auth-card{grid-column:1}.auth-scene{display:none}}
@media(max-width:480px){body.auth-page{padding:24px 16px}.auth-page .auth-card{padding:28px 24px}.auth-page h1{font-size:27px}.auth-page .auth-eyebrow{letter-spacing:1.2px;font-size:9px}.auth-brand img{width:190px}}
@media(prefers-reduced-motion:reduce){.auth-page button{transition:none}}