@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#0c0e10;--surface:#131619;--line:#2c3236;--text:#f2f4ee;--secondary:#a3aaa6;--muted:#6c7671;--accent:#d1fa7c;--mono:'IBM Plex Mono',monospace;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:0 max(28px,calc((100vw - 1280px)/2))}p,h1,h2,pre{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.back-link{display:flex;gap:10px;align-items:center;color:var(--secondary);font-size:14px}main{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:800px;padding:48px 0}.promise{padding:36px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-height:704px;display:flex;flex-direction:column;justify-content:space-between;gap:42px;min-width:0}.eyebrow{display:flex;align-items:center;gap:10px;font:11px var(--mono);letter-spacing:1.3px;color:var(--accent)}.eyebrow:before{content:'';width:6px;height:6px;background:var(--accent);flex:none}.promise h2{font-size:54px;line-height:1.06;letter-spacing:-2.8px;font-weight:400;margin-top:20px}.description{font-size:16px;line-height:1.6;color:var(--secondary);margin-top:20px}.example{border:1px solid var(--line);border-radius:6px;background:var(--bg);padding:22px;display:grid;gap:20px}.metadata{display:flex;justify-content:space-between;font:11px var(--mono);color:var(--secondary)}.metadata span:last-child{font-size:10px;color:var(--muted)}pre{font:12px/1.9 var(--mono);color:#c2cec8;white-space:pre-wrap;overflow-wrap:anywhere}.muted{color:var(--muted)}.accent{color:var(--accent)}.divider{display:flex;gap:16px;align-items:center;font-size:12px;color:var(--muted)}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.divider.logic{font:9px var(--mono);letter-spacing:1px;color:var(--accent);gap:12px}.flow{display:flex;gap:9px;align-items:center;font:10px var(--mono)}.flow span{flex:1;min-width:0;text-align:center;padding:14px 2px;border:1px solid var(--line);border-radius:6px;background:var(--surface);white-space:nowrap}.flow span:last-child{color:var(--accent);border-color:var(--accent);background:#283522}.flow b{font-weight:400;color:var(--muted)}.narration{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.5;color:var(--secondary)}img{display:block;flex:none}.signature{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:var(--secondary)}.signature span{font:20px Inter,sans-serif;color:var(--accent)}.form-area{display:flex;justify-content:center;min-width:0}.auth-content{width:420px;max-width:100%;display:grid;gap:24px}.introduction{display:grid;gap:14px}h1{font-size:36px;font-weight:400;line-height:1.15;letter-spacing:-1.3px}.introduction>p:last-child{font-size:15px;line-height:1.5;color:var(--secondary)}#social{display:grid;gap:24px}.github{height:52px;width:100%;display:flex;justify-content:center;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text);font-size:14px;font-weight:500}form{display:grid;gap:24px}.fields{display:grid;gap:18px}.fields>label{display:grid;gap:10px;font-size:14px}input:not([type=checkbox]){height:52px;padding:0 16px;width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px}input::placeholder{color:var(--muted)}.password-wrap{position:relative}.password-wrap input{padding-right:50px}#show-password{position:absolute;right:12px;top:0;height:52px;background:transparent;border:0;padding:6px}small{font-size:12px;line-height:1.5;color:var(--secondary)}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:12px}.remember{display:flex;align-items:center;gap:9px;color:var(--secondary)}input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent)}.text-button{border:0;background:none;color:var(--accent);padding:0;font-size:12px}.primary{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border:0;border-radius:6px;background:var(--accent);color:var(--bg);font-size:14px;font-weight:600}.primary>span:last-child{font-size:20px;font-weight:400}.primary:disabled{opacity:.6}#switch-copy{font-size:14px;color:var(--secondary);text-align:center}#switch-copy a,#back-login{color:var(--accent)}#auth-message{font-size:13px;line-height:1.5;color:#f2b8a2}#auth-message[data-success=true]{color:var(--accent)}footer{height:100px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:var(--muted)}footer span:last-child{letter-spacing:1px}
@media(max-width:1200px){main{gap:48px}.promise{padding:28px}.promise h2{font-size:clamp(34px,4.1vw,54px);letter-spacing:-2px}.example{padding:18px}pre{font-size:10px}.auth-content{width:400px}}@media(max-width:800px){body{padding:0 24px}main{grid-template-columns:1fr;min-height:calc(100svh - 168px);padding:40px 0}.promise{display:none}.auth-content{width:420px}footer{height:80px;font-size:9px}.back-link{font-size:12px}h1{font-size:32px}.eyebrow{font-size:10px;letter-spacing:1px}footer span:last-child{font-size:8px;letter-spacing:.5px}}

/* Share the landing page preference and palette on every auth screen. */
:root[data-theme=light]{color-scheme:light;--bg:#f7f8f2;--surface:#edf0e7;--line:#ced5c5;--text:#1e2920;--secondary:#4c5d50;--muted:#617264;--accent:#456418}
[data-theme=light] pre{color:#344a3b}
[data-theme=light] .flow span:last-child{background:#e1edc9}
.primary{background:#d1fa7c;color:#0c0e10}
[data-theme=light] .github img{filter:brightness(.2)}
[data-theme=light] .narration img{filter:brightness(.45)}
[data-theme=light] #auth-message{color:#a33c21}
[data-theme=light] #auth-message[data-success=true]{color:var(--accent)}