body{font-family:system-ui,Arial,sans-serif;margin:0;background:#f8fafc;color:#111}
header{background:#fff;border-bottom:1px solid #e5e7eb}
nav{max-width:1100px;margin:auto;display:flex;gap:20px;padding:14px}
nav a{text-decoration:none;color:#111;padding:6px 10px;border-radius:8px}
nav a.active{background:#fff2e8;color:#c2410c}
main{max-width:1100px;margin:auto;padding:32px}
h1{font-size:2.2em;margin-bottom:8px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;margin-bottom:20px}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.8em;background:#e0f2fe;color:#0369a1;margin-right:6px}
.badge.active{background:#dcfce7;color:#166534}
.badge.soon{background:#fef9c3;color:#854d0e}
.btn{display:inline-block;margin-top:10px;padding:10px 14px;border-radius:10px;border:1px solid #e5e7eb;text-decoration:none;color:#111}
.btn.primary{background:#ea580c;color:#fff;border:none}