.loginPage{background:radial-gradient(circle at 80% 20%,#9b5cff2b,#0000 28%),radial-gradient(circle at 10% 80%,#35e7ff16,#0000 25%),#07070a;grid-template-columns:minmax(0,1.2fr) minmax(300px,.55fr);gap:18px;min-height:100vh;padding:clamp(24px,5vw,72px);display:grid}.loginCard,.loginVisual{border:1px solid var(--line);background:#0e0e13dd;border-radius:32px;box-shadow:0 30px 100px #0009}.loginCard{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,6vw,72px);display:flex}.loginBrand{align-items:center;gap:16px;margin-bottom:50px;font-size:1.25rem;font-weight:950;display:flex}.loginBrand img{border-radius:50%}.loginCard h1{letter-spacing:-.07em;background:linear-gradient(110deg,#fff,var(--gold),var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 18px;font-size:clamp(3.5rem,8vw,7rem);line-height:.82}.loginCard>p:not(.kicker){color:#bbb;max-width:650px;font-size:1.08rem}.loginButton{min-width:220px;margin:26px 0 14px}.loginCard>small{color:#777}.loginActions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.authGrid{grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-top:28px;display:grid}.authForm{border:1px solid var(--line);background:#15151d;border-radius:22px;gap:14px;padding:24px;display:grid}.authForm.register{background:linear-gradient(145deg,#15151d,#1a1323)}.authForm h2{margin:0 0 4px;font-size:1.35rem}.authForm label{color:#ddd;gap:7px;font-size:.9rem;font-weight:800;display:grid}.authForm input{color:#fff;width:100%;min-height:48px;font:inherit;background:#09090d;border:1px solid #393944;border-radius:12px;padding:12px 14px}.authForm input:focus{outline:2px solid var(--cyan);outline-offset:2px}.authForm .button{width:100%;margin-top:4px}.authForm small{color:#999;line-height:1.45}.authNotice{border-radius:12px;width:100%;margin:16px 0 0;padding:13px 15px;font-weight:800}.authNotice.error{color:#ff9baa;background:#ff49651a;border:1px solid #ff496566}.authNotice.success{color:#9ff4ff;background:#35e7ff14;border:1px solid #35e7ff55}.loginVisual{background:linear-gradient(145deg,#15131f,#09090d);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.loginVisual:before{content:"";border:60px solid #9b5cff33;border-radius:50%;width:360px;height:360px;animation:12s linear infinite loginOrbit;position:absolute;box-shadow:0 0 80px #35e7ff22}.loginVisual span{z-index:1;letter-spacing:-.06em;font-size:clamp(3rem,7vw,6.5rem);font-weight:950;line-height:.9;position:relative}.loginVisual i{z-index:1;color:var(--cyan);margin:18px 0;font-weight:900;position:relative}.loginVisual p{z-index:1;color:#aaa;margin-top:35px;font-weight:800;position:relative}.loginPage .button.outline{border-color:#666}@keyframes loginOrbit{to{transform:rotate(360deg)}}@media (max-width:900px){.loginPage{grid-template-columns:1fr;padding:16px}.loginVisual{order:-1;min-height:240px}.loginCard{min-height:520px}.loginBrand{margin-bottom:30px}}@media (max-width:650px){.loginVisual{display:none}.loginCard{padding:24px 18px}.authGrid{grid-template-columns:1fr}.loginCard h1{font-size:3.8rem}.authForm{padding:20px}}@media (prefers-reduced-motion:reduce){.loginVisual:before{animation:none}}.authGrid.singleAuth{grid-template-columns:1fr;max-width:500px}.authSignupPrompt{border-top:1px solid var(--line);text-align:center;color:#aaa;gap:12px;margin-top:5px;padding-top:20px;font-size:.9rem;display:grid}.authTextLink{color:var(--cyan);text-underline-offset:4px;font-size:.9rem;font-weight:700}.authTextLink:hover{text-decoration:underline}.authForm .button:disabled{opacity:.65;cursor:wait}.loginVisual span:last-of-type{color:var(--gold)}.loginCard h1{overflow-wrap:anywhere;font-size:clamp(2.8rem,6vw,6rem);line-height:1}.authForm .beatfluxLoader{padding:24px 0}.loginPage.loginCentered{grid-template-columns:minmax(0,620px);place-content:center;gap:0}.loginCentered .loginCard{text-align:center;align-items:center;width:100%;min-width:0;padding:clamp(24px,5vw,52px)}.loginCentered .loginBrand{margin-bottom:30px}.loginCentered .authGrid.singleAuth{text-align:left;max-width:460px}.loginCentered .loginCard>p:not(.kicker){max-width:460px}.loginCentered .loginCard h1{font-size:clamp(3rem,6vw,5rem)}@media (max-width:900px){.loginCentered .loginCard{min-height:0}.loginPage.loginCentered{min-height:100svh}}