body.login { display: grid; place-items: center; padding: 24px 16px; background: radial-gradient(80% 60% at 50% 0%, rgba(252, 0, 118, 0.22), transparent 70%), var(--bg); }
.login-box { width: min(380px, 100%); text-align: center; }
.login-logo { width: min(300px, 80%); height: auto; margin: 0 auto 8px; display: block; }
.login-box h1 { font-size: 1.6rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.login-box h1 span { color: var(--brand); }
.login-box form { margin-top: 22px; text-align: left; background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 20px; }
.login-box .btn { width: 100%; margin-top: 6px; }