*{box-sizing:border-box;margin:0;padding:0}body{background:#05050a;color:#d8d8e8;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background-image:radial-gradient(circle at 10% 0,#00ffd522,transparent 40%),radial-gradient(circle at 90% 30%,#ff2bd622,transparent 40%);background-attachment:fixed}
a{color:#00ffd5}nav{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1rem 5vw;background:#05050ae6;backdrop-filter:blur(8px)}
nav a{color:#d8d8e8;text-decoration:none;margin-left:1rem;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}nav a.on{color:#00ffd5}.logo{margin:0!important;font-weight:800;font-size:1rem!important}.logo span{color:#00ffd5}
.hero{padding:3rem 5vw 1.5rem;max-width:1100px;margin:auto}.tag{font-family:monospace;color:#ff2bd6}h1{font-size:clamp(2.6rem,10vw,5rem);font-weight:900;letter-spacing:-.03em;text-shadow:0 0 30px #00ffd555}
.hero p{opacity:.85;max-width:640px;margin-top:.6rem;line-height:1.6}.disc-top{font-size:.8rem;opacity:.7!important}
.filters{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 5vw 1rem;max-width:1100px;margin:auto;scrollbar-width:none}
.filters button{flex:none;background:#0d0d18;color:#d8d8e8;border:1px solid #ffffff25;padding:.55rem 1rem;border-radius:99px;font:inherit;font-size:.85rem;cursor:pointer}.filters button.on{background:#00ffd5;color:#05050a;border-color:#00ffd5;font-weight:700}
.grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0 5vw 3rem;max-width:1100px;margin:auto}
.deal{background:#0d0d18e6;border:1px solid #ffffff15;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}.deal:hover{border-color:#ff2bd6;transform:translateY(-4px)}
.deal img,.deal .ph{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.ph{display:grid!important;place-items:center;font-size:3.5rem;background:linear-gradient(135deg,#ff2bd655,#00ffd544)}
.b{padding:1.1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.cat{font-family:monospace;font-size:.75rem;color:#ff2bd6;text-transform:uppercase}.b h3{font-size:1.1rem}.b p{opacity:.75;font-size:.92rem;line-height:1.5;flex:1}
.buy{display:block;text-align:center;background:#00ffd5;color:#05050a;font-weight:800;padding:.85rem;border-radius:10px;text-decoration:none;margin-top:.4rem}.buy:hover{box-shadow:0 0 24px #00ffd5}
.b small{font-size:.72rem;opacity:.6}.legal{max-width:1100px;margin:auto;padding:2rem 5vw;border-top:1px solid #ffffff15}.legal h2{color:#00ffd5;margin:1rem 0 .5rem;font-size:1.3rem}.legal p{line-height:1.6;opacity:.85}.small{font-size:.8rem;margin-top:1rem}
footer{text-align:center;padding:2rem;font-size:.8rem;opacity:.6}
@media(max-width:600px){nav{padding:.9rem 4vw}nav div a{margin-left:.55rem;font-size:.66rem}.logo{font-size:.9rem!important}}
nav{flex-wrap:wrap;gap:.6rem}nav .links{display:flex;gap:.2rem;overflow-x:auto;scrollbar-width:none}nav .links a{margin-left:0!important;padding:.55rem .7rem;white-space:nowrap;border-radius:6px}nav .links a.on{background:#00ffd51a}
@media(max-width:800px){nav{padding:.6rem 4vw!important;flex-direction:column;align-items:flex-start;gap:.2rem}nav .links{width:100%;margin:0 -.5rem}nav .links a{font-size:.72rem!important;padding:.65rem .6rem}}
.filters button{min-height:44px}
.logo{padding:.6rem 0;display:inline-block}