:root{--bg:#09090b;--card:#111115;--border:#1e1e24;--text:#e5e5e5;--muted:#6b7280;--accent:#818cf8;--pass:#22c55e;--fail:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--card);border-radius:4px;padding:.15rem .4rem;font-family:SF Mono,Menlo,monospace;font-size:.85em}.accent{color:var(--accent)}.muted{color:var(--muted)}.nav-bar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#09090bdd;justify-content:space-between;align-items:center;height:56px;padding:0 2rem;display:flex;position:sticky;top:0}.logo{font-size:1.1rem;font-weight:900}.nav-link{color:var(--muted);font-size:.82rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text);text-decoration:none}.nav-link.active{color:var(--text)}.user-menu{align-items:center;gap:.6rem;display:flex}.avatar{border-radius:50%;width:28px;height:28px}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block}.btn-primary:hover{opacity:.9;text-decoration:none}.btn-lg{padding:.75rem 2rem;font-size:1rem}.btn-ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .8rem;font-size:.75rem}.btn-ghost:hover{border-color:var(--accent);color:var(--text)}.feature-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:500px;margin:0 auto;display:grid}.feature-card{background:var(--card);border:1px solid var(--border);text-align:left;border-radius:12px;padding:1.2rem}.empty-state{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:16px;margin-top:1rem;padding:4rem 2rem}@media (width<=600px){.feature-grid{grid-template-columns:1fr}.nav-bar{padding:0 1rem}}