:root{--bg:#0f172a;--panel:#0b1220;--ink:#e5e7eb;--muted:#9ca3af;--line:#1f2937;--accent:#22c55e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.3px}.logo{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#eab308,#16a34a);display:inline-block}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#0b1220}.container{max-width:1100px;margin:24px auto;padding:0 16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.btn{background:var(--accent);border:none;color:#05210f;padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer}.btn.ghost{background:#0b1220;color:var(--ink);border:1px solid var(--line)}.input,select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:#07101d;color:var(--ink)}.badge{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid var(--line);font-size:12px;background:#07101d}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:var(--muted)}h1,h2,h3,p{margin:0 0 8px}.hero{display:grid;gap:12px;place-items:start;padding:28px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(34,197,94,.08),transparent)}