:root{color:#fff;background:#0a0a0f;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#26113b,#0a0a0f 55%);margin:0}main{max-width:1120px;margin:auto;padding:18px 18px 90px}header{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo img{border-radius:16px;width:58px;height:58px}h1,h2,h3{margin:.25rem 0}p{color:#aaaad0}button{color:#fff;cursor:pointer;background:#ff2d78;border:0;border-radius:999px;align-items:center;gap:7px;padding:11px 15px;font-weight:800;display:inline-flex}nav{z-index:5;background:linear-gradient(#0a0a0fee,#0a0a0fbb);gap:8px;padding:12px 0;display:flex;position:sticky;top:0;overflow:auto}nav button{color:#aaaad0;background:#151520}nav button.active{color:#001014;background:#00e5ff}.hero{background:linear-gradient(135deg,#ff2d7833,#00e5ff22),url(/icons/icon-512.png) right 20px center/160px no-repeat;border:1px solid #fff2;border-radius:28px;margin:16px 0;padding:28px}.hero h2{font-size:42px}.search{background:#151520;border:1px solid #fff2;border-radius:18px;align-items:center;gap:10px;margin:16px 0;padding:12px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;flex:1;font-size:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.card{cursor:pointer;background:#12121a;border:1px solid #ffffff18;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px #0005}.card img,.placeholder{object-fit:cover;background:#1a1a26;place-items:center;width:100%;height:145px;font-size:54px;display:grid}.card h3,.card p{padding:0 12px}.card p{font-size:13px}.row{background:#12121a;border:1px solid #ffffff18;border-radius:14px;align-items:center;gap:10px;margin:8px 0;padding:12px;display:flex}.guide,.match{background:#12121a;border:1px solid #ffffff18;border-radius:20px;margin:12px 0;padding:18px}.heroimg{object-fit:cover;border-radius:24px;width:100%;max-height:360px;margin:12px 0}@media (width<=600px){.hero h2{font-size:30px}.grid{grid-template-columns:repeat(2,1fr)}header{flex-direction:column;align-items:flex-start}}.notice{color:#dfefff;background:linear-gradient(135deg,#00e5ff22,#ff2d7822);border:1px solid #fff2;border-radius:18px;margin:12px 0 16px;padding:14px 16px;font-size:14px;line-height:1.45}.guide h2{color:#7dff7a}.guide{background:linear-gradient(135deg,#151520,#1a1430)}