.login-main{align-items:center;padding-bottom:var(--space-8)}.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:400 var(--text-h2) /1.1 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:not-allowed}.login-card[data-busy=true] :is(.login-provider,.login-submit):disabled{cursor:progress}.login-provider-apple{background:#000;border-color:#000;color:#fff}.login-provider-apple:hover:not(:disabled){background:#1d1d1f;border-color:#1d1d1f}:root[data-theme=dark] .login-provider-apple{background:#fff;border-color:#fff;color:#000}:root[data-theme=dark] .login-provider-apple:hover:not(:disabled){background:#e8e8ed;border-color:#e8e8ed}.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-sm);font-weight:500;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(--hairline-visible);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;border-color:var(--primary)}.login-field input::placeholder{color:var(--text-muted)}.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-forgot{margin:calc(var(--space-1) * -1) 0 0;text-align:right;font-size:var(--text-xs)}.login-link{padding:0;border:0;background:none;color:var(--primary);font:inherit;cursor:pointer;text-decoration:underline}.login-link:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.login-legal a{color:inherit;text-decoration:underline}.login-dev{margin-top:var(--space-4);padding:var(--space-3);border:1px dashed var(--warning-amber,var(--hairline-visible));border-radius:var(--radius-sm)}.login-dev__label{margin:0;color:var(--text-warning,var(--text-muted));font:700 var(--text-label) /1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}