:root{--background:oklch(98% .004 250);--foreground:oklch(24% .015 250);--card:oklch(100% 0 0);--primary:oklch(43% .09 163);--primary-foreground:oklch(98.5% 0 0);--primary-hover:oklch(38% .08 163);--primary-pressed:oklch(33% .065 163);--secondary:oklch(94% .008 250);--muted:oklch(95.5% .006 250);--muted-foreground:oklch(46% .012 250);--accent:oklch(93% .032 163);--accent-foreground:oklch(36% .065 163);--destructive:oklch(46% .16 27);--destructive-background:oklch(96.5% .012 27);--success:oklch(40% .08 163);--success-background:oklch(95.5% .025 163);--info:oklch(45% .09 250);--info-background:oklch(96% .015 250);--border:oklch(87% .008 250);--input:oklch(58% .012 250);--ring:oklch(43% .09 163);--sidebar:oklch(96.5% .008 250);--code:oklch(94% .008 250);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--foreground);background:var(--background);font-synthesis:none;font-family:Geist Variable,Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--background:oklch(19% .012 250);--foreground:oklch(91% .006 250);--card:oklch(23.5% .012 250);--primary:oklch(76% .12 163);--primary-foreground:oklch(19% .025 163);--primary-hover:oklch(81% .115 163);--primary-pressed:oklch(70% .11 163);--secondary:oklch(31% .012 250);--muted:oklch(27% .012 250);--muted-foreground:oklch(75% .012 250);--accent:oklch(31% .045 163);--accent-foreground:oklch(85% .095 163);--destructive:oklch(80% .1 27);--destructive-background:oklch(29% .035 27);--success:oklch(80% .1 163);--success-background:oklch(27% .035 163);--info:oklch(80% .07 250);--info-background:oklch(28% .035 250);--border:oklch(36% .012 250);--input:oklch(59% .012 250);--ring:oklch(80% .1 163);--sidebar:oklch(21.5% .012 250);--code:oklch(17% .012 250);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:var(--primary);text-underline-offset:.18em}button,input{font:inherit}button,.button{border:1px solid var(--primary);background:var(--primary);min-height:2.75rem;color:var(--primary-foreground);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{border-color:var(--primary-hover);background:var(--primary-hover)}button:active,.button:active{border-color:var(--primary-pressed);background:var(--primary-pressed)}button.secondary,.button.secondary{border-color:var(--input);background:var(--secondary);color:var(--foreground)}button.secondary:hover,.button.secondary:hover{background:var(--muted)}button.secondary:active,.button.secondary:active{background:var(--accent)}button.danger{border-color:var(--destructive);background:var(--destructive-background);color:var(--destructive)}button.danger:hover{text-decoration:underline}button.danger:active{box-shadow:inset 0 0 0 2px var(--destructive)}button:disabled{cursor:wait;border-color:var(--border);background:var(--muted);color:var(--muted-foreground)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site-header{border-bottom:1px solid var(--border);background:var(--sidebar);justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;padding:.8rem clamp(1rem,5vw,4.5rem);display:flex}.brand{color:var(--foreground);align-items:center;gap:.65rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{width:2.25rem;height:2.25rem}nav{align-items:center;gap:1rem;display:flex}nav a{color:var(--foreground)}nav .nav-action{white-space:nowrap;border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground);border-radius:.5rem;padding:.5rem .75rem;text-decoration:none}main{width:min(68rem,100% - 2rem);min-height:calc(100vh - 9rem);margin:0 auto;padding:clamp(2rem,5vw,5rem) 0}.hero{grid-template-columns:minmax(0,1.3fr) minmax(16rem,.7fr);align-items:center;gap:3rem;display:grid}.eyebrow{color:var(--accent-foreground);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .65rem;font-size:.8rem;font-weight:700}h1{max-width:17ch;color:var(--foreground);letter-spacing:-.045em;margin:0;font-size:clamp(2.2rem,6vw,4.8rem);line-height:1.02}h2{color:var(--foreground)}.lead{max-width:42rem;color:var(--muted-foreground);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.feature-card,.card{border:1px solid var(--border);background:var(--card);border-radius:.625rem}.feature-card{padding:1.5rem}.feature-card ul{margin:0;padding-left:1.25rem;line-height:2}.card{width:min(100%,34rem);margin:0 auto;padding:clamp(1.25rem,5vw,2.5rem)}.card.wide{width:min(100%,46rem)}.hero h1{max-width:none;font-size:clamp(2.2rem,5vw,3.75rem)}.card h1{max-width:none;font-size:clamp(2rem,6vw,3rem)}.field{gap:.35rem;margin:1rem 0;display:grid}label{font-weight:600}input{border:1px solid var(--input);background:var(--card);width:100%;min-height:2.75rem;color:var(--foreground);border-radius:.5rem;padding:.65rem .75rem}.hint{color:var(--muted-foreground);margin:.2rem 0;font-size:.9rem;line-height:1.45}.status{background:var(--info-background);color:var(--info);border-radius:.5rem;margin:1rem 0;padding:.75rem}.status.error{background:var(--destructive-background);color:var(--destructive)}.status.success{background:var(--success-background);color:var(--success)}.account-list{grid-template-columns:8rem 1fr;gap:.75rem;padding:0;display:grid}.account-list dt{font-weight:700}.account-list dd{overflow-wrap:anywhere;margin:0}.scope-list{margin:1.25rem 0;padding:0;list-style:none}.scope-list li{border:1px solid var(--border);background:var(--muted);border-radius:.5rem;margin:.5rem 0;padding:.75rem}code{background:var(--code);overflow-wrap:anywhere;border-radius:.3rem;padding:.15rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}footer{text-align:center;min-height:4.5rem;color:var(--muted-foreground);padding:1rem;font-size:.85rem}@media (width<=700px){.hero{grid-template-columns:1fr}.site-header{flex-wrap:wrap}nav{flex-wrap:wrap;justify-content:flex-end}.account-list{grid-template-columns:1fr;gap:.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
