body.login { display: grid; place-items: center; padding: 24px 16px; background: radial-gradient(80% 60% at 50% 0%, var(--brand-soft), transparent 70%), var(--bg); }
.login-box { width: min(380px, 100%); text-align: center; }
.login-logo { width: min(300px, 80%); height: auto; max-height: 170px; object-fit: contain; margin: 0 auto 8px; display: block; }
.login-box h1 { font-size: 1.5rem; font-weight: 800; overflow-wrap: anywhere; }
.login-box form { margin-top: 22px; text-align: left; background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 20px; box-shadow: var(--shadow); }
.login-box .btn { width: 100%; margin-top: 6px; }