.login-page { display: grid; place-items: center; }
.login-main { margin: 0; padding: 32px 20px; width: min(100%, 520px); }
.login-card { background: var(--surface); border: 1px solid var(--line); border-radius: 24px; padding: clamp(22px, 5vw, 40px); }
.login-card .brand { margin-bottom: 40px; }
.login-card .brand > span:last-child { display: block; }
.login-card h1 { font-size: clamp(28px, 5vw, 36px); }
#login-form { display: grid; gap: 10px; margin-top: 26px; }
#login-form label:not(:first-child) { margin-top: 10px; }
#login-submit { margin-top: 14px; width: 100%; }
@media (max-width: 600px) { .login-page { margin: 10px; min-height: calc(100vh - 20px); } }