@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#070916;--panel:#0f1226;--text:#f8f8ff;--sub:#a9b2d4;--line:#34335d;--purple:#8856ff;--blue:#118fff;--gold:#ffb32b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 53% 10%,#20104b 0%,#090a1c 36%,#070916 75%);color:var(--text);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.wrap{width:min(1320px,calc(100% - 52px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:50;background:white;color:black;padding:12px}.ambient{position:absolute;z-index:-1;pointer-events:none;filter:blur(80px);opacity:.24;border-radius:50%}.amb1{width:440px;height:440px;background:#6529ef;top:200px;right:10%}.amb2{width:400px;height:380px;background:#0856d8;top:610px;left:-10%}
header{height:78px;position:sticky;top:0;z-index:30;background:#090b1bdc;border-bottom:1px solid #ffffff19;backdrop-filter:blur(18px)}.header{height:100%;display:flex;align-items:center;gap:30px}.brand{font-size:27px;letter-spacing:-1.6px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#9154ff,#087cff);box-shadow:0 0 25px #633cff70;font-size:23px}.brand em{font-style:normal;color:#7d8eff}.nav{display:flex;gap:6px;margin:auto}.nav a{padding:11px 15px;border-radius:12px;color:#b8bfdc;font-size:13px;font-weight:800;transition:.2s}.nav a:hover,.nav a:first-child{background:#29215b;color:white}.bot{display:flex;gap:11px;align-items:center;border:1px solid #393761;background:#15172c;border-radius:15px;padding:10px 14px;font-weight:800;font-size:12px;white-space:nowrap}.bot-icon{background:#129be9;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;font-size:17px}.bot small{display:block;color:#8c96c1;font-size:10px;font-weight:600}
.hero{display:grid;grid-template-columns:52% 48%;align-items:center;min-height:470px;position:relative;padding:52px 0 44px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border:1px solid #484174;border-radius:100px;background:#17132d;font-size:11px;letter-spacing:1px;color:#c5bcff;font-weight:800}.eyebrow i{font-style:normal;color:#ffbc45}.hero h1{font-size:clamp(38px,4.2vw,65px);letter-spacing:-3.4px;line-height:1.1;margin:24px 0 19px;font-weight:800}.hero h1 span{background:linear-gradient(90deg,#d67eff,#6b6fff,#45b9ff);background-clip:text;color:transparent}.hero p{color:#aeb6d5;font-size:16px;line-height:1.8;max-width:545px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{border:0;display:inline-flex;justify-content:center;align-items:center;gap:11px;padding:15px 23px;border-radius:14px;color:white;font-weight:800;font-size:13px;background:linear-gradient(115deg,#a142f5,#5543f4 60%,#148dff);box-shadow:0 0 24px #8240fb60;transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn:focus-visible,.nav a:focus-visible,.bot:focus-visible,.product:focus-visible{outline:3px solid #c1aaff;outline-offset:3px}.btn.ghost{background:#17162f;border:1px solid #44416f;box-shadow:none}.hero-visual{height:405px;position:relative;overflow:hidden;isolation:isolate;border-radius:30px}.hero-visual:before{content:"";position:absolute;inset:5% 0 0;background:radial-gradient(ellipse at center,#6636f86b,transparent 65%);filter:blur(35px);z-index:-1}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;mask-image:radial-gradient(ellipse 75% 73% at 50% 50%,black 45%,transparent 100%);filter:drop-shadow(0 0 20px #6247ff70);animation:float 7s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-visual .spark{position:absolute;width:6px;height:6px;background:#b8c9ff;border-radius:50%;box-shadow:0 0 18px 4px #7365ff;animation:twinkle 3s infinite alternate}.spark.s1{top:20%;left:20%}.spark.s2{top:65%;right:12%;animation-delay:1s}.spark.s3{top:13%;right:25%;animation-delay:2s}@keyframes twinkle{to{opacity:.15;transform:scale(.5)}}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#111329b0;border:1px solid #2c2d52;border-radius:20px;padding:20px 0;margin-bottom:65px}.benefit{display:flex;gap:12px;align-items:center;padding:0 23px;border-right:1px solid #353455}.benefit:last-child{border-right:0}.benefit .ico{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#302052;color:#b7a1ff;font-size:20px;flex-shrink:0}.benefit b{display:block;font-size:12px}.benefit span{display:block;font-size:11px;color:#9fa6c7;margin-top:5px;line-height:1.5}.section-title{margin:0 0 25px;display:flex;justify-content:space-between;align-items:end}.section-title .mini{font-size:12px;color:#ac8fff;font-weight:800;letter-spacing:2px}.section-title h2{font-size:clamp(29px,3vw,40px);margin:9px 0 6px;letter-spacing:-1.5px}.section-title p{margin:0;color:#9da5c6;font-size:13px}.section-title .count{color:#877fba;font-size:11px;letter-spacing:2px;font-weight:800}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.product{position:relative;border:1px solid #6b4b31;background:linear-gradient(160deg,#26140d,#150f1a 75%);border-radius:24px;overflow:hidden;min-height:430px;transition:transform .25s,border-color .25s,box-shadow .25s;transform-style:preserve-3d}.product.premium{border-color:#5b3287;background:linear-gradient(160deg,#231037,#100d22 75%)}.product.steam{border-color:#174c94;background:linear-gradient(160deg,#071d3e,#090e24 75%)}.product:hover{transform:translateY(-6px);box-shadow:0 24px 60px #0008}.product:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#090914 78%);z-index:1;pointer-events:none}.product .art{height:275px;width:100%;object-fit:cover;object-position:center top;display:block;transition:transform .6s;filter:saturate(1.12)}.product:hover .art{transform:scale(1.07)}.product .tag{position:absolute;top:17px;left:17px;z-index:2;padding:9px 13px;border:1px solid #b36c2e88;border-radius:100px;color:#ffc166;background:#2b190bcf;font-size:10px;font-weight:800;letter-spacing:.5px}.product.premium .tag{border-color:#7243bc;color:#caa3ff;background:#2b1746}.product.steam .tag{border-color:#175dba;color:#75c9ff;background:#092a54}.product-body{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:25px}.product h3{font-size:24px;letter-spacing:-1px;margin:0 0 8px}.product p{font-size:12px;color:#c3c5db;line-height:1.65;margin:0 0 17px;max-width:260px}.product .buy{display:flex;justify-content:space-between;align-items:center;border-radius:12px;background:linear-gradient(100deg,#8f4e0c,#b47a14);padding:13px 16px;font-weight:800;font-size:12px}.product.premium .buy{background:linear-gradient(100deg,#4d16ae,#7433df)}.product.steam .buy{background:linear-gradient(100deg,#075bb7,#087fe9)}.product .buy i{font-style:normal;font-size:18px}
.promo{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:26px 0 80px;border-radius:22px;padding:27px 31px;border:1px solid #403e6a;background:radial-gradient(ellipse at 85% 40%,#15548d55,transparent 50%),linear-gradient(110deg,#21183e,#101b2c)}.promo h3{font-size:19px;margin:0 0 8px}.promo p{font-size:12px;color:#aab1cc;margin:0;line-height:1.6}.promo a{white-space:nowrap;padding:13px 18px;border:1px solid #67668c;border-radius:11px;font-weight:800;font-size:12px}
.checkout{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;padding:36px 0 75px}.checkout .intro h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-2px;margin:12px 0}.checkout .intro p{font-size:14px;color:#a7afcc;line-height:1.9;max-width:410px}.steps{display:grid;gap:18px;margin-top:25px}.step{display:flex;gap:14px;align-items:center;color:#c3c6df;font-size:13px}.step b{display:grid;place-items:center;width:33px;height:33px;border:1px solid #554587;border-radius:10px;background:#261c48;color:#c2a7ff}.form-card{border:1px solid #3a3966;background:linear-gradient(155deg,#1b1b38,#0e1225);border-radius:23px;padding:27px;box-shadow:0 30px 80px #0005}.form-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.form-top h3{font-size:20px;margin:0}.demo{font-size:10px;color:#bfb0f5;border:1px solid #594d80;padding:7px 10px;border-radius:99px;background:#2d2348}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;background:#0b0d1c;border-radius:13px;margin-bottom:23px}.tabs button{padding:12px 5px;border:0;border-radius:10px;background:transparent;color:#adb3d1;font-size:12px;font-weight:800}.tabs button.active{background:linear-gradient(110deg,#5832b6,#8256ea);color:white}.field{margin:0 0 17px}.field label{display:block;font-size:12px;color:#c6c9df;margin-bottom:8px;font-weight:700}.field input{width:100%;padding:15px;border-radius:11px;border:1px solid #383b5c;background:#0b0e1e;color:white;outline:none}.field input:focus{border-color:#9b7aff}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:11px 0 18px}.chips button{background:#202341;border:1px solid #393c63;color:#d1d5ee;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:800}.chips button.active{background:#423077;border-color:#9d7cff}.sum{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0;border-top:1px solid #383852}.sum span{font-size:12px;color:#aab0cd}.sum b{font-size:14px}.form-card .btn{width:100%}.hint{font-size:11px;color:#939bbb;line-height:1.7;margin:12px 0 0}.warning{font-size:12px;color:#d5c7e3;background:#291e39;border:1px solid #584166;border-radius:10px;padding:12px;margin-bottom:15px}.status{font-size:12px;color:#d7c6ff;line-height:1.6;min-height:1.4em;margin:12px 0 0}
.faq{padding:55px 0 90px}.faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq details{border:1px solid #303253;background:#111429;border-radius:14px;padding:19px 21px}.faq summary{cursor:pointer;font-size:13px;font-weight:800}.faq details p{color:#a9b1d0;font-size:12px;line-height:1.8;margin-bottom:0}.notice{padding:18px 20px;border:1px solid #5b477e;background:#211735;border-radius:14px;color:#d4c7e7;font-size:12px;line-height:1.8;margin-bottom:55px}footer{border-top:1px solid #2d2c4b;padding:28px 0 38px;color:#9299ba;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center}.foot a{color:#c2b2ff}
@media(max-width:980px){.nav{display:none}.header{justify-content:space-between}.hero{grid-template-columns:1fr;padding-top:48px}.hero-visual{height:350px}.benefits{grid-template-columns:repeat(2,1fr);row-gap:22px}.benefit:nth-child(2){border-right:0}.products{grid-template-columns:1fr 1fr}.checkout{grid-template-columns:1fr;gap:22px}}@media(max-width:650px){.wrap{width:min(100% - 30px,1320px)}header{height:68px}.brand{font-size:23px}.bot{padding:8px;font-size:11px}.bot small{display:none}.hero h1{letter-spacing:-2px}.hero{padding-top:35px}.hero-visual{height:260px}.hero p{font-size:14px}.benefits{padding:15px 0;margin-bottom:50px}.benefit{padding:0 12px;gap:8px}.benefit .ico{width:31px;height:31px;font-size:16px}.benefit b{font-size:10px}.benefit span{font-size:10px}.products{grid-template-columns:1fr}.product{min-height:430px}.product .art{height:290px}.promo{flex-direction:column;align-items:flex-start;padding:22px}.checkout{padding-top:10px}.form-card{padding:17px}.tabs button{font-size:11px}.faqgrid{grid-template-columns:1fr}.foot{flex-direction:column;align-items:flex-start}.section-title h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* v9 product and checkout */
.store-shell{padding:48px 0 100px;min-height:75vh}
.crumb{font-size:12px;color:#aaa6d1;margin-bottom:26px;display:flex;gap:10px;align-items:center}
.crumb a{color:#b8a8ff}
.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.store-art{position:relative;overflow:hidden;border:1px solid #403a75;border-radius:25px;background:#11152d;min-height:490px}
.store-art img{width:100%;height:490px;object-fit:cover;display:block}
.store-art .art-caption{position:absolute;bottom:22px;left:22px;font-size:11px;font-weight:800;letter-spacing:1px;color:#f0eaff;padding:10px 13px;background:#101326ad;border:1px solid #ffffff3d;border-radius:99px}
.store-art.stars{border-color:#845229}.store-art.premium{border-color:#674196}.store-art.steam{border-color:#1761aa}
.panel{background:linear-gradient(160deg,#191b38,#0f1327);border:1px solid #41416b;border-radius:24px;padding:30px}
.panel h1{font-size:clamp(27px,3vw,42px);line-height:1.18;letter-spacing:-1.5px;margin:10px 0 13px}
.panel .subtext{color:#aab4d5;line-height:1.75;font-size:13px;margin-bottom:24px}
.selector{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}
.selector button{border:1px solid #454269;background:#1d1d3b;border-radius:10px;padding:11px 15px;color:#d9d8f1;font-weight:800}
.selector button.active{border-color:#b19bff;background:#533b9a;color:white}
.formline{margin:0 0 20px}
.formline label{display:block;color:#c5c9e3;font-size:12px;font-weight:800;margin-bottom:9px}
.formline input{background:#0d1022;border:1px solid #42446c;border-radius:12px;color:white;padding:15px 16px;width:100%;outline:none}
.formline input:focus{border-color:#a69dff}
.help{font-size:11px;color:#929bbd;line-height:1.65;margin-top:8px}
.pricebox{margin:22px 0;background:#0d1022;border:1px solid #3d3d61;border-radius:16px;padding:20px}
.pricebox .price-row{display:flex;justify-content:space-between;gap:10px;margin:0 0 12px;color:#a9b2d1;font-size:12px}
.pricebox .price-row:last-child{margin-bottom:0}
.pricebox .price-row.total{border-top:1px solid #3c3b61;padding-top:17px;color:white;font-size:15px;font-weight:800}
.pricebox .price-row.total b{font-size:24px;color:#e1d7ff}
.panel .btn{width:100%;font-size:14px}
.disclose{margin:16px 0;color:#b6a4e8;font-size:12px;line-height:1.6;border:1px solid #57416e;background:#241b38;border-radius:12px;padding:13px}
.order-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:start}
.order-summary{display:grid;grid-template-columns:80px 1fr;gap:18px;align-items:center;border:1px solid #35365d;border-radius:16px;padding:13px;background:#101326;margin-bottom:20px}
.order-summary img{width:80px;height:80px;object-fit:cover;border-radius:11px}
.order-summary b{display:block;font-size:15px}.order-summary small{color:#a9b3d0;line-height:1.6}
.order-total{font-size:27px;font-weight:800;color:#e4ddff;margin:18px 0}
.mock-btn{border:1px solid #544575;border-radius:12px;padding:15px;background:#27213e;color:#c7b7e9;font-weight:800;width:100%}
.info-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #363756;padding:13px 0;font-size:13px}
.info-row span{color:#a6afce}.info-row strong{overflow-wrap:anywhere;text-align:right}
.empty{padding:60px 30px;text-align:center;border:1px solid #3c3a62;border-radius:23px;background:#121529}
.empty h2{margin:0 0 12px}.empty p{color:#b5bad1}
.demo-tag{display:inline-block;border:1px solid #674e9d;background:#291e49;color:#d4c5ff;padding:8px 12px;border-radius:99px;font-size:11px;font-weight:800}
@media(max-width:850px){.store-grid,.order-layout{grid-template-columns:1fr}.store-art{min-height:280px}.store-art img{height:320px}.panel{padding:20px}.store-shell{padding-top:28px}}


.admin-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;padding:38px 0 90px;min-height:75vh}
.admin-side{border:1px solid #3d3965;background:#12142b;border-radius:20px;padding:18px;align-self:start;position:sticky;top:95px}
.admin-side h3{font-size:13px;color:#aeb2d5;margin:7px 10px 20px}
.admin-side button{display:block;width:100%;text-align:left;padding:13px 14px;margin:5px 0;border:0;border-radius:12px;background:transparent;color:#c2c7df;font-weight:800}
.admin-side button.active,.admin-side button:hover{background:#33245d;color:white}
.admin-main h1{font-size:34px;letter-spacing:-1px;margin:0 0 8px}
.admin-main .lead{color:#a8afd0;margin:0 0 24px;line-height:1.6}
.admin-warning{padding:15px 18px;background:#291d3c;border:1px solid #69538e;border-radius:14px;color:#d5c5ff;font-size:12px;line-height:1.65;margin-bottom:24px}
.admin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
.admin-metric{padding:20px;border-radius:18px;background:#171a33;border:1px solid #3d3e66}
.admin-metric strong{display:block;font-size:29px;margin:10px 0}.admin-metric span{color:#aeb3d1;font-size:12px}
.admin-panel{border:1px solid #3a3d67;background:linear-gradient(145deg,#17192f,#101327);border-radius:22px;padding:24px;margin:20px 0}
.admin-panel h2{font-size:21px;margin:0 0 18px}
.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.admin-field label{display:block;color:#c4c6e2;font-size:12px;font-weight:800;margin-bottom:8px}
.admin-field input,.admin-field textarea,.admin-field select,.admin-table select{width:100%;border-radius:10px;border:1px solid #42446c;background:#0d1021;color:white;padding:12px;outline:none}
.admin-field textarea{min-height:100px;resize:vertical}
.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{border-color:#aa92ff}
.admin-field .help{font-size:11px;color:#9fa7c9;margin:7px 0 0}
.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;align-items:center}
.admin-actions .btn{box-shadow:none}
.admin-table-wrap{overflow-x:auto}
.admin-table{border-collapse:collapse;width:100%;font-size:12px;min-width:650px}
.admin-table th{text-align:left;color:#9ba4c9;padding:13px 10px;border-bottom:1px solid #484565}
.admin-table td{padding:14px 10px;border-bottom:1px solid #2c304b;vertical-align:middle}
.admin-table td strong{display:block}
.admin-table td small{color:#98a2c8}
.admin-table button{border:1px solid #555074;background:#27233e;border-radius:9px;color:#e7dcff;padding:9px 12px;margin:3px}
.admin-table select{min-width:165px}
.admin-empty{padding:24px;color:#aeb3d0;text-align:center}
.admin-status{min-height:22px;color:#b9ffdb;font-size:12px;margin-top:13px}
.admin-badge{display:inline-flex;border-radius:99px;padding:6px 10px;border:1px solid #62518b;background:#30254c;color:#d2c1ff;font-size:10px;font-weight:800}
@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-side{position:static;display:flex;flex-wrap:wrap;gap:7px}.admin-side h3{width:100%;margin:0}.admin-side button{width:auto}.admin-grid{grid-template-columns:1fr}.admin-cards{grid-template-columns:1fr}}

[hidden]{display:none!important}

.legal-links{display:flex;gap:13px;flex-wrap:wrap;width:100%;padding-top:15px;border-top:1px solid #343455}.legal-links a{font-size:12px;color:#c4c7e5;text-decoration:underline;text-underline-offset:3px}.foot{flex-wrap:wrap}