.login-main{align-items:center}.login-card{width:min(100%,26rem);margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-4);background:var(--surface-raised,#fff);border:var(--border-width,1px) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card,var(--shadow-md));text-align:left}.login-card h1{margin:var(--space-1) 0 var(--space-2);font:600 var(--text-h2) /1.15 var(--font-display,var(--font-ui));letter-spacing:-.01em;color:var(--text-primary,var(--text))}.login-lede{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.login-error,.login-notice{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.4}.login-error{background:var(--surface-error);color:var(--text-error)}.login-notice{background:var(--surface-info);color:var(--text-info)}.login-providers{display:grid;gap:var(--space-2)}.login-provider,.login-submit{height:var(--control-h,2.75rem);width:100%;border-radius:var(--radius-sm);border:var(--border-width,1px) solid var(--border);background:var(--surface-raised,#fff);color:var(--text-primary,var(--text));font:500 var(--text-base) var(--font-ui);cursor:pointer;transition:background .12s ease,border-color .12s ease}.login-provider:hover:not(:disabled),.login-submit:hover:not(:disabled){border-color:var(--primary)}.login-provider:disabled,.login-submit:disabled{opacity:.6;cursor:progress}.login-provider-apple{background:var(--primary);border-color:var(--primary);color:var(--on-primary,var(--primary-fg,#fff))}.login-provider-apple:hover:not(:disabled){background:var(--primary-hover,var(--primary))}.login-divider{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-3);color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.login-divider:after,.login-divider:before{content:"";flex:1;height:1px;background:var(--border)}.login-form{display:grid;gap:var(--space-3)}.login-field{display:grid;gap:var(--space-1);font-size:var(--text-label,var(--text-sm));color:var(--text-secondary)}.login-field input{height:var(--control-h,2.75rem);padding:0 var(--space-3);border:var(--border-width,1px) solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised,#fff);color:var(--text-primary,var(--text));font:var(--text-base) var(--font-ui)}.login-field input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.login-submit{background:var(--primary);border-color:var(--primary);color:var(--on-primary,var(--primary-fg,#fff))}.login-submit:hover:not(:disabled){background:var(--primary-hover,var(--primary))}.login-legal,.login-switch{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.login-link{padding:0;border:0;background:none;color:var(--primary);font:inherit;cursor:pointer;text-decoration:underline}.login-legal a{color:inherit;text-decoration:underline}