.auth-root{isolation:isolate;background:linear-gradient(90deg,transparent 0 49.95%,var(--line)50%,transparent 50.05%)center/100% 100%,radial-gradient(780px 480px at 76% 46%,oklch(from var(--accent)l c h/.1),transparent 68%),radial-gradient(circle at 50% 50%,var(--bg-1).6px,transparent .6px)0 0/22px 22px,var(--bg);min-height:100dvh;color:var(--text);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.auth-root:before{content:"";z-index:-1;background:linear-gradient(transparent,var(--accent-dim),transparent);opacity:.34;width:1px;height:120%;position:absolute;inset:-35% auto auto 34%;transform:rotate(34deg)}.auth-header,.auth-footer{width:min(100% - 48px,1180px);font-family:var(--font-mono);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.auth-header{border-bottom:1px solid var(--line);min-height:72px}.auth-wordmark{color:var(--text);letter-spacing:-.01em;align-items:center;gap:11px;font-size:14px;font-weight:700;display:inline-flex}.auth-wordmark-badge{background:var(--accent);width:28px;height:28px;color:var(--bg);border-radius:5px;place-items:center;font-size:11px;display:grid}.auth-context,.auth-footer{color:var(--text-4);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.auth-stage{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:center;gap:clamp(64px,10vw,144px);width:min(100% - 48px,1080px);margin-inline:auto;padding-block:64px;display:grid}.auth-intro{max-width:560px}.auth-eyebrow,.auth-card-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-4);margin:0;font-size:10px;font-weight:600}.auth-eyebrow{align-items:center;gap:10px;display:flex}.auth-eyebrow:before{content:"";background:var(--accent);width:24px;height:1px}.auth-intro h2{letter-spacing:-.045em;text-wrap:balance;max-width:12ch;margin:22px 0 0;font-size:clamp(42px,5vw,66px);font-weight:600;line-height:.98}.auth-intro h2 span{color:var(--text-3);display:block}.auth-intro-copy{max-width:50ch;color:var(--text-2);margin:26px 0 0;font-size:15px;line-height:1.7}.auth-flow{font-family:var(--font-mono);color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;margin-top:38px;font-size:10px;display:flex}.auth-flow i{background:var(--line-2);width:clamp(12px,2.5vw,34px);height:1px}.auth-form-column{width:100%}.auth-card{border:1px solid var(--line-2);background:oklch(from var(--bg-2)l c h/.9);-webkit-backdrop-filter:blur(14px);border-radius:8px;width:100%;padding:34px;position:relative;box-shadow:0 24px 80px #0000003d;box-shadow:0 24px 80px lab(0% 0 0/.24)}.auth-card:before{content:"";background:var(--accent);width:44px;height:2px;position:absolute;top:-1px;left:34px}.auth-card h1{letter-spacing:-.025em;margin:10px 0 0;font-size:28px;font-weight:600;line-height:1.1}.auth-card-copy{color:var(--text-2);margin:14px 0 0;font-size:14px;line-height:1.65}.auth-github-button{background:var(--accent);width:100%;min-height:46px;color:var(--bg);font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding:0 15px;font-size:14px;font-weight:600;transition:background .12s,transform .12s,box-shadow .12s;display:flex}.auth-github-button:hover:not(:disabled){background:var(--accent-dim);box-shadow:0 8px 24px oklch(from var(--accent)l c h/.18);transform:translateY(-1px)}.auth-github-button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.auth-github-button:disabled{cursor:wait;opacity:.7}.auth-github-mark{border:1px solid oklch(from var(--bg)l c h/.3);width:24px;height:24px;font-family:var(--font-mono);letter-spacing:-.02em;border-radius:4px;place-items:center;font-size:9px;display:grid}.auth-github-arrow{font-family:var(--font-mono);font-size:16px}.auth-card-note{color:var(--text-4);font-family:var(--font-mono);margin:15px 0 0;font-size:10px;line-height:1.6}.auth-error{border:1px solid oklch(from var(--err)l c h/.45);background:oklch(from var(--err)l c h/.08);color:var(--err);border-radius:5px;margin:20px 0 -8px;padding:10px 12px;font-size:12px;line-height:1.5}.auth-footer{border-top:1px solid var(--line);min-height:58px}@media (prefers-reduced-motion:no-preference){.auth-intro,.auth-form-column{animation:.42s ease-out both auth-enter}.auth-form-column{animation-delay:70ms}}@keyframes auth-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:820px){.auth-root{background:radial-gradient(620px 420px at 60% 32%,oklch(from var(--accent)l c h/.1),transparent 68%),radial-gradient(circle at 50% 50%,var(--bg-1).6px,transparent .6px)0 0/22px 22px,var(--bg);overflow:auto}.auth-stage{grid-template-columns:1fr;gap:48px;padding-block:48px}.auth-intro h2{font-size:clamp(36px,10vw,52px)}.auth-form-column{max-width:440px}}@media (max-width:520px){.auth-header,.auth-footer,.auth-stage{width:min(100% - 32px,1180px)}.auth-context,.auth-footer span:last-child,.auth-intro-copy,.auth-flow{display:none}.auth-stage{gap:34px;padding-block:36px}.auth-card{padding:28px 24px}.auth-card:before{left:24px}}
