*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0b0d12;color:#e6e8ee;line-height:1.5}
a{color:#8ab4ff}header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 5vw;border-bottom:1px solid #1e2230;position:sticky;top:0;background:#0b0d12ee;backdrop-filter:blur(8px);z-index:9}
.logo{font-weight:800;font-size:1.2rem;color:#fff;text-decoration:none}.logo span{color:#7c5cff}nav a{margin-left:1rem;color:#c3c8d6;text-decoration:none}nav a:hover{color:#fff}
main{max-width:1100px;margin:0 auto;padding:2rem 5vw}.hero h1{font-size:clamp(1.8rem,5vw,3rem);margin:.5rem 0}.hero p{color:#9aa1b4;max-width:640px}
#search{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid #2a3042;background:#131722;color:#fff;font-size:1rem;margin:1rem 0}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chips a{padding:.3rem .8rem;border:1px solid #2a3042;border-radius:99px;text-decoration:none;color:#c3c8d6;font-size:.9rem}
h2{margin-top:2.5rem}.sub{color:#9aa1b4;margin-top:-.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.card{background:#131722;border:1px solid #1e2230;border-radius:14px;padding:1.1rem}.card h3{margin:.2rem 0}.badge{display:inline-block;font-size:.75rem;background:#7c5cff22;color:#b9a8ff;padding:.15rem .6rem;border-radius:99px}
.price{font-size:.85rem;color:#9aa1b4;border-top:1px solid #1e2230;padding-top:.6rem}.rank{color:#7c5cff;font-weight:700}
.news .meta{font-size:.8rem;color:#9aa1b4}.box{background:#131722;border:1px dashed #7c5cff;border-radius:14px;padding:1.2rem;margin:2rem 0}
input[type=email]{padding:.7rem;border-radius:8px;border:1px solid #2a3042;background:#0b0d12;color:#fff;width:min(100%,320px)}button{padding:.7rem 1.2rem;border:0;border-radius:8px;background:#7c5cff;color:#fff;font-weight:600;cursor:pointer}
footer{text-align:center;color:#6b7285;padding:2rem;font-size:.85rem}@media(max-width:600px){nav a{margin:0 1rem 0 0}}