.auth-page{--auth-bg:var(--background);--auth-surface:var(--background-card);--auth-ink:var(--foreground);--auth-muted:var(--text-muted);--auth-border:var(--border-color);--auth-accent:var(--accent-primary);--auth-accent-hover:var(--accent-primary-dark);--auth-on-accent:var(--accent-text-contrast);--auth-accent-border:color-mix(in srgb,var(--accent-primary) 35%,transparent);--auth-accent-subtle:var(--accent-primary-light);--auth-shadow-lg:0 24px 48px -28px rgb(15 23 42/0.15);position:relative;min-height:100dvh;display:flex;flex-direction:column;overflow-x:clip;background-color:var(--auth-bg);color:var(--auth-ink)}.dark .auth-page{--auth-shadow-lg:0 28px 56px -24px rgb(0 0 0/0.55)}.auth-page-bg{pointer-events:none;position:fixed;inset:0;z-index:0}.auth-page-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--auth-border) 1px,transparent 1px),linear-gradient(to bottom,var(--auth-border) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.1) 45%,transparent 72%);opacity:.45}.auth-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}@media (min-width:1024px){.auth-nav{padding:24px 40px}}.auth-nav-actions{display:flex;align-items:center;gap:10px}.auth-back-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid var(--auth-border);background:color-mix(in srgb,var(--auth-surface) 88%,transparent);font-size:13px;font-weight:500;color:var(--auth-muted);transition:color .2s ease,border-color .2s ease,background-color .2s ease}.auth-back-link:hover{color:var(--auth-ink);border-color:var(--auth-accent-border)}.auth-back-link:focus-visible{outline:2px solid var(--auth-accent);outline-offset:2px}.auth-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1120px;margin-inline:auto;padding:8px 20px 32px}@media (min-width:1024px){.auth-main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:48px;padding:16px 40px 48px}}.auth-visual{display:none;align-self:center}@media (min-width:1024px){.auth-visual{display:block}}.auth-visual-enter{animation:auth-enter .55s ease both}.auth-form-column{width:100%;max-width:440px;margin-inline:auto}@media (min-width:1024px){.auth-form-column{max-width:420px;margin-inline:0;justify-self:start}}.auth-form-enter{animation:auth-enter .55s ease .08s both}@media (max-width:1023px){.auth-card-header{margin-bottom:20px}.auth-card-title{font-size:1.5rem}.auth-card-lead{font-size:13px}}.auth-card{border:1px solid var(--auth-border);border-radius:20px;background:color-mix(in srgb,var(--auth-surface) 94%,transparent);box-shadow:var(--auth-shadow-lg);backdrop-filter:blur(10px);padding:24px}@media (min-width:640px){.auth-card{padding:32px}}.auth-card-header{margin-bottom:24px;text-align:center}.auth-card-title{font-size:clamp(1.625rem,1.25rem + 1vw,2rem);line-height:1.15;letter-spacing:-.02em;font-weight:700;color:var(--auth-ink)}.auth-card-lead{margin-top:8px;font-size:14px;line-height:1.55;color:var(--text-secondary)}.auth-card-footer{margin-top:24px;text-align:center;font-size:14px;color:var(--auth-muted)}.auth-card-footer a{font-weight:600;color:var(--auth-accent);border-radius:4px}.auth-card-footer a:hover{color:var(--auth-accent-hover)}.auth-card-footer a:focus-visible{outline:2px solid var(--auth-accent);outline-offset:2px}.auth-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--auth-accent-border);background:var(--auth-accent-subtle);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--auth-accent)}.auth-visual-headline{margin-top:10px;font-size:clamp(1.625rem,2.2vw,2.125rem);line-height:1.12;letter-spacing:-.03em;font-weight:800;color:var(--auth-ink)}.auth-visual-lead{margin-top:10px;max-width:36ch;font-size:14px;line-height:1.5;color:var(--text-secondary)}.auth-trust-row{display:flex;flex-wrap:nowrap;align-items:center;gap:16px;margin-top:14px}.auth-trust-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;line-height:1;color:var(--auth-muted);white-space:nowrap}.auth-trust-pill svg{color:var(--auth-accent);flex-shrink:0}.auth-graphic{margin-top:18px;width:100%;max-width:340px;border:1px solid var(--auth-border);border-radius:14px;background:color-mix(in srgb,var(--auth-surface) 92%,transparent);box-shadow:var(--auth-shadow-lg);overflow:hidden}.auth-graphic-chrome{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--auth-border);background:color-mix(in srgb,var(--auth-bg) 50%,var(--auth-surface))}.auth-graphic-dots{display:inline-flex;gap:4px;flex-shrink:0}.auth-graphic-dots span{width:7px;height:7px;border-radius:50%}.auth-graphic-dots span:first-child{background:rgb(248 113 113/.7)}.auth-graphic-dots span:nth-child(2){background:rgb(250 204 21/.7)}.auth-graphic-dots span:nth-child(3){background:rgb(74 222 128/.7)}.auth-graphic-url{flex:1;min-width:0;padding:4px 10px;border-radius:6px;border:1px solid var(--auth-border);background:var(--auth-bg);font-size:10px;font-weight:500;color:var(--auth-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-graphic-live{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--auth-accent)}.auth-graphic-body{padding:14px}.auth-graphic-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.auth-graphic-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:var(--auth-accent-subtle);color:var(--auth-accent);flex-shrink:0}.auth-graphic-name{font-size:13px;font-weight:700;color:var(--auth-ink);line-height:1.2}.auth-graphic-meta{margin-top:2px;font-size:11px;color:var(--auth-muted)}.auth-graphic-progress{height:6px;border-radius:999px;background:color-mix(in srgb,var(--auth-border) 80%,transparent);margin-bottom:10px;overflow:hidden}.auth-graphic-progress-fill{display:block;height:100%;width:62%;border-radius:inherit;background:linear-gradient(90deg,var(--auth-accent),color-mix(in srgb,var(--auth-accent) 70%,#818cf8))}.auth-graphic-feed{display:flex;flex-wrap:nowrap;gap:5px}.auth-graphic-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;border:1px solid var(--auth-border);background:color-mix(in srgb,var(--auth-bg) 60%,var(--auth-surface));font-size:10px;font-weight:600;color:var(--auth-muted);white-space:nowrap}.auth-graphic-pill-accent{border-color:var(--auth-accent-border);background:var(--auth-accent-subtle);color:var(--auth-accent)}.auth-form .auth-input{height:44px;width:100%;border-radius:12px;border:1px solid var(--auth-border);background:color-mix(in srgb,var(--auth-bg) 70%,var(--auth-surface));padding-inline:14px;font-size:14px;font-weight:500;color:var(--auth-ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.auth-form .auth-input::placeholder{color:color-mix(in srgb,var(--auth-muted) 80%,transparent)}.auth-form .auth-input:focus,.auth-form .auth-input:focus-visible{border-color:var(--auth-accent-border);box-shadow:0 0 0 3px color-mix(in srgb,var(--auth-accent) 18%,transparent)}.auth-form .auth-label{margin-left:2px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--auth-muted)}.auth-credentials-stack{display:flex;flex-direction:column;gap:20px;width:100%;margin:0}.auth-oauth-btn{display:flex;height:44px;width:100%;align-items:center;justify-content:center;gap:10px;border-radius:12px;border:1px solid var(--auth-border);background:var(--auth-surface);font-size:14px;font-weight:600;color:var(--auth-ink);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease}.auth-oauth-btn:hover:not(:disabled){border-color:var(--auth-accent-border);background:color-mix(in srgb,var(--auth-surface) 92%,var(--auth-accent-subtle))}.auth-oauth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-oauth-btn:focus-visible{outline:2px solid var(--auth-accent);outline-offset:2px}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:12px;width:100%}.auth-divider-line{height:1px;background:var(--auth-border)}.auth-divider-label{min-width:1.5rem;font-size:12px;font-weight:500;line-height:1;text-align:center;color:var(--auth-muted);text-transform:lowercase}.auth-alert{display:flex;align-items:flex-start;gap:12px;border-radius:12px;border:1px solid transparent;padding:12px 14px;font-size:14px;line-height:1.45}.auth-alert-error{border-color:color-mix(in srgb,var(--status-error) 25%,transparent);background:color-mix(in srgb,var(--status-error) 8%,transparent);color:var(--status-error)}.auth-alert-success{border-color:color-mix(in srgb,var(--status-success) 25%,transparent);background:color-mix(in srgb,var(--status-success) 8%,transparent);color:var(--status-success)}.auth-form .auth-submit{display:flex;height:44px;width:100%;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:var(--auth-accent);font-size:14px;font-weight:600;color:var(--auth-on-accent);cursor:pointer;transition:background-color .2s ease,transform .15s ease,opacity .2s ease;box-shadow:0 10px 24px -12px color-mix(in srgb,var(--auth-accent) 55%,transparent)}.auth-form .auth-submit:hover:not(:disabled){background:var(--auth-accent-hover)}.auth-form .auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-form .auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-form .auth-submit:focus-visible{outline:2px solid var(--auth-accent);outline-offset:2px}.auth-form .auth-submit-secondary{background:transparent;color:var(--text-secondary);box-shadow:none;border:1px solid transparent;font-weight:500;font-size:13px}.auth-form .auth-submit-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--auth-surface) 80%,var(--auth-accent-subtle));border-color:var(--auth-border);color:var(--auth-ink)}@keyframes auth-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.auth-form-enter,.auth-visual-enter{animation:none}.auth-form .auth-submit:active:not(:disabled){transform:none}}