body{min-height:100vh;background:radial-gradient(circle at 70% 30%,#ff009824,transparent 34%),radial-gradient(circle at 20% 80%,#1457ff1a,transparent 36%),var(--bg)}
.login-page{min-height:100vh;position:relative}
.brand-panel{position:absolute;inset:0;padding:56px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.brand-panel .logo{pointer-events:auto;text-decoration:none;font-size:24px}
.brand-footer{color:var(--muted);font-size:14px}
.form-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}
.login-box{width:100%;max-width:430px;background:#fffffff0;border:1px solid var(--line);border-radius:32px;padding:34px;box-shadow:0 24px 80px #10182824}
.login-box h2{margin:0 0 8px;color:var(--dark);font-size:32px;line-height:1.1;letter-spacing:-.055em}
.login-subtitle{margin:0 0 26px;color:var(--muted);line-height:1.6}
.login-box label{display:block;margin-top:16px;margin-bottom:7px;color:var(--dark);font-weight:800;font-size:14px}
.login-box input{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--dark);font-size:15px;outline:none}
.login-box input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff00981a}
.login-box button{width:100%;margin-top:22px;border:none;cursor:pointer;font-size:16px}
.error{margin-bottom:18px;padding:13px 14px;border-radius:16px;background:#fee2e2;color:#991b1b;font-weight:700;line-height:1.45}
.login-links{margin-top:22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:14px}
.login-links a{color:var(--muted);text-decoration:none;font-weight:700}
.login-links a:hover{color:var(--primary)}
@media(max-width:900px) {
.brand-panel{padding:28px 24px}
.form-panel{padding:100px 16px 90px}
}