.login-page{background:var(--c-bg);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.login-card{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);width:100%;max-width:420px;box-shadow:var(--sh-md);padding:40px 36px}.login-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--c-primary-deep);margin-bottom:12px;font-size:11px;font-weight:700}.login-title{color:var(--c-text);margin:0 0 8px;font-size:32px;font-weight:600}.login-lede{color:var(--c-text-muted);margin:0 0 28px;font-size:14px}.login-field{margin-bottom:20px}.login-label{color:var(--c-text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-input{width:100%;font-family:var(--f-sans);color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);transition:border-color var(--m-fast), background var(--m-fast);padding:12px 14px;font-size:15px}.login-input:focus{border-color:var(--c-primary);background:var(--c-bg-surface);box-shadow:var(--sh-focus);outline:none}.login-error{color:var(--c-danger);border-radius:var(--r-md);background:#fff1f1;border:1px solid #facaca;margin:0 0 16px;padding:10px 12px;font-size:13px}.login-submit{background:var(--c-primary);width:100%;color:var(--c-text-inverse);border-radius:var(--r-pill);font-family:var(--f-sans);cursor:pointer;transition:background var(--m-base), transform var(--m-fast);border:none;padding:14px 24px;font-size:15px;font-weight:600;display:block}.login-submit:hover{background:var(--c-primary-deep)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-foot{text-align:center;color:var(--c-text-muted);margin:16px 0 0;font-size:13px}.login-foot a{color:var(--c-primary-deep);text-decoration:none}.login-foot a:hover{color:var(--c-primary)}