:root{--bg:#060912;--bg2:#0b1020;--card:#0e1426;--text:#eef3ff;--muted:#8d99b8;--a:#38e1ff;--a2:#8b5cff;--r:18px;--fh:'Poppins',system-ui,sans-serif;--fb:'Inter',system-ui,sans-serif;--hs:1;--on:#10131a;--line:color-mix(in srgb,var(--text) 10%,transparent);--line2:color-mix(in srgb,var(--text) 18%,transparent)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--fb);font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 12% 0%,color-mix(in srgb,var(--a) 24%,transparent),transparent 70%),radial-gradient(50% 45% at 92% 18%,color-mix(in srgb,var(--a2) 21%,transparent),transparent 70%),radial-gradient(70% 40% at 50% 110%,color-mix(in srgb,var(--a) 13%,transparent),transparent 70%)}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%);}
.w-blk{position:relative;z-index:1}
.w-blk--menu.is-sticky{position:sticky;top:0;z-index:50}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.w-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.w-wrap--narrow{max-width:860px}
.w-center{text-align:center}
.w-stack{display:flex;flex-direction:column;gap:12px}
.w-menu{background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.w-menu__in{display:flex;align-items:center;gap:22px;height:72px}
.w-brand{display:flex;align-items:center;gap:12px;font-family:var(--fh);font-weight:800;font-size:20px;letter-spacing:.02em}
.w-brand__mark{width:38px;height:38px;border-radius:calc(var(--r) * .55);display:grid;place-items:center;background:linear-gradient(135deg,var(--a),var(--a2));color:var(--on);font-size:18px;box-shadow:0 6px 22px color-mix(in srgb,var(--a) 45%,transparent)}
.w-nav{display:flex;gap:4px;margin-left:12px;flex:1}
.w-nav__a{padding:9px 14px;border-radius:calc(var(--r) * .6);color:var(--muted);font-weight:600;font-size:15px;transition:.2s}
.w-nav__a:hover{color:var(--text);background:var(--line)}
.w-menu__r{display:flex;align-items:center;gap:12px;margin-left:auto}
.w-burger{display:none;margin-left:auto;background:none;border:0;cursor:pointer;width:42px;height:42px;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.w-burger i{display:block;width:22px;height:2px;background:var(--text);border-radius:2px}
.w-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:calc(var(--r) * .7);font-family:var(--fh);font-weight:700;font-size:15px;letter-spacing:.02em;cursor:pointer;border:1px solid transparent;transition:.22s;white-space:nowrap}
.w-btn--sm{padding:10px 18px;font-size:14px}
.w-btn--block{display:flex;width:100%}
.w-btn--p{background:linear-gradient(135deg,var(--a),var(--a2));color:var(--on);box-shadow:0 10px 30px color-mix(in srgb,var(--a) 41%,transparent)}
.w-btn--p:hover{transform:translateY(-2px);box-shadow:0 14px 40px color-mix(in srgb,var(--a) 55%,transparent);filter:brightness(1.08)}
.w-btn--g{background:var(--line);color:var(--text);border-color:var(--line2)}
.w-btn--g:hover{background:var(--line2);transform:translateY(-2px)}
.w-ip{position:relative;display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:calc(var(--r) * .7);background:var(--card);border:1px dashed var(--line2);color:var(--text);cursor:pointer;font-family:inherit;font-size:14px;transition:.2s}
.w-ip:hover{border-color:var(--a)}
.w-ip__k{font-family:var(--fh);font-weight:800;font-size:11px;padding:3px 7px;border-radius:calc(var(--r) * .4);background:var(--a);color:var(--on)}
.w-ip b{font-weight:700;letter-spacing:.02em}
.w-ip small{position:absolute;left:50%;top:-30px;transform:translateX(-50%);background:var(--a);color:var(--on);padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}
.w-ip.is-ok small{opacity:1}
.w-ip--big{padding:14px 20px;font-size:17px}
.w-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:color-mix(in srgb,var(--a) 14%,transparent);border:1px solid color-mix(in srgb,var(--a) 32%,transparent);color:var(--a);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.w-dot{width:8px;height:8px;border-radius:50%;background:var(--a);box-shadow:0 0 0 0 var(--a);animation:wpulse 1.8s infinite;display:inline-block}
@keyframes wpulse{70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
.w-h1{font-family:var(--fh);font-weight:800;line-height:1.04;letter-spacing:-.01em;font-size:calc(clamp(40px,6.4vw,78px) * var(--hs));margin:20px 0 18px}
.w-h1--sm{font-size:calc(clamp(34px,4.6vw,56px) * var(--hs))}
.w-h1 em,.w-h2 em{font-style:normal;background:linear-gradient(90deg,var(--a),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}
.w-h2{font-family:var(--fh);font-weight:800;line-height:1.15;font-size:calc(clamp(26px,3.4vw,40px) * var(--hs))}
.w-lead{font-size:19px;color:var(--muted);max-width:560px}
.w-sub{color:var(--muted);font-size:17px;max-width:640px}
.w-hero{position:relative;padding:96px 0 84px;background-size:cover;background-position:center}
.w-hero__in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.w-hero--center .w-hero__in{grid-template-columns:1fr;text-align:center;justify-items:center}
.w-hero--center .w-lead{margin:0 auto}
.w-hero--center .w-hero__skin{display:none}
.w-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 26px}
.w-hero--center .w-hero__cta,.w-hero--center .w-hero__meta{justify-content:center}
.w-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.w-online{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:15px}
.w-online b{color:var(--text);font-family:var(--fh)}
.w-hero__skin{position:relative;display:grid;place-items:center;min-height:420px}
.w-hero__skin img{position:relative;z-index:2;height:400px;width:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.55));animation:wfloat 5s ease-in-out infinite}
.w-hero__orb{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--a) 58%,transparent),transparent 68%);filter:blur(6px)}
.w-float{position:absolute;z-index:3;padding:9px 16px;border-radius:calc(var(--r) * .7);background:color-mix(in srgb,var(--card) 88%,transparent);border:1px solid var(--line2);backdrop-filter:blur(10px);font-family:var(--fh);font-weight:700;font-size:14px;animation:wfloat 4s ease-in-out infinite}
.w-float--a{top:12%;right:4%;color:var(--a)}
.w-float--b{bottom:20%;left:4%;color:var(--a2);animation-delay:-1.5s}
.w-float--c{bottom:8%;right:10%;animation-delay:-2.6s}
@keyframes wfloat{50%{transform:translateY(-14px)}}
.w-pagehead{padding:72px 0 24px;text-align:center}
.w-pagehead .w-lead{margin:0 auto}
.w-sec{padding:72px 0}
.w-sec--tight{padding:20px 0}
.w-sec__head{text-align:center;margin-bottom:44px;display:flex;flex-direction:column;align-items:center;gap:14px}
.w-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:.25s}
.w-card:hover{border-color:color-mix(in srgb,var(--a) 45%,transparent);box-shadow:0 18px 50px -20px color-mix(in srgb,var(--a) 48%,transparent)}
.w-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:20px}
.w-grid--4{--cols:4}
.w-stat{text-align:center;padding:26px 16px}
.w-stat b{display:block;font-family:var(--fh);font-weight:800;font-size:34px;background:linear-gradient(90deg,var(--a),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}
.w-stat span{color:var(--muted);font-size:14px}
.w-feat__ico{width:54px;height:54px;border-radius:calc(var(--r) * .7);display:grid;place-items:center;font-size:26px;margin-bottom:16px;background:color-mix(in srgb,var(--a) 14%,transparent);border:1px solid color-mix(in srgb,var(--a) 30%,transparent)}
.w-feat h3,.w-prod h3{font-family:var(--fh);font-size:19px;margin-bottom:6px}
.w-feat p,.w-prod p{color:var(--muted);font-size:15px}
.w-prod{position:relative;display:flex;flex-direction:column;gap:6px;--pc:var(--a)}
.w-prod:hover{transform:translateY(-6px)}
.w-prod__ico{width:100%;height:120px;border-radius:calc(var(--r) * .7);display:grid;place-items:center;font-size:54px;margin-bottom:10px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--pc,var(--a)) 38%,transparent),transparent 75%),color-mix(in srgb,var(--text) 4%,transparent)}
.w-prod p{flex:1}
.w-prod__price{display:flex;align-items:baseline;gap:10px;margin:10px 0 6px}
.w-prod__price b{font-family:var(--fh);font-size:24px;color:var(--text)}
.w-prod__price s{color:var(--muted);font-size:14px}
.w-badge{position:absolute;top:14px;right:14px;z-index:2;padding:4px 10px;border-radius:99px;background:var(--a2);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.w-topup{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding:34px}
.w-topup__r{display:flex;flex-direction:column;gap:14px}
.w-input{width:100%;padding:14px 16px;border-radius:calc(var(--r) * .6);background:color-mix(in srgb,var(--text) 5%,transparent);border:1px solid var(--line2);color:var(--text);font:inherit;outline:none;transition:.2s}
.w-input:focus{border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 22%,transparent)}
.w-chips{display:flex;flex-wrap:wrap;gap:8px}
.w-chip{padding:10px 16px;border-radius:calc(var(--r) * .6);background:transparent;border:1px solid var(--line2);color:var(--text);font:inherit;font-weight:700;cursor:pointer;transition:.2s}
.w-chip:hover{border-color:var(--a)}
.w-chip.is-on{background:var(--a);border-color:var(--a);color:var(--on)}
.w-list{padding:8px 20px}
.w-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}
.w-row:last-child{border:0}
.w-row img{width:38px;height:38px;border-radius:calc(var(--r) * .4);image-rendering:pixelated}
.w-row__t{flex:1;display:flex;flex-direction:column;line-height:1.3}
.w-row__t span{color:var(--muted);font-size:14px}
.w-row small{color:var(--muted);font-size:13px;font-weight:600}
.w-row__n{width:24px;text-align:center;font-family:var(--fh);font-weight:800;color:var(--muted)}
.w-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end;margin-bottom:20px}
.w-pod{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 12px}
.w-pod img{height:130px;width:auto;margin-bottom:6px;image-rendering:pixelated}
.w-pod b{font-family:var(--fh);font-size:17px}
.w-pod span:last-child{color:var(--a);font-weight:800}
.w-pod__n{position:absolute;top:10px;left:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--line2);font-family:var(--fh);font-weight:800;font-size:14px}
.w-pod--1{padding-top:36px;border-color:color-mix(in srgb,var(--a) 50%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--a) 14%,var(--card)),var(--card))}
.w-pod--1 img{height:170px}
.w-pod--1 .w-pod__n{background:linear-gradient(135deg,var(--a),var(--a2));color:var(--on)}
.w-dc{display:flex;align-items:center;gap:28px;padding:34px;background:linear-gradient(120deg,color-mix(in srgb,var(--a) 20%,var(--card)),color-mix(in srgb,var(--a2) 14%,var(--card)))}
.w-dc__ico{width:76px;height:76px;border-radius:calc(var(--r) * .9);display:grid;place-items:center;font-size:38px;background:var(--line);flex:none}
.w-dc__t{flex:1}
.w-dc__t p{color:var(--muted);margin:8px 0 12px}
.w-tag{display:inline-block;padding:5px 12px;border-radius:99px;background:var(--line);font-size:13px;font-weight:700}
.w-cta{text-align:center;padding:60px 28px;border-radius:var(--r);background:linear-gradient(135deg,color-mix(in srgb,var(--a) 26%,var(--card)),color-mix(in srgb,var(--a2) 22%,var(--card)));border:1px solid var(--line2)}
.w-cta p{color:var(--muted);margin:12px auto 26px;max-width:520px}
.w-cta__r{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;align-items:center}
.w-mem{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}
.w-mem img{width:76px;height:76px;margin-bottom:10px;border-radius:calc(var(--r) * .5);image-rendering:pixelated}
.w-mem span{color:var(--a);font-size:14px;font-weight:700}
.w-voucher{display:flex;flex-direction:column;gap:14px;padding:34px;text-align:center}
.w-voucher .w-sub{margin:0 auto 6px}
.w-faq{padding:0}
.w-faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px}
.w-faq summary::-webkit-details-marker{display:none}
.w-faq summary::after{content:'+';font-size:22px;color:var(--a);transition:.2s}
.w-faq[open] summary::after{transform:rotate(45deg)}
.w-faq p{padding:0 22px 20px;color:var(--muted)}
.w-prose{padding:34px 38px}
.w-prose.is-center{text-align:center}
.w-prose h2{margin-bottom:18px}
.w-prose h3{font-family:var(--fh);font-size:20px;margin:26px 0 8px;color:var(--a)}
.w-prose p,.w-prose li{color:var(--muted);margin-bottom:10px}
.w-prose ul{padding-left:22px;margin-bottom:12px}
.w-shot{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);border:1px solid var(--line)}
.w-foot{margin-top:40px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 85%,transparent)}
.w-foot__in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding:48px 0 30px}
.w-foot__b p{color:var(--muted);margin-top:14px;max-width:340px;font-size:15px}
.w-foot__l,.w-foot__s{display:flex;flex-direction:column;gap:10px;color:var(--muted)}
.w-foot__l a:hover,.w-foot__s a:hover{color:var(--a)}
.w-foot__c{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 0 28px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
@media(max-width:960px){
.w-hero__in{grid-template-columns:1fr;text-align:center;justify-items:center}
.w-hero .w-lead{margin:0 auto}
.w-hero__cta,.w-hero__meta{justify-content:center}
.w-hero__skin{min-height:340px}
.w-hero__skin img{height:320px}
.w-grid,.w-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.w-topup{grid-template-columns:1fr}
.w-foot__in{grid-template-columns:1fr 1fr}
.w-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;margin:0;padding:12px 24px 18px;background:var(--bg);border-bottom:1px solid var(--line)}
.w-nav.is-open{display:flex}
.w-burger{display:flex}
.w-menu__r{margin-left:0}
.w-menu__r .w-ip{display:none}
.w-menu{position:relative}
}
@media(max-width:600px){
.w-wrap{padding:0 18px}
.w-hero{padding:56px 0 48px}
.w-sec{padding:52px 0}
.w-grid,.w-grid--4{grid-template-columns:1fr}
.w-dc{flex-direction:column;text-align:center}
.w-podium{grid-template-columns:1fr}
.w-foot__in{grid-template-columns:1fr}
.w-menu__r .w-btn{display:none}
.w-lead{font-size:17px}
.w-prose{padding:24px 20px}
}