*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.6;margin:0;background:#0b0f14;color:#eceff4}
.container{max-width:1100px;margin:0 auto;padding:24px}
header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #1f2937;background:#0f141b}
h1{margin:0;font-size:2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:24px}
.card{background:#0f141b;border:1px solid #1f2937;border-radius:16px;padding:16px;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.card h2{margin:0 0 6px 0;font-size:1.2rem}
.meta{opacity:.8;font-size:.9rem;margin-bottom:10px}
.links a{display:inline-block;margin-right:12px;margin-top:8px;color:#8ab4ff;text-decoration:none}
.links a:hover{text-decoration:underline}
.badge{display:inline-block;padding:2px 8px;border:1px solid #1f2937;border-radius:999px;font-size:.75rem;opacity:.85}
footer{opacity:.7;border-top:1px solid #1f2937;margin-top:24px}
.small{font-size:.9rem}
.searchbar{display:flex;gap:8px;margin-top:16px}
.searchbar input{flex:1;padding:10px;border-radius:10px;border:1px solid #1f2937;background:#0b0f14;color:#eceff4}
.searchbar select{padding:10px;border-radius:10px;border:1px solid #1f2937;background:#0b0f14;color:#eceff4}
.branding-strip{background:linear-gradient(90deg,#7dd3fc,#a78bfa);color:#0b0f14;text-align:center;padding:6px 12px;font-weight:bold;font-size:0.95rem;letter-spacing:0.5px;border-bottom:1px solid #1f2937}