.loginPage{background:radial-gradient(42% 55% at 62% 48%,#007bff29,#0000 64%),radial-gradient(28% 36% at 78% 42%,#01cffb1a,#0000 60%),#081d2c;grid-template-columns:minmax(280px,420px) 1fr;align-items:center;gap:24px;min-height:100dvh;padding:84px 56px 48px;display:grid;position:relative;overflow:hidden}.loginAura{filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#01cffb09,#007bff05 42%,#0000 68%);border-radius:50%;width:min(560px,48vw);height:min(560px,48vw);transition:background .45s;animation:7s ease-in-out infinite loginPulse;position:absolute;top:50%;left:66%;transform:translate(-50%,-50%)}.loginTone-error{background:radial-gradient(42% 55% at 62% 48%,#dc283c2e,#0000 64%),radial-gradient(28% 36% at 78% 42%,#ff465a1a,#0000 60%),#081d2c}.loginTone-error .loginAura{background:radial-gradient(circle,#ff465a0f,#b4142808 42%,#0000 68%)}.loginTone-success{background:radial-gradient(42% 55% at 62% 48%,#1eb45a2e,#0000 64%),radial-gradient(28% 36% at 78% 42%,#3cdc781a,#0000 60%),#081d2c}.loginTone-success .loginAura{background:radial-gradient(circle,#3cdc780f,#148c4608 42%,#0000 68%)}.loginBlob{z-index:1;width:100%;height:100%;position:absolute;inset:0}.loginPanel{z-index:2;flex-direction:column;max-width:380px;display:flex;position:relative}.loginBrand{color:#a3d4f7;letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px;font-size:14px;font-weight:700}.loginPanel h1{color:#f5f7fa;font-size:clamp(34px,4vw,48px);font-weight:800;line-height:1.05}.loginLead{color:#aabac7;max-width:32ch;margin:12px 0 28px;font-size:15px;line-height:1.45}.loginPanel form{flex-direction:column;gap:14px;display:flex}.loginPanel label{flex-direction:column;gap:6px;display:flex}.loginPanel label span{color:#c9d9e8;letter-spacing:.04em;text-transform:uppercase;font-size:12px}.loginPanel input{color:#f5f7fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#102c3e;border:1px solid #a3d4f747;border-radius:14px;width:100%;padding:15px 16px;font-size:15px;transition:border-color .25s,box-shadow .25s;box-shadow:inset 0 0 0 1px #081d2c66}.loginPanel input::placeholder{color:#abbac78c}.loginPanel input:focus{border-color:#5cafe3;box-shadow:0 0 0 3px #007bff47}.loginPanel input:-webkit-autofill{-webkit-text-fill-color:#f5f7fa;caret-color:#f5f7fa;border:1px solid #5caee373;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #102c3e}.loginPanel input:-webkit-autofill:hover{-webkit-text-fill-color:#f5f7fa;caret-color:#f5f7fa;border:1px solid #5caee373;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #102c3e}.loginPanel input:-webkit-autofill:focus{-webkit-text-fill-color:#f5f7fa;caret-color:#f5f7fa;border:1px solid #5caee373;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #102c3e}.loginError{color:#ffb4c4;font-size:13px}.loginPanel button{cursor:pointer;color:#fff;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(100deg,#012d4a,#007bff 46%,#01cffb) 0 0/160% 160%;border-radius:12px;margin-top:6px;padding:14px 18px;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background-position .4s;box-shadow:0 8px 28px #007bff59}.loginPanel button:hover{background-position:100%;transform:translateY(-1px);box-shadow:0 10px 32px #01cffb59}.loginPanel button:disabled{opacity:.7;cursor:wait;transform:none}.loginBack{color:#a3d4f7;width:fit-content;margin-top:18px;font-size:14px}.loginBack:hover{color:#01cffb}.loginLinks{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:14px;font-size:14px;display:flex}.loginLinks a{color:#a3d4f7}.loginLinks a:hover{color:#01cffb}.loginOk{color:#8dffc2;margin:0;font-size:14px}.accountMail{color:#f5f7fa;margin:-12px 0 18px;font-size:14px;font-weight:700}.accountLogout{color:#a3d4f7;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.accountLogout:hover{color:#01cffb}.accountPage{grid-template-columns:none;justify-content:center;align-items:center;height:100dvh;min-height:100dvh;padding:76px 28px 20px;display:flex;overflow:hidden}.accountPage .loginAura{left:50%}.accountPage .loginPanel{width:min(680px,100%);max-width:680px;margin:0 auto}.accountPage .loginBrand{margin-bottom:6px}.accountPage .loginPanel h1{font-size:34px}.accountPage .loginLead{max-width:none;margin:6px 0 12px}.accountPage .accountForm{gap:10px}.accountPage .accountRow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.accountPage .loginPanel input{padding:11px 14px}.accountPage .loginPanel button[type=submit]{margin-top:2px;padding:12px 16px}.accountPage .loginLinks{margin-top:10px}.accountPage .loginPanel .accountLogout{box-shadow:none;text-transform:none;letter-spacing:0;color:#a3d4f7;background:0 0;border:0;margin:0;padding:0;font-size:14px;font-weight:700}.accountPage .loginPanel .accountLogout:hover{box-shadow:none;color:#01cffb;background:0 0;transform:none}@keyframes loginPulse{0%,to{opacity:.85;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@media (max-width:980px){.loginPage{padding:calc(72px + env(safe-area-inset-top,0px)) 22px max(28px,env(safe-area-inset-bottom,0px));flex-direction:column;grid-template-columns:none;justify-content:safe center;align-items:center;display:flex}.loginPanel{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;max-width:400px;box-shadow:none;background:0 0;border-radius:0;margin:0 auto;padding:0}.loginAura{width:min(520px,120vw);height:min(520px,120vw);top:50%;left:50%}.accountPage{justify-content:flex-start;align-items:flex-start;height:auto;min-height:100dvh;overflow:auto}.accountPage .accountRow{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.loginAura{animation:none}.loginPanel button{transition:none}}
