*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090711;color:#eee;font-family:Arial,sans-serif}header{position:sticky;top:0;z-index:5;background:#0e0b18eF;border-bottom:1px solid #5b2bbf;display:flex;align-items:center;justify-content:space-between;padding:16px 5%;backdrop-filter:blur(10px)}.brand{font-size:24px;font-weight:900}.brand span{color:#b66cff}nav{display:flex;gap:18px;align-items:center}nav a{color:#ddd;text-decoration:none}.hero{min-height:430px;display:flex;align-items:center;padding:60px 8%;background:radial-gradient(circle at 75% 30%,#5f27bd55,transparent 35%),linear-gradient(135deg,#100b20,#08070d)}.eyebrow{color:#c98cff;font-weight:bold}.hero h1{font-size:clamp(42px,7vw,80px);margin:10px 0}.hero p{font-size:18px;color:#c9c4d3}.cta,.pay{display:inline-block;background:linear-gradient(135deg,#8f3fff,#c66bff);color:white;border:0;border-radius:10px;padding:14px 22px;font-weight:bold;text-decoration:none;cursor:pointer;box-shadow:0 8px 25px #7b36c844}main{max-width:1200px;margin:auto;padding:45px 5%}section{margin-bottom:65px}h2{font-size:30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:#11101a;border:1px solid #292331;border-radius:16px;padding:22px;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#9c55ff;box-shadow:0 10px 35px #7d39c922}.icon{font-size:40px}.price{font-size:26px;font-weight:900;color:#d08aff}.buy{width:100%;padding:12px;border:0;border-radius:9px;background:#7f35d8;color:white;font-weight:bold;cursor:pointer}button#cartBtn{background:#181323;border:1px solid #5b2bbf;color:white;border-radius:9px;padding:9px 12px}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:20;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.panel{position:relative;width:min(460px,100%);background:#12101a;border:1px solid #8242d2;border-radius:18px;padding:28px}.close{position:absolute;right:15px;top:15px;background:none;border:0;color:white;font-size:20px}.panel label{display:block;margin:18px 0 7px}.panel input{width:100%;padding:13px;background:#08070d;color:white;border:1px solid #3b3048;border-radius:8px}.pay{width:100%;margin-top:18px}.panel small{display:block;color:#9c96a8;margin-top:15px;line-height:1.5}.toast{position:fixed;right:20px;bottom:20px;background:#171321;border:1px solid #9b52ed;padding:14px 18px;border-radius:10px;display:none}footer{text-align:center;padding:35px;color:#777;border-top:1px solid #201b29}
@media(max-width:750px){header{flex-direction:column;gap:12px}nav{flex-wrap:wrap;justify-content:center}.hero{min-height:380px}}