/* Shared login and registration styling, isolated from the account pages. */
.auth-page{--muted:#b0a6bd;--muted-2:#a296b1;--brand-2:#c3a0dd;--ring:0 0 0 3px #ad7bd83b;font-family:Roboto,"Segoe UI",sans-serif;font-weight:400;background:#101115 linear-gradient(#0b0c12ed,#0b0c12ed) center/cover fixed;background-image:linear-gradient(#0b0c12ed,#0b0c12ed),url('../img/city-background.webp?rev=small2');color:#f5f0fa;isolation:isolate}
.auth-page #stars{display:none}
.auth-page .bg-nebula{background:radial-gradient(ellipse at 0 20%,#9d58d326,transparent 55%),radial-gradient(ellipse at 100% 80%,#7357c424,transparent 55%);inset:-5%;animation:auth-drift 26s ease-in-out infinite alternate;z-index:-1}
.auth-page .auth{padding:48px 22px}
.auth-page .auth__card{position:relative;isolation:isolate;max-width:460px;padding:38px;border:1px solid #ffffff0c;border-radius:28px;background:radial-gradient(ellipse at 0 0,#71528d22,transparent 65%),linear-gradient(150deg,#29252fe8,#1a1c1df5);box-shadow:inset 0 1px 1px #ffffff12,0 28px 80px #0004;backdrop-filter:blur(22px)}
.auth-page .auth__card::before{content:"";position:absolute;inset:12px;border:1px solid #ffffff07;border-radius:19px;pointer-events:none;z-index:-1}
.auth-page .auth__logo{width:48px;height:48px;filter:grayscale(1) brightness(1.5);margin-bottom:23px}
.auth-page .auth h1{font-size:30px;font-weight:500;letter-spacing:-.8px;margin-bottom:10px}
.auth-page .auth__sub{font-size:14px;color:#b0a6bd;margin-bottom:30px}
.auth-page .field{margin-bottom:19px}
.auth-page .field label{font-size:13px;letter-spacing:0;text-transform:none;font-weight:500;color:#d3c9df;margin-bottom:9px}
.auth-page .input{font-family:Roboto,"Segoe UI",sans-serif;font-size:15px;background:#12101770;border:1px solid #c4a2df1c;border-radius:13px;min-height:49px;padding:13px 16px;box-shadow:inset 0 1px 3px #0002;color:#fff}
.auth-page .input::placeholder{color:#84788f}
.auth-page .input:focus{border-color:#b18bc678;box-shadow:0 0 0 3px #ad7bd820;outline:none}
.auth-page .btn--primary{border:1px solid #b28bc94d;border-radius:14px;background:linear-gradient(115deg,#8f65ad,#5e4278);color:#f7efff;box-shadow:0 6px 24px #8f4dc52b,inset 0 1px 1px #ffffff26;font-family:Roboto,"Segoe UI",sans-serif;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none}
.auth-page .btn--primary:hover{background:linear-gradient(115deg,#a075bf,#70518b);transform:translateY(-1px)}
.auth-page .btn--primary:disabled{opacity:.6;transform:none;cursor:wait}
.auth-page .auth__foot a{font-weight:500;color:#d0ade9}
.auth-page .auth__back{color:#a99ab7}
.auth-page .auth__back:hover,.auth-page .auth__row a:hover{color:#e4c9fa}
.auth-page .form-msg{border-radius:12px;font-size:14px}
@keyframes auth-drift{from{transform:translate3d(-2%,-1%,0)}to{transform:translate3d(3%,3%,0)}}
@media(max-width:520px){.auth-page .auth{padding:24px 16px}.auth-page .auth__card{padding:30px 26px;border-radius:24px}.auth-page .auth h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.auth-page .bg-nebula{animation:none}.auth-page .btn--primary:hover{transform:none}}