.auth-page{background:var(--bg);color:var(--text);min-height:100vh;padding:32px;display:flex;align-items:stretch;justify-content:center;font-family:var(--font-sans)}.auth-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;width:100%;max-width:1040px;align-items:stretch}.auth-hero{background:var(--band-grad);color:var(--on-band-strong);padding:64px 40px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:20px;justify-content:center}.auth-hero .wl-logo-mark{background:var(--on-band-strong);color:var(--band-grad)}.auth-eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0}.auth-h1{font-family:var(--font-display);font-size:clamp(32px,4vw,40px);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--on-band-strong);margin:0}.auth-lead{font-family:var(--font-sans);font-size:17px;font-weight:400;line-height:1.6;color:var(--on-band-muted);margin:0}.auth-main{display:flex;align-items:center;justify-content:center}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:24px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px}.auth-form-h{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--text);margin:0}.auth-form-sub{font-family:var(--font-sans);font-size:14.5px;font-weight:400;line-height:1.6;color:var(--text-muted);margin:0}.auth-brand-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);font-family:var(--font-sans);font-size:12px;color:var(--text-muted)}.auth-brand-chip-subdomain{font-family:var(--font-mono);font-size:11px;color:var(--text-subtle)}.auth-row{display:flex;flex-direction:column;gap:16px}.auth-row .field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans)}.auth-row .field-label{font-size:13px;color:var(--text-muted);font-weight:500}.auth-row .field-required{color:var(--accent);margin-left:2px}.auth-row .field-error{font-size:12.5px;color:var(--warn);font-weight:500}.auth-row .input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:10px 14px;color:var(--text);font-family:var(--font-sans);font-size:14px;outline:none;width:100%;box-sizing:border-box}.auth-row .input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.auth-row .input::placeholder{color:var(--text-subtle)}.auth-row .input[aria-invalid=true]{border-color:var(--warn)}.auth-row .input[aria-invalid=true]:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 35%,transparent)}.auth-pw-wrap{position:relative}.auth-pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;padding:0}.auth-pw-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-pw-toggle:hover{color:var(--text);background:var(--surface-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--r-sm);font-weight:600;font-size:14px;padding:9px 16px;background:var(--surface-2);color:var(--text);font-family:var(--font-sans);white-space:nowrap;cursor:pointer;box-sizing:border-box}.btn svg{width:17px;height:17px}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);width:100%}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary[aria-disabled=true],.btn-primary[disabled]{opacity:.7;cursor:progress}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--text);width:100%}.btn-outline:hover{background:var(--surface-2)}.btn-outline[aria-disabled=true]{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.btn{transition:background-color .15s ease,border-color .15s ease,transform .08s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px)}.auth-icon-spinner{animation:auth-spin .8s linear infinite}}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-subtle);font-family:var(--font-sans);font-size:13px;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-social{display:flex;flex-direction:column;gap:12px}.auth-secondary-link{font-family:var(--font-sans);font-size:14px;color:var(--text-muted);text-align:center;margin-top:4px}.auth-secondary-link a{color:var(--text-muted);text-decoration:underline;text-underline-offset:3px}.auth-secondary-link a:hover{color:var(--accent)}.auth-callout{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-sm);font-family:var(--font-sans);font-size:13.5px;line-height:1.5}.auth-callout svg{flex:none;margin-top:1px}.auth-callout-heading{font-weight:600;color:var(--text);margin:0 0 2px;font-size:14px}.auth-callout-body{margin:0;color:var(--text-muted)}.auth-callout-error{background:color-mix(in srgb,var(--warn) 12%,transparent);border-left:3px solid var(--warn);color:var(--text)}.auth-callout-error svg{color:var(--warn)}.auth-verify{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:16px 0}.auth-verify-icon{color:var(--accent)}.auth-verify-heading{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text);margin:0;letter-spacing:-.02em}.auth-verify-body,.auth-verify-secondary{font-family:var(--font-sans);font-size:14.5px;color:var(--text-muted);margin:0;line-height:1.6}.auth-callout-info{background:var(--surface-2);border-left:3px solid var(--text-subtle);color:var(--text)}.auth-callout-info svg{color:var(--text-muted)}@media(max-width:960px){.auth-split{grid-template-columns:1fr;gap:24px;max-width:480px}.auth-hero{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(max-width:640px){.auth-page,.auth-card{padding:20px}.auth-h1{font-size:clamp(26px,7vw,32px)}}@media(max-width:380px){.auth-social-label{display:none}}