*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:#0b0d14;color:#e8eaf2}
.w{max-width:1080px;margin:0 auto;padding:0 20px}
header{padding:72px 0 32px;text-align:center;background:radial-gradient(ellipse at top,#2a2470,transparent 70%)}
h1{font-size:clamp(2.2rem,6vw,3.6rem);margin:0 0 12px;background:linear-gradient(90deg,#8b9cff,#ff8be0);-webkit-background-clip:text;background-clip:text;color:transparent}
header p{color:#a9aec6;max-width:560px;margin:0 auto}
#q{margin-top:24px;width:100%;max-width:420px;padding:12px 16px;border-radius:12px;border:1px solid #2a2f45;background:#141829;color:inherit;font-size:1rem}
#filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0}
#filters button{padding:8px 14px;border-radius:99px;border:1px solid #2a2f45;background:#141829;color:#c7cbe0;cursor:pointer}
#filters button.on,#filters button:hover{background:#5b6cff;color:#fff;border-color:#5b6cff}
#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:14px;background:#141829;border:1px solid #23284a;color:inherit;text-decoration:none;transition:.15s}
.card:hover{transform:translateY(-3px);border-color:#5b6cff}
.card h3{margin:0}.card p{margin:0;color:#a9aec6;font-size:.93rem;flex:1}
.tag{font-size:.75rem;color:#8b9cff}
section{margin:64px 0}h2{margin:0 0 12px}
.sponsor{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:16px}
.slot{border:2px dashed #3a4070;border-radius:14px;padding:30px 10px;text-align:center;color:#8b9cff}
.note{color:#8a90ab;font-size:.85rem}
form{display:flex;gap:8px;flex-wrap:wrap}form input{flex:1;min-width:220px;padding:12px;border-radius:10px;border:1px solid #2a2f45;background:#141829;color:inherit}
form button{padding:12px 20px;border-radius:10px;border:0;background:#5b6cff;color:#fff;cursor:pointer}
footer{padding:32px 0;text-align:center;color:#8a90ab;border-top:1px solid #23284a;font-size:.85rem}

.topnav{display:flex;gap:18px;justify-content:flex-end;padding-top:16px;padding-bottom:0}
.topnav a,footer a{color:#a9aec6;text-decoration:none}.topnav a:hover,footer a:hover{color:#fff}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.btn{display:inline-block;padding:10px 18px;border-radius:10px;background:#5b6cff;color:#fff;text-decoration:none;margin-left:6px}
.btn:hover{background:#7483ff}
.warn{border:1px solid #b8860b;background:#2a2210;color:#f0d78c;padding:10px 14px;border-radius:10px;font-size:.9rem}
table{width:100%;border-collapse:collapse;margin:16px 0}th,td{text-align:left;padding:12px;border-bottom:1px solid #23284a}th{color:#8b9cff}
.ph{color:#f0d78c;font-weight:600}
.page main a:not(.btn){color:#8b9cff}