*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0a0b14;color:#e6e8ff}a{color:#7cf}header{display:flex;justify-content:space-between;align-items:center;padding:16px 5%;border-bottom:1px solid #222a44;position:sticky;top:0;background:#0a0b14ee;backdrop-filter:blur(8px);flex-wrap:wrap;gap:8px}.logo{font-weight:900;font-size:22px}.logo span,.hero h1 span{background:linear-gradient(90deg,#0ff,#a0f,#f0a);-webkit-background-clip:text;color:transparent}nav a{margin-left:16px;text-decoration:none;color:#aab}.hero{text-align:center;padding:60px 5% 30px}.hero h1{font-size:clamp(32px,6vw,60px);margin:0}#chips a{display:inline-block;margin:4px;padding:6px 12px;border:1px solid #334;border-radius:20px;text-decoration:none;color:#cde}#chips a:hover{border-color:#0ff;box-shadow:0 0 10px #0ff6}main{padding:0 5% 40px;max-width:1200px;margin:auto}h2{border-left:4px solid #a0f;padding-left:10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.card{background:linear-gradient(160deg,#141833,#0f1124);border:1px solid #232a4d;border-radius:14px;padding:16px;transition:.2s}.card:hover{border-color:#0ff8;transform:translateY(-2px)}.rank{color:#f0a;font-weight:900}.card h3{margin:4px 0}.meta{font-size:13px;color:#9ab;margin:4px 0}.nl{margin-top:40px;text-align:center}.nl input,.nl button{padding:10px;border-radius:8px;border:1px solid #334;margin:4px}.nl button{background:linear-gradient(90deg,#0ff,#a0f);border:0;font-weight:700;cursor:pointer}footer{text-align:center;color:#667;padding:20px;font-size:13px}@media(max-width:600px){nav a{margin:0 8px 0 0}}
.hp{position:absolute;left:-9999px}.btn{display:inline-block;margin-top:8px;padding:10px 16px;border-radius:8px;background:linear-gradient(90deg,#0ff,#a0f);color:#000;font-weight:700;text-decoration:none}.ads{text-align:left;margin:12px 0}
