:root{--bg:#f9fafb;--card:#ffffff;--muted:#6b7280;--text:#1f2937;--brand:#22304a;--brand-2:#3ba55c;--border:#e5e7eb}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 1rem}.btn{display:inline-block;padding:.75rem 1.1rem;border-radius:12px;border:1px solid var(--border);background:linear-gradient(135deg,var(--brand),var(--brand));color:#fff;font-weight:600;box-shadow:0 4px 14px #22304a26}.btn.secondary{background:#fff;border:1px solid var(--border);color:var(--brand);box-shadow:none}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem}.grid{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr}}.nav{position:sticky;top:0;z-index:50;background:#fff;padding:0 2rem;border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.footer{border-top:1px solid var(--border);margin-top:3rem;padding:0rem;color:var(--muted)}.input{width:100%;padding:.6rem;border-radius:10px;background:#fff;border:1px solid var(--border);color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.chip{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:9999px;font-size:.85rem;line-height:1;border:1px solid rgba(2,6,23,.08);background:#f8fafc;white-space:nowrap}
