:root{--bg:#0f1419;--fg:#f4f1ea;--accent:#2dd4bf;--muted:#94a3b8;--panel:#1a222c;--line:#2a3542;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,#1d4ed855,transparent),radial-gradient(900px 500px at 100% 0,#0f766e44,transparent),var(--bg);color:var(--fg)}a{color:var(--accent);text-decoration:none}main{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 4rem}.panel{background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:12px;padding:1.25rem}.nav{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:#042f2e;border:0;border-radius:8px;padding:.55rem .9rem;font-weight:600;cursor:pointer}input,select{width:100%;background:#0b1016;border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:.55rem .7rem}.muted{color:var(--muted)}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}h1,h2{letter-spacing:-.02em}