.login-page{min-height:100dvh;padding:var(--space-12) var(--space-6);background:var(--bg);justify-content:center;align-items:center;display:flex}.login-content{width:100%;max-width:360px;padding-bottom:var(--space-12)}.login-brand{color:var(--text);letter-spacing:-.6px;align-items:center;gap:10px;font-size:20px;font-weight:600;display:inline-flex}.login-brand>svg{color:var(--accent)}.login-heading{margin-top:var(--space-12);margin-bottom:var(--space-8)}.login-heading h1{color:var(--text);letter-spacing:-.7px;font-size:25px;font-weight:500;line-height:1.35}.login-heading p{margin-top:var(--space-3);color:var(--text-muted);font-size:13px;line-height:1.65}.login-form{flex-direction:column;width:100%;display:flex}.login-form label{color:var(--text-secondary);font-size:12px}.login-form label:first-child{margin-bottom:var(--space-6)}.login-form input{width:100%;min-height:44px;padding:var(--space-3);background:var(--surface);border-color:var(--border-strong);font-size:14px}.login-form>label[for=login-password]{margin-bottom:var(--space-2)}.login-password-field{position:relative}.login-password-field>input{padding-right:var(--space-12)}.login-password-field>.icon-button{right:var(--space-2);position:absolute;top:50%;transform:translateY(-50%)}.login-form>.button{width:100%;min-height:42px;margin-top:var(--space-6)}.login-form .form-error{margin-top:var(--space-4);font-size:12px}.login-note{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);color:var(--text-muted);font-size:11px;display:flex}@media (max-width:600px){.login-page{padding-top:max(var(--space-12), 12dvh);align-items:flex-start}.login-content{max-width:360px;padding-bottom:var(--space-6)}.login-heading{margin-top:var(--space-8)}.login-heading h1{font-size:24px}.login-form input{min-height:46px;font-size:16px}}