*{box-sizing:border-box}
:root{--p:#a855ff;--p2:#6d28ff;--c:#15e6ff;--pink:#ff38d1;--bg:#050512;--panel:#0d1020;--panel2:#151936;--muted:#bdb4cf;--line:rgba(168,85,255,.36)}
html{scroll-behavior:smooth}
body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#050512;color:#fff;overflow-x:hidden}
.bg{position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(168,85,255,.25),transparent 32%),radial-gradient(circle at 85% 22%,rgba(21,230,255,.14),transparent 30%),linear-gradient(180deg,#070718,#050512 60%);z-index:-4}
.orb{position:fixed;border-radius:50%;filter:blur(85px);opacity:.5;z-index:-3;animation:drift 9s ease-in-out infinite}.o1{width:390px;height:390px;background:var(--p);left:-130px;top:120px}.o2{width:330px;height:330px;background:var(--c);right:-120px;top:230px;animation-delay:1.5s}.o3{width:280px;height:280px;background:var(--pink);left:38%;bottom:-110px;animation-delay:3s}@keyframes drift{50%{transform:translateY(-35px) translateX(18px) scale(1.07)}}
.topbar{position:sticky;top:0;z-index:99;display:flex;align-items:center;justify-content:space-between;padding:13px 6%;background:rgba(5,5,18,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand img{height:62px;filter:drop-shadow(0 0 22px rgba(168,85,255,.9))}.brand b{font-size:24px}.brand small{display:block;color:var(--muted);font-size:12px}
nav{display:flex;gap:10px;flex-wrap:wrap}nav button{background:rgba(255,255,255,.05);border:1px solid var(--line);padding:10px 12px;color:#e7d7ff}
button,.primary,.ghost{border:0;border-radius:16px;padding:13px 18px;font-weight:900;cursor:pointer;text-decoration:none;color:white;font-family:inherit;transition:.25s}.primary,.cartBtn{background:linear-gradient(135deg,var(--p),var(--p2));box-shadow:0 0 28px rgba(168,85,255,.35)}.ghost,.darkBtn,.backBtn{background:rgba(255,255,255,.06);border:1px solid var(--line)}button:hover,.primary:hover,.ghost:hover{transform:translateY(-3px);filter:brightness(1.12)}.cartBtn span{background:white;color:#6d28ff;border-radius:99px;padding:2px 8px}
.page{display:none}.page.active{display:grid}.hero{min-height:650px;padding:75px 6%;grid-template-columns:1.03fr .97fr;align-items:center;gap:32px}.pill,.eyebrow{display:inline-block;border:1px solid var(--line);background:rgba(168,85,255,.10);color:#dfc5ff;border-radius:999px;padding:9px 14px;font-weight:900;font-size:13px}.hero h1{font-size:74px;line-height:1.15;margin:18px 0}.hero h1 em{font-style:normal;color:#d4a5ff;text-shadow:0 0 30px rgba(168,85,255,.85)}.hero p{font-size:20px;color:var(--muted);max-width:700px}.heroBtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.miniStats{display:flex;gap:14px;margin-top:28px}.miniStats div{min-width:120px;text-align:center;padding:14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.miniStats b{display:block;color:#dfc0ff;font-size:24px}.miniStats span{color:var(--muted);font-size:12px}
.heroVisual{position:relative;display:grid;place-items:center;min-height:420px}.heroVisual img{width:88%;max-width:540px;filter:drop-shadow(0 0 50px rgba(168,85,255,.95));animation:float 3s ease-in-out infinite}.halo{position:absolute;width:430px;height:430px;border:2px solid rgba(168,85,255,.4);border-radius:50%;animation:spin 16s linear infinite}.halo:before{content:"";position:absolute;inset:35px;border:1px dashed rgba(21,230,255,.35);border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-18px)}}.floatCard{position:absolute;background:rgba(13,16,32,.86);border:1px solid var(--line);border-radius:16px;padding:12px 15px;font-weight:900;box-shadow:0 20px 50px rgba(0,0,0,.28);animation:bob 3s ease-in-out infinite}.fc1{top:60px;right:20px}.fc2{bottom:90px;right:0;animation-delay:.8s}.fc3{left:10px;bottom:150px;animation-delay:1.4s}@keyframes bob{50%{transform:translateY(-10px)}}
main{padding:10px 6% 80px}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:20px 0}.sectionHead h2,.pageHead h2,.how h2{font-size:42px;margin:10px 0}.sectionHead input{max-width:420px}.categoryCards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.catCard{min-height:240px;border-radius:28px;padding:22px;background:linear-gradient(180deg,#151936,#080b18);border:1px solid var(--line);position:relative;overflow:hidden;cursor:pointer;transition:.32s}.catCard:hover{transform:translateY(-10px);box-shadow:0 0 45px rgba(168,85,255,.42)}.catCard:before{content:"";position:absolute;inset:auto -40px -50px auto;width:170px;height:170px;background:radial-gradient(circle,var(--p),transparent 70%);opacity:.35}.catIcon{font-size:42px}.catCard h3{font-size:24px;margin:16px 0 8px}.catCard p{color:var(--muted)}.catCard b{position:absolute;bottom:20px;color:#d7b8ff}
.categoryPage.active{display:block}.pageHead{display:flex;gap:18px;align-items:center;padding:30px 0 10px}.pageHead p{color:var(--muted)}.tools{display:flex;gap:12px;margin:14px 0 22px}
input,select,textarea{width:100%;background:#101428;color:white;border:1px solid var(--line);border-radius:16px;padding:15px;outline:none;font-family:inherit}textarea{min-height:110px;resize:vertical}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{background:linear-gradient(180deg,#141936,#090b18);border:1px solid var(--line);border-radius:28px;overflow:hidden;transition:.32s;box-shadow:0 24px 70px rgba(0,0,0,.28)}.product:hover{transform:translateY(-12px) scale(1.01);box-shadow:0 0 45px rgba(168,85,255,.46)}.photo{height:210px;background:white;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:.3s}.product:hover img{transform:scale(1.08)}.body{padding:16px}.tag{display:inline-block;color:#dfc0ff;background:rgba(168,85,255,.14);border:1px solid var(--line);border-radius:99px;padding:5px 10px;font-size:12px}.product h3{margin:12px 0 8px}.product p{color:var(--muted);min-height:48px}.price{color:#d4a5ff;font-size:23px;font-weight:900;margin:10px 0}.productActions{display:grid;grid-template-columns:1fr auto;gap:8px}.detailsBtn{background:rgba(255,255,255,.06);border:1px solid var(--line);padding:12px}
.how{margin-top:38px;border:1px solid var(--line);border-radius:30px;padding:28px;background:linear-gradient(135deg,rgba(168,85,255,.18),rgba(21,230,255,.06))}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps div{background:#101428;border:1px solid var(--line);border-radius:20px;padding:20px;text-align:center}.steps b{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));font-size:22px}
.cartPanel{position:fixed;top:0;left:-470px;width:450px;max-width:94vw;height:100vh;background:rgba(8,10,22,.98);border-right:1px solid var(--line);z-index:220;transition:.3s;padding:18px;display:flex;flex-direction:column;backdrop-filter:blur(18px)}.cartPanel.open{left:0}.cartHead{display:flex;justify-content:space-between;align-items:center}#closeCart{background:#1b2037;font-size:24px;padding:8px 14px}#cartItems{max-height:35vh;overflow:auto}.cartItem{background:#101428;border:1px solid var(--line);border-radius:18px;padding:12px;margin:10px 0}.cartItem button{padding:7px 11px;border-radius:10px}.checkout{display:grid;gap:9px}.cartFoot{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:8px}.total{font-size:22px;font-weight:900}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.76);display:none;align-items:center;justify-content:center;padding:18px;z-index:300}.modal.open{display:flex}.modalBox{width:760px;max-width:96vw;background:#090c1a;border:1px solid var(--line);border-radius:28px;padding:24px;position:relative;box-shadow:0 0 70px rgba(168,85,255,.22)}.modalClose{position:absolute;left:16px;top:16px;background:#1b2037}.detailsGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detailsGrid img{width:100%;height:330px;object-fit:cover;border-radius:22px;background:white}.modalActions{display:flex;gap:10px;flex-wrap:wrap}#orderText{min-height:270px}
#toast{position:fixed;right:22px;bottom:22px;background:linear-gradient(135deg,var(--p),var(--p2));padding:14px 18px;border-radius:16px;font-weight:900;opacity:0;transition:.25s;z-index:400}#toast.show{opacity:1}.reveal{opacity:0;transform:translateY(25px);transition:.7s}.reveal.show{opacity:1;transform:translateY(0)}
@media(max-width:1150px){.categoryCards{grid-template-columns:repeat(3,1fr)}.productGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center}.heroBtns,.miniStats{justify-content:center}.categoryCards,.productGrid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}nav{display:none}.sectionHead{display:block}.sectionHead input{max-width:100%}.detailsGrid{grid-template-columns:1fr}}
@media(max-width:560px){.hero h1{font-size:42px}.categoryCards,.productGrid,.steps{grid-template-columns:1fr}.miniStats{flex-direction:column}.floatCard{display:none}.halo{width:300px;height:300px}.pageHead{display:block}}