.login-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:var(--color-surface);padding:var(--space-4)}.login-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:var(--space-6)}.login-header h1{font-family:var(--heading-font-family,var(--font-family,sans-serif));font-size:24px;font-weight:700;color:var(--color-text);margin:0 0 var(--space-2)}.login-header p{color:var(--color-text-muted);font-size:15px;margin:0}.login-notice{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text)}.login-error,.login-notice{padding:var(--space-3) var(--space-4);font-size:14px;margin-bottom:var(--space-5)}.login-error{background:color-mix(in srgb,var(--color-error) 8%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);border-radius:var(--radius-md);color:var(--color-error)}.login-form{gap:var(--space-5)}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:var(--space-1)}.login-field label{font-size:12px;font-weight:500;color:var(--color-text)}.login-field input{height:var(--input-height);padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;color:var(--color-text);background:var(--color-bg);outline:none;transition:border-color .15s;width:100%}.login-field input:focus-visible{border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px}.login-password-wrapper{position:relative;display:flex}.login-password-wrapper input{padding-right:56px}.login-toggle-password{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);font-size:12px;cursor:pointer;padding:var(--space-1) var(--space-2)}.login-submit{height:var(--button-height-md);background:var(--color-primary);color:#ffffff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;transition:background .15s}.login-submit:hover{background:var(--color-primary-dark)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-links{text-align:center}.login-links a{font-size:13px;color:var(--color-primary);text-decoration:none}.login-links a:hover{text-decoration:underline}.login-signup{margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border);text-align:center}.login-signup-lead{font-size:13px;color:var(--color-text-muted);margin:0 0 12px}.login-signup-cta{font-size:14px;color:var(--color-text);margin:0 0 8px}.login-signup-cta a{color:var(--color-secondary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.login-signup-cta a:hover{text-decoration:none}.login-signup-note{font-size:12px;line-height:1.5;color:var(--color-text-muted);margin:0}