.loginPage{--login-ink:#fffffff5;--login-muted:#ffffffb3;--login-muted-strong:#ffffff8c;--login-border:#ffffff24;--login-soft:#ffffff0f;--login-accent:#2dd4bf;--login-accent-2:#f59e0b;min-height:100vh;color:var(--login-ink);background:radial-gradient(800px 520px at 12% 12%,#2dd4bf38,#0000 60%),radial-gradient(900px 640px at 90% 18%,#f59e0b33,#0000 55%),linear-gradient(160deg,#0b1020 0%,#0d1626 42%,#141f33 100%);justify-content:center;align-items:center;padding:clamp(24px,4vw,56px);font-family:Space Grotesk,Rajdhani,Segoe UI,Helvetica Neue,sans-serif;display:flex;position:relative;overflow:hidden}.loginPage:before{content:"";opacity:.08;pointer-events:none;background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.loginGlow{filter:blur(8px);opacity:.9;pointer-events:none;background:radial-gradient(420px 420px at 18% 22%,#2dd4bf42,#0000 70%),radial-gradient(520px 520px at 82% 78%,#fb923c3d,#0000 70%);position:absolute;inset:-10%}.loginShell{z-index:1;border:1px solid var(--login-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090e1ad1;border-radius:28px;gap:clamp(18px,4vw,28px);width:min(720px,100%);padding:clamp(26px,5vw,46px);animation:.6s both loginRise;display:grid;position:relative;box-shadow:0 38px 90px #00000080,inset 0 1px #ffffff0a}.loginBrand{text-align:center;justify-items:center;gap:10px;display:grid}.loginBrandMark{background:linear-gradient(135deg,#2dd4bf2e,#f59e0b26);border:1px solid #ffffff29;border-radius:26px;justify-content:center;align-items:center;width:96px;height:96px;display:flex;box-shadow:0 14px 36px #2dd4bf40}.loginLogo{background:#080e1abf;border-radius:18px;width:68px;height:68px;padding:8px}.loginLogoSkeleton{background:linear-gradient(120deg,#ffffff1f,#ffffff0a,#ffffff1f) 0 0/200% 100%;animation:1.4s infinite loginShimmer;display:inline-block}.loginBrandTitle{font-weight:700;font-size:clamp(calc(24px*var(--font-scale)),4.6vw,calc(42px*var(--font-scale)));letter-spacing:.24em;text-transform:uppercase}.loginBrandSubtitle{max-width:520px;font-size:calc(13px*var(--font-scale));color:var(--login-muted);margin:0;line-height:1.6}.loginCard{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;gap:14px;padding:clamp(18px,3.5vw,26px);display:grid}.loginTitle{font-size:clamp(calc(18px*var(--font-scale)),2.4vw,calc(22px*var(--font-scale)));letter-spacing:.18em;text-transform:uppercase;margin:0;font-family:Rajdhani,Space Grotesk,Segoe UI,Helvetica Neue,sans-serif;font-weight:600}.loginSubtitle{color:var(--login-muted-strong);font-size:calc(13px*var(--font-scale));margin:0}.loginForm{gap:14px;display:grid}.loginField{font-size:calc(12px*var(--font-scale));color:var(--login-muted-strong);letter-spacing:.04em;gap:8px;display:grid}.loginField input{color:var(--login-ink);font-size:calc(14px*var(--font-scale));background:#050a1499;border:1px solid #ffffff24;border-radius:12px;padding:12px 14px}.loginField input:focus{border-color:#2dd4bfb3;outline:none;box-shadow:0 0 0 3px #2dd4bf33}.loginButton{color:#0a0f1f;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:linear-gradient(135deg,#2dd4bf8c,#f59e0b59);border:1px solid #2dd4bfb3;border-radius:12px;padding:12px 16px;font-weight:700;transition:transform .2s,box-shadow .2s}.loginButton:disabled{opacity:.6;cursor:not-allowed}.loginButton:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 30px #2dd4bf4d}.loginError{color:#ffdcdce6;font-size:calc(12px*var(--font-scale));background:#f871711f;border:1px solid #f8717166;border-radius:10px;padding:10px 12px}.loginHint{font-size:calc(12px*var(--font-scale));color:var(--login-muted-strong);line-height:1.5}@keyframes loginRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes loginShimmer{0%{background-position:0 0}to{background-position:-200% 0}}@media (max-width:720px){.loginShell{border-radius:22px}.loginBrandTitle{letter-spacing:.18em}}@media (max-width:480px){.loginPage{padding:20px}.loginShell{padding:22px}.loginBrandMark{width:84px;height:84px}.loginLogo{width:60px;height:60px}}