*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:#0f172a;background:#f8fafc}a{color:#1d4ed8;text-decoration:none}
header{background:#0b1f3a;color:#fff;padding:14px 24px;display:flex;align-items:center;gap:12px}header b{font-size:20px}header nav{margin-left:auto}header a{color:#cbd5e1;margin-left:16px}
.hero{background:linear-gradient(135deg,#0b1f3a,#1e40af);color:#fff;padding:40px 24px}.hero h1{margin:0 0 8px;font-size:32px}.hero p{margin:0;color:#c7d2fe;max-width:680px}
.wrap{max-width:1100px;margin:0 auto;padding:20px 24px}.sample{background:#fef3c7;border:1px solid #f59e0b;color:#78350f;padding:8px 14px;border-radius:8px;margin:16px 0;font-weight:600}
.filters{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:8px;margin:16px 0}.filters input,.filters select{padding:9px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;background:#fff}
.grid{display:grid;grid-template-columns:1fr 300px;gap:20px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;margin-bottom:10px}.card h3{margin:0 0 4px;font-size:16px}
.meta{color:#475569;font-size:13px}.tag{display:inline-block;background:#e0e7ff;color:#3730a3;border-radius:99px;padding:1px 9px;font-size:12px;margin-right:6px}.due{float:right;font-weight:700;color:#b91c1c;font-size:13px}
aside .box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:14px}.sponsor{border:2px dashed #94a3b8!important;text-align:center;color:#64748b}
aside input{width:100%;padding:9px;border:1px solid #cbd5e1;border-radius:8px;margin:6px 0}button{background:#16a34a;color:#fff;border:0;border-radius:8px;padding:9px 14px;font-weight:700;width:100%;cursor:pointer}
table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:7px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:13px}footer{color:#64748b;font-size:13px;padding:30px 24px;text-align:center}
@media(max-width:800px){.grid,.filters{grid-template-columns:1fr}}