*{box-sizing:border-box;margin:0;padding:0}:root{--g:#22c55e;--gd:#22c55e18;--bg:#070707;--s1:#111;--t1:#e0e0e0;--t2:#888;--t3:#444;--b1:#1e1e1e}body,html{background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:IBM Plex Sans,system-ui,sans-serif}nav{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:28px 40px;display:flex}.logo{letter-spacing:-.3px;color:var(--t1);align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:500;text-decoration:none;display:flex}.logo em{color:var(--g);font-style:normal}.nav-r{align-items:center;gap:28px;display:flex}.nav-r a{color:var(--t2);font-size:13px;text-decoration:none;transition:color .2s}.nav-r a:hover{color:var(--t1)}.theme-toggle{border:1px solid var(--b1);color:var(--t2);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--t2);color:var(--t1)}.main{max-width:720px;margin:0 auto;padding:60px 40px 80px}.main h1{letter-spacing:-.8px;margin-bottom:8px;font-size:32px;font-weight:500}.main .sub{color:var(--t2);margin-bottom:48px;font-size:14px;font-weight:300}.demo-banner{color:var(--g);background:var(--gd);border:1px solid var(--g);border-radius:8px;margin-bottom:24px;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:12px}.card{background:var(--s1);border:1px solid var(--b1);border-radius:12px;margin-bottom:20px;padding:24px}.card-title{text-transform:uppercase;letter-spacing:.8px;color:var(--t2);margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.card-value{color:var(--t1);word-break:break-all;font-family:JetBrains Mono,monospace;font-size:15px}.card-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.api-key{color:var(--t1);background:var(--bg);border:1px solid var(--b1);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:14px;overflow:hidden}.btn{cursor:pointer;border:1px solid var(--b1);color:var(--t2);background:0 0;border-radius:6px;padding:8px 16px;font-family:IBM Plex Sans,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.btn:hover{border-color:var(--t2);color:var(--t1)}.btn-g{background:var(--g);color:#000;border:1px solid var(--g)}.btn-g:hover{opacity:.9;color:#000}.usage-bar{background:var(--b1);border-radius:4px;width:100%;height:8px;margin-top:12px;overflow:hidden}.usage-fill{background:var(--g);border-radius:4px;height:100%;transition:width .3s}.usage-text{color:var(--t2);margin-top:8px;font-size:13px}.sign-in-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:40px;display:flex}@media (width<=600px){.main{padding:40px 20px 60px}.main h1{font-size:26px}.nav-r{gap:16px}.card-row{flex-direction:column;align-items:stretch}}