.login{min-height:100dvh;display:grid;place-items:center;padding:var(--space-4);background:radial-gradient(ellipse 110% 70% at 50% -10%,color-mix(in oklab,var(--color-surface) 90%,transparent),transparent 60%),var(--color-night)}.login-card{width:min(26rem,100%);display:grid;grid-gap:var(--space-2);gap:var(--space-2);background:var(--color-night-raised);border:1px solid var(--color-night-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-raised)}.login-eyebrow{color:var(--color-gold-deep);letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;margin:0}.login-title{font-family:var(--font-display);font-size:1.8rem;font-weight:600;margin:0}.login-lead{color:var(--color-ivory-dim);margin:0 0 var(--space-2)}.login-label{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ivory-faint)}.login-input{min-height:48px;padding:.6em .9em;border-radius:var(--radius-sm);border:1px solid var(--color-night-border);background:var(--color-night);color:var(--color-ivory);font-size:1.05rem}.login-input:focus{border-color:var(--color-gold-deep);outline:none}.login-error{color:var(--color-danger);margin:0}.login-form{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.login-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;border:1px solid var(--color-night-border);border-radius:var(--radius-md);background:var(--color-night);margin-bottom:var(--space-2)}.login-tab{min-height:42px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-ivory-dim);font-size:.95rem;cursor:pointer;transition:background var(--duration-normal) var(--ease-calm),color var(--duration-normal) var(--ease-calm)}.login-tab:hover{color:var(--color-ivory)}.login-tab.is-active{background:var(--color-night-raised);color:var(--color-gold-deep);box-shadow:inset 0 0 0 1px var(--color-night-border)}.login-hint{color:var(--color-ivory-faint);font-size:.85rem;margin:0}.login-sent{display:grid;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-night-border);border-radius:var(--radius-md);background:var(--color-night)}.login-sent-title{color:var(--color-gold-deep);font-weight:600;margin:0}.login-sent-text{color:var(--color-ivory-dim);margin:0}.login-link{justify-self:start;margin-top:var(--space-1);padding:0;border:none;background:none;color:var(--color-ivory-faint);font-size:.9rem;text-decoration:underline;cursor:pointer}.login-link:hover{color:var(--color-ivory)}.login-btn{margin-top:var(--space-2);min-height:50px;border:none;border-radius:var(--radius-md);background:var(--gradient-cta);color:var(--color-on-gold);font-size:1.05rem;font-weight:600;transition:filter var(--duration-normal) var(--ease-calm)}.login-btn:hover:not(:disabled){filter:brightness(1.06)}.login-btn:disabled{opacity:.55}.login-df{display:flex;align-items:center;justify-content:center;gap:.6em;width:100%;min-height:48px;margin-top:var(--space-3,1.2rem);border:1px solid var(--color-border-strong);border-radius:12px;background:var(--color-surface-2);color:var(--color-text);font-weight:600;text-decoration:none;transition:filter var(--duration-normal,.2s) ease}.login-df:focus-visible,.login-df:hover{filter:brightness(1.12)}.login-df-mark{display:inline-grid;place-items:center;width:1.7em;height:1.7em;border-radius:8px;background:var(--color-text);color:var(--color-surface);font-size:.8em;font-weight:800;letter-spacing:.02em}.login-df-hint{margin:.5em 0 0;text-align:center}.login-df-hint,.login-divider{font-size:.85rem;color:var(--color-muted)}.login-divider{display:flex;align-items:center;gap:.8em;margin:var(--space-3,1.2rem) 0}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:color-mix(in oklab,var(--color-white) 12%,transparent)}