:root{--bg:#090910;--panel:#12121e;--panel2:#191629;--text:#f7f5ff;--muted:#aaa6bc;--purple:#9b69ff;--cyan:#55dfff;--line:#29263a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}.announcement{text-align:center;padding:9px;background:#171128;color:#c8b5ff;font-size:10px;letter-spacing:2px;font-weight:800}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);border-bottom:1px solid var(--line);position:sticky;top:0;background:#090910ed;backdrop-filter:blur(14px);z-index:5}
.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),#3c8cff);font-weight:1000;font-size:23px;box-shadow:0 0 25px #8955ff55}.brand strong,.brand small{display:block;letter-spacing:1.5px}.brand strong{font-size:15px}.brand small{font-size:9px;color:#bda5ff;letter-spacing:4px}
nav{display:flex;gap:30px;color:var(--muted);font-size:13px}nav a:hover{color:white}.cart-button,.icon-button{border:1px solid var(--line);background:var(--panel);color:white;padding:10px 15px;border-radius:10px;cursor:pointer}.cart-button span{background:var(--purple);border-radius:20px;padding:2px 7px;margin-left:7px}
.hero{min-height:510px;padding:75px max(8vw,24px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 78% 50%,#40226d55,transparent 42%),linear-gradient(115deg,#0b0a13,#100e1b)}
.eyebrow{font-size:10px;letter-spacing:2px;color:#bba0ff;font-weight:800}.hero h1{font-size:clamp(48px,7vw,86px);line-height:.95;letter-spacing:-4px;margin:20px 0}.hero h1 span,.about h2 span{background:linear-gradient(90deg,#b78aff,#58dcff);color:transparent;background-clip:text}.hero p,.about p{color:var(--muted);max-width:460px;line-height:1.8;font-size:14px}
.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:10px;padding:14px 19px;background:linear-gradient(100deg,#8150e8,#456cde);color:white;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 8px 30px #7447d933}.hero-meta{display:flex;gap:20px;margin-top:32px;color:#aaa3bd;font-size:11px}
.hero-art{height:330px;position:relative;display:grid;place-items:center}.orb{position:absolute;border:1px solid #9866ff66;border-radius:50%;transform:rotate(-25deg)}.orb-one{width:310px;height:210px;box-shadow:0 0 65px #8a50ff22}.orb-two{width:390px;height:270px;border-color:#52dfff44;transform:rotate(35deg)}.hero-console{width:175px;height:175px;border-radius:45px;display:grid;place-items:center;font-size:110px;font-weight:1000;color:#fff;background:linear-gradient(145deg,#29233e,#11111d);border:1px solid #a98aff88;box-shadow:0 0 75px #8c4dff55,inset 0 0 30px #fff1;transform:rotate(-12deg)}.hero-console span{color:#62dfff}.floating-chip{position:absolute;right:4%;bottom:12%;padding:13px 18px;border:1px solid #8060b9;background:#17132c;border-radius:12px;font-size:10px;letter-spacing:2px;transform:rotate(5deg);box-shadow:0 10px 30px #0008}.floating-chip b{font-size:16px}
.trust-strip{display:flex;justify-content:space-around;gap:20px;padding:25px 6%;background:#10101a;border-block:1px solid var(--line)}.trust-strip div{display:grid;gap:5px}.trust-strip b{font-size:13px}.trust-strip small{font-size:11px;color:var(--muted)}
.catalog-section{padding:75px max(7vw,22px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2,.drawer-heading h2{font-size:32px;margin:8px 0 0}.demo-label{font-size:9px;color:#e9c77a;border:1px solid #6b552b;padding:7px 10px;border-radius:30px;letter-spacing:1px}
.catalog-tools{display:flex;justify-content:space-between;gap:15px;margin:30px 0}.search-box{display:flex;gap:10px;align-items:center;max-width:360px;flex:1;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:0 13px;color:#a98aff}.search-box input{width:100%;background:none;border:0;outline:0;color:white;padding:13px 0}.filters{display:flex;gap:7px}.filter{background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:10px 17px;border-radius:9px;cursor:pointer}.filter.active{background:#30214b;border-color:#8055c8;color:white}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:linear-gradient(150deg,#171525,#101019);border:1px solid var(--line);border-radius:15px;padding:13px;transition:.2s}.product-card:hover{transform:translateY(-4px);border-color:#7554a8}.cover{height:170px;border-radius:10px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--glow),#171426 65%)}.cover:before,.cover:after{content:"";position:absolute;border:1px solid #ffffff28;border-radius:50%;width:170px;height:170px}.cover:after{width:125px;height:125px}.cover-icon{font-size:55px;z-index:1;text-shadow:0 0 25px var(--glow)}.platform-tag{position:absolute;top:10px;left:10px;background:#090910bb;border:1px solid #ffffff25;border-radius:6px;padding:5px 8px;font-size:9px;letter-spacing:1px}.product-card h3{font-size:14px;margin:14px 0 5px}.genre{color:var(--muted);font-size:11px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.price{font-size:17px;font-weight:900}.add-button{border:1px solid #7650b2;background:#281b3d;color:#e5d7ff;border-radius:8px;padding:9px 11px;font-size:11px;cursor:pointer}.add-button:hover{background:#55358b}
.about{padding:65px max(7vw,22px);background:linear-gradient(110deg,#171128,#0d1521);border-block:1px solid var(--line)}.about h2{font-size:clamp(32px,5vw,52px);margin:14px 0}.about p{max-width:650px}
footer{display:flex;justify-content:space-between;align-items:center;padding:28px max(5vw,22px);color:var(--muted);font-size:10px;gap:15px}
.drawer-backdrop{position:fixed;inset:0;background:#0009;z-index:9;opacity:0;pointer-events:none;transition:.2s}.cart-drawer{position:fixed;z-index:10;right:0;top:0;height:100dvh;width:min(420px,100%);background:#11101b;border-left:1px solid var(--line);padding:25px;transform:translateX(105%);transition:.25s;display:flex;flex-direction:column}.cart-open .cart-drawer{transform:translateX(0)}.cart-open .drawer-backdrop{opacity:1;pointer-events:auto}.drawer-heading{display:flex;justify-content:space-between;align-items:center}.icon-button{font-size:25px;padding:4px 12px}.cart-items{flex:1;overflow:auto;margin:25px 0}.cart-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.remove{background:none;border:0;color:#ff8eaa;cursor:pointer}.empty-cart,.cart-note{color:var(--muted);font-size:12px}.cart-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0}.cart-total strong{font-size:20px}.full{width:100%}.primary-button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:760px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:260px}.hero-console{width:135px;height:135px;font-size:80px}.orb-one{width:240px;height:160px}.orb-two{width:290px;height:210px}.trust-strip{display:grid;grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.cover{height:145px}.section-heading{align-items:start;flex-direction:column}.catalog-tools{flex-direction:column}.filters{width:100%}.filter{flex:1}footer{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.product-grid{grid-template-columns:1fr 1fr;gap:9px}.product-card{padding:8px}.cover{height:125px}.product-card h3{font-size:12px}.price{font-size:14px}.add-button{padding:8px;font-size:10px}.hero h1{letter-spacing:-2px}.hero-meta{flex-direction:column;gap:8px}}