:root{--bg-a:#f8fafc;--bg-b:#dbeafe;--ink:#0f172a;--muted:#334155;--brand:#0ea5e9;--brand-2:#22c55e;--card:#fff;--line:#cbd5e1}*{box-sizing:border-box}body,html{margin:0;padding:0}body{color:var(--ink);background:radial-gradient(1200px 700px at 20% -10%,#e0f2fe 0,transparent 60%),radial-gradient(900px 600px at 95% 0,#dcfce7 0,transparent 50%),linear-gradient(180deg,var(--bg-a),var(--bg-b));font-family:Segoe UI,Trebuchet MS,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pill{padding:5px 10px;border-radius:999px;font-size:12px;border:1px solid var(--line);color:var(--muted)}.btn,.pill{display:inline-block}.btn{padding:10px 14px;border-radius:10px;border:1px solid #0284c7;background:linear-gradient(135deg,var(--brand),#0284c7);color:#fff;font-weight:600}.nav{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 22px}.nav a{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#ffffffb5}