/* TopUpWorld electric-blue visual system. Artwork and copy remain separate layers. */
:root{--bg:#020815;--panel:#061329;--cyan:#35e4ff;--blue:#087cff;--line:#224d83;--muted:#a6b9d7}
body{background:#020815;overflow-x:clip}body:before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 0 20%,#005aaa20,transparent 45%),radial-gradient(ellipse at 100% 70%,#3822a522,transparent 45%),#020815;pointer-events:none}
.container{max-width:1180px}.header{background:linear-gradient(180deg,#030814f5,#051126f5);border-bottom:1px solid #176ca3;box-shadow:0 4px 24px #001e4c70}.head-top{height:73px}.brand{width:208px}.head-nav{height:45px;gap:7px}.head-nav>a{font-size:12px;padding:7px 14px;white-space:nowrap}.head-nav>a.active{background:linear-gradient(120deg,#0876ff,#00bded);color:white;box-shadow:inset 0 0 8px #58faff,0 0 18px #008cff8a}.head-nav>a .icon{color:#4cddff;filter:drop-shadow(0 0 5px #00aaff)}.head-nav>a.active .icon{color:white}.header-search input{border-color:#164888;background:#03122c;box-shadow:inset 0 0 12px #11316b55}.balance-chip{background:#07162c;border-color:#244c76}.btn{background:linear-gradient(180deg,#09d6fa,#087bff 75%,#0751df);border:1px solid #55dcff;box-shadow:inset 0 0 7px #a2ffff77,0 0 17px #087bff55;text-shadow:0 2px 4px #023b85;border-radius:9px}.btn.secondary,.btn.ghost{background:linear-gradient(120deg,#0b2e56,#071329);border-color:#316699}.btn:hover{box-shadow:inset 0 0 12px #b8ffff88,0 0 26px #159cff88}.hero{height:462px;min-height:462px;isolation:isolate;background:#020b20;overflow:hidden;border-bottom:0}.hero-atmosphere{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#020815),url('/assets/nebula.png') center 42%/cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#02091799 0,transparent 52%);z-index:-1;pointer-events:none}.hero-grid{opacity:.08}.hero-inner{height:100%;min-height:0;position:relative;display:flex;justify-content:center;align-items:center}.hero-copy{width:510px;padding:5px 0 34px;position:relative;z-index:4;filter:drop-shadow(0 3px 9px #000)}.hero-copy:before{display:none}.hero-logo{width:345px;height:94px;object-fit:cover;margin:0 auto 3px;mix-blend-mode:screen}.hero h1{font-size:42px;line-height:1.13;font-weight:700;font-style:italic;letter-spacing:-1px;color:#effaff;text-shadow:0 2px 0 #335475,0 5px 12px #000,0 0 26px #0b69c255}.hero h1 span{display:inline-block;font-size:57px;background:linear-gradient(110deg,#62eeff 20%,#fff 35%,#00b4ff 49%,#3ee8ff 70%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 3px 0 #03478f);animation:textSheen 8s linear infinite}.hero-sub{color:#fff;font-size:19px;margin:12px 0 21px;font-style:italic}.hero-search{max-width:450px;border:1px solid #67eaff;box-shadow:0 0 5px #63eaff,0 0 26px #0084ff99;border-radius:50px;min-height:48px}.hero-search input{font-size:12px}.hero-note{margin-top:17px;color:#c2e5ff;gap:22px;font-size:10px}.hero-figure{height:470px;width:367px;object-fit:contain;left:-35px;bottom:-23px;opacity:1;mask-image:linear-gradient(#000 85%,transparent);filter:drop-shadow(0 0 19px #007bff8a);z-index:2}.hero-floats{right:2px;top:85px;transform:none;opacity:1;z-index:3;width:236px}.float-tile{width:83px;height:85px;border:1px solid #53c8ff;border-radius:14px;background:linear-gradient(150deg,#073080,#01081c 80%);box-shadow:inset 0 0 12px #4bbdff66,0 0 7px #19baff,0 0 20px #006bff6a;padding:15px}.float-tile:nth-child(2){left:96px;top:18px}.float-tile:nth-child(3){left:153px;top:101px}.float-tile:nth-child(4){left:58px;top:118px}.float-tile:nth-child(5){left:140px;top:205px}.float-tile:nth-child(6){left:-33px;top:187px}.orb{opacity:.2}.orbit{border:1px solid #0ab5ff80;box-shadow:0 0 15px #008cff55;opacity:.25;width:900px;height:300px;top:75px}.crystal-field{position:absolute;inset:0;z-index:1;pointer-events:none}.crystal-field i{position:absolute;width:23px;height:51px;background:conic-gradient(from 45deg,#ebffff,#00c8ff,#054dff,#9dfaff,#008aff);clip-path:polygon(50% 0,100% 40%,50% 100%,0 60%);filter:drop-shadow(0 0 9px #00aaff);transform:rotate(20deg);animation:crystalDrift 8s ease-in-out infinite}.crystal-field i:nth-child(1){left:32%;top:30px}.crystal-field i:nth-child(2){right:3%;top:16%;width:35px;height:65px;animation-delay:-4s}.crystal-field i:nth-child(3){left:3%;top:67%;animation-delay:-3s}.crystal-field i:nth-child(4){right:29%;top:75%;width:16px;height:32px;animation-delay:-6s}.crystal-field i:nth-child(5){left:25%;top:82%;width:12px;height:26px;animation-delay:-2s}
.shortcut-grid{position:relative;z-index:5;margin-top:-24px;gap:15px}.shortcut{border:1px solid #199fe3;box-shadow:inset 0 0 9px #188cff44,0 0 12px #087dff28;background:linear-gradient(120deg,#061f40ee,#020b1eee);border-radius:11px;padding:19px 17px}.shortcut:hover{border-color:#65eaff;box-shadow:0 0 25px #008cff55;transform:translateY(-3px)}.shortcut strong{font-size:16px}.shortcut small{font-size:10px;color:#b9c9dc}.ico-box,.heading-icon{background:linear-gradient(150deg,#084b8d,#00132c);border:1px solid #2bdcff;box-shadow:inset 0 0 9px #169aff88,0 0 12px #0088ff55;color:#43eaff}.ico-box .icon,.heading-icon .icon{filter:drop-shadow(0 0 4px #2fdfff);stroke-width:2}.heading-icon{width:41px;height:41px}.section{padding-top:42px}.section-title{margin-bottom:22px}.section-heading h2{font-size:28px;font-weight:700;letter-spacing:-.5px;text-shadow:0 0 24px #1786ff30}.section-heading small{color:#b8c8dd}.section-title>.link{background:#07315288;border:1px solid #15426c;padding:6px 13px;border-radius:30px}.game-grid{gap:19px}.card{background:linear-gradient(150deg,#0a1a3b,#02091c 78%);border:1px solid #6d8fff;padding:9px;border-radius:14px;box-shadow:inset 0 0 6px #639eff70,0 0 7px #148bff38;transition:transform .25s,box-shadow .25s}.card:before{opacity:.9}.card:after{opacity:1;padding:1px;background:conic-gradient(from var(--angle),transparent 12%,#007bff 30%,#91f5ff 40%,#fff 43%,#6f58ff 53%,transparent 66%);animation-duration:7s}.card:hover{transform:translateY(-6px);box-shadow:inset 0 0 8px #47baff99,0 0 22px #0099ff6a}.card-art{border-radius:10px;background:radial-gradient(ellipse at 50% 20%,#174ca2,#040b20 75%);overflow:hidden}.card-art img{transition:transform .5s}.card:hover .card-art img{transform:scale(1.055)}.card-body{padding:13px 5px 4px}.card-meta{font-size:10px;color:#a6bddb}.card-title{font-size:15px;line-height:1.4;min-height:42px;font-weight:600;margin:5px 0}.card-detail{font-size:11px;border-color:#24456c;margin-top:12px;padding-top:10px;color:#dceaff}.favorite{background:#020a1dd9;border:1px solid #7c9dbf88;right:8px;top:8px;width:31px;height:31px;backdrop-filter:none}.favorite .icon{width:18px}.favorite:hover{color:#7deaff;border-color:#7deaff}.card-apps,.card-mobile,.card-cards{--brand-glow:#0084ff}.service-grid{gap:19px;grid-template-columns:repeat(3,minmax(0,1fr))}.service-grid .card{padding:17px 18px 12px;min-height:207px;background:radial-gradient(ellipse at 15% 0%,color-mix(in srgb,var(--brand-glow),transparent 60%),transparent 65%),linear-gradient(135deg,#07142c,#02081a)}.service-grid .card-art{height:87px;background:none;display:flex;align-items:center;justify-content:center;border-radius:0}.service-grid .card-art img{width:76px;height:76px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 0 15px color-mix(in srgb,var(--brand-glow),transparent 55%))}.service-grid .card-body{padding:8px 0 0}.service-grid .card-title{min-height:0;font-size:16px;margin:2px 0}.service-grid .card-detail{margin-top:8px;padding-top:9px}.brand-netflix,.brand-youtube,.brand-true,.brand-garena{--brand-glow:#ff134f}.brand-spotify,.brand-ais,.brand-razer{--brand-glow:#00e579}.brand-canva{--brand-glow:#ae24ff}.brand-dtac,.brand-steam,.brand-disney{--brand-glow:#00aaff}.service-grid .brand-canva .card-art img,.service-grid .brand-playstation .card-art img{width:105px}.brand-valorant .card-art{background:radial-gradient(ellipse at top,#551527,#080c20)}.category-card-placeholder{font-style:italic;font-size:26px;color:#ff4161;text-shadow:0 0 18px #ff144b88}.brand-word{font-size:46px;font-weight:700;font-style:italic;letter-spacing:-2px;text-shadow:0 0 24px var(--brand-glow)}.brand-word.ais{color:#b4ef38}.brand-word.true{color:#ff344e;font-style:normal}.brand-word.dtac{color:#24c8ff;letter-spacing:-1px}.editorial{position:relative;isolation:isolate;margin-top:22px;min-height:430px;padding:25px 0;gap:24px}.editorial:before{content:'';position:absolute;inset:-25px -60px;z-index:-1;background:url('/assets/nebula.png') center/cover;opacity:.65;mask-image:radial-gradient(ellipse,#000 15%,transparent 72%);pointer-events:none}.editorial-copy{z-index:2}.editorial h2{font-size:42px;line-height:1.2;font-style:italic;font-weight:700;text-shadow:0 2px 1px #284761,0 0 25px #006eff44}.editorial p{color:#c7d6eb;line-height:1.8}.editorial .eyebrow{font-size:10px}.editorial-visual{height:440px;filter:drop-shadow(0 0 15px #007cff44)}.editorial-visual img{object-fit:contain}.feature-list .icon{color:#22dbff;filter:drop-shadow(0 0 5px #00aaff)}.editorial.in-view .editorial-visual{animation:artEnter 1s both}.editorial.reverse.in-view .editorial-visual{animation-name:artEnterReverse}.steps{gap:16px}.step{border-color:#2770ac;background:linear-gradient(115deg,#082243,#030c1d);box-shadow:inset 0 0 12px #0b74ff20}.footer{background:linear-gradient(#051024,#020610);border-top:1px solid #1b86cc;box-shadow:0 -12px 35px #007aff0a;margin-top:60px}.footer h3{font-size:15px}.footer .brand{width:230px}.footer p{font-size:12px}.footer-bottom{border-color:#19364f}.footer .link{margin-top:13px}
/* Shared inner-page treatment, keeping forms readable. */
.page{padding-top:26px;min-height:65vh}.page-intro{min-height:240px;border:1px solid #268ad2;border-radius:18px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;background:linear-gradient(90deg,#041027 12%,#041027bb 58%,#04102733),url('/assets/nebula.png') center/cover;box-shadow:inset 0 0 30px #096bff22,0 8px 45px #0005;padding:34px 40px;margin-bottom:28px}.intro-copy{position:relative;z-index:2;max-width:70%}.page-intro h1{font-size:42px;font-style:italic;font-weight:700;margin:9px 0;color:#effbff;text-shadow:0 3px 0 #13497d,0 0 25px #078bff66}.page-intro p{max-width:550px;color:#b8d9ff}.intro-art{position:absolute;right:-10px;top:-38px;height:320px;width:420px;object-fit:contain;z-index:0;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 25%)}.intro-orbit{position:absolute;right:-20px;bottom:40px;width:400px;height:110px;border-radius:50%;border:2px solid #2bc9ff;box-shadow:0 0 16px #009dff;transform:rotate(-18deg);opacity:.25}.panel,.modal{background:radial-gradient(ellipse at 0 0,#0d387044,transparent 65%),#061025;border:1px solid #2a659b;box-shadow:0 8px 35px #0005,inset 0 1px #67caff22}.panel-title{border-color:#244d78}.panel h2,.panel h3{color:#e8f8ff}.page .empty{background:radial-gradient(ellipse at 50% 0,#06488b50,transparent 75%),#051025;border:1px solid #225887;border-radius:16px;padding:50px 20px}.empty .btn{margin-top:18px}.empty>p{margin:12px 0}.tabs{scrollbar-width:none}.tab{background:#06162f;border-color:#245085;white-space:nowrap}.tab.active{color:#fff;background:linear-gradient(120deg,#076bf0,#008dce);border-color:#3bddff;box-shadow:0 0 13px #008cff55}.product-hero{position:relative;background:linear-gradient(90deg,#06162be8,#0310267a),url('/assets/nebula.png') center/cover;border:1px solid #2a81c4;box-shadow:0 0 22px #006fff25;padding:30px;border-radius:17px}.product-hero>img{width:102px;height:102px;border:1px solid #66cfff;box-shadow:0 0 20px #108bff70}.product-hero h1{font-size:38px;text-shadow:0 0 22px #0675d255}.form-step h3>span{background:linear-gradient(#13b9ff,#0853e5);box-shadow:0 0 12px #087aff55;border:1px solid #3dd9ff}.package{background:linear-gradient(145deg,#0a203e,#050f22);border-color:#2a4b78}.package.active{background:radial-gradient(ellipse at top,#0b72c966,#08234a);border-color:#50dcff;box-shadow:inset 0 0 13px #048dff40,0 0 14px #008cff33}.field input,.field select,.field textarea{background:#030d20;border-color:#214d7a}.summary-total strong{color:#49e5ff;text-shadow:0 0 20px #00c8ff44}.wallet-card{position:relative;overflow:hidden;background:linear-gradient(100deg,#073a79ec,#05225199),url('/assets/nebula.png') center/cover;border:1px solid #42d1ff;box-shadow:inset 0 0 22px #00aaff33,0 0 22px #005dff33;min-height:225px}.wallet-card:after{content:'W';position:absolute;right:18px;top:12px;font-size:160px;line-height:1.2;font-style:italic;font-weight:700;color:#21a6ff22;pointer-events:none}.credit-figure{color:#eaffff;text-shadow:0 0 22px #00b7ff66}.account-top{margin-top:26px}.account-top h1{font-size:30px}.user-avatar{background:linear-gradient(145deg,#0a6bce,#081b40);border-color:#58dbff;box-shadow:0 0 22px #00a6ff55}.stat{background:linear-gradient(140deg,#0b2a50,#050e22);border:1px solid #285c95}.stat strong{color:#68e9ff}.contact-line>.icon{color:#38d8ff;filter:drop-shadow(0 0 7px #008cff)}.faq details{background:#06142a;border-color:#204b79}.support-float{background:linear-gradient(#0e95e8,#054cbb);box-shadow:0 0 16px #0098ff66;border-color:#63dcff}
/* Motion uses transforms and opacity; scroll reveals run once. */
@keyframes textSheen{0%,65%{background-position:100% 0}100%{background-position:-100% 0}}@keyframes crystalDrift{50%{translate:0 -16px;rotate:8deg}}@keyframes artEnter{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}@keyframes artEnterReverse{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}@keyframes textEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hero-copy h1{animation:textEnter .7s .1s both}.hero-copy .hero-sub{animation:textEnter .7s .25s both}.hero-copy .hero-search{animation:textEnter .7s .4s both}.hero-logo{animation:textEnter .8s both}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s;transition-delay:var(--reveal-delay,0ms)}.reveal-ready.revealed{opacity:1;transform:none}.text-glint{background:linear-gradient(100deg,#f0f8ff 30%,#9cf4ff 44%,#fff 49%,#f0f8ff 60%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:textSheen 10s linear infinite}.card:not(.in-view):after,.editorial:not(.in-view) .text-glint{animation-play-state:paused}.swipe-hint{display:none}.rail-controls{display:flex;gap:6px;margin-left:auto}.rail-controls button{width:32px;height:32px;border-radius:50%;background:#062547;border:1px solid #286ba2;color:#53ddff}.rail-controls button:first-child{transform:rotate(180deg)}
@media(min-width:1500px){.hero-figure{left:-35px}.hero-floats{right:0}}
@media(max-width:1100px) and (min-width:701px){.hero-copy{width:440px}.hero-figure{left:-70px;width:305px}.hero-floats{right:-30px;transform:scale(.85);transform-origin:right center}.hero h1{font-size:36px}.hero h1 span{font-size:50px}.head-nav>a{padding:7px 9px;font-size:11px}.shortcut strong{font-size:13px}.head-top{gap:14px}.brand{width:180px}.hero-logo{width:300px}.hero-search{max-width:370px}.service-grid .card{padding:14px}.editorial h2{font-size:35px}.editorial-visual{height:370px}}
@media(max-width:700px){.container{width:calc(100% - 28px)}.head-top{height:64px;gap:8px}.brand{width:155px;height:44px}.head-actions{gap:6px}.balance-chip{padding:4px 7px;font-size:8px;line-height:1.3}.balance-chip strong{font-size:12px}.balance-chip>.icon{display:none}.head-actions>.iconbtn{display:none}.header-topup{font-size:11px;padding:8px 10px;min-height:34px}.head-nav{display:flex;position:static;width:100%;padding:0 14px;height:43px;overflow-x:auto;scrollbar-width:none;gap:8px;background:#020b1b;box-shadow:none;white-space:nowrap}.head-nav>a{font-size:11px;padding:6px 10px;gap:6px;flex-shrink:0}.head-nav .nav-end{margin-left:0!important}.head-nav>a .icon{width:17px;height:17px}.hero{height:405px;min-height:405px}.hero-inner{height:405px;min-height:405px;display:block}.hero-atmosphere{background-position:center;background-size:auto 100%}.hero:after{background:radial-gradient(ellipse at 65% 38%,#010822b0,transparent 66%)}.hero-copy{position:absolute;right:0;top:22px;width:66%;padding:0;filter:drop-shadow(0 3px 5px #001028);text-align:center}.hero-logo{width:100%;max-width:260px;height:66px;margin:0 auto 4px;object-fit:cover}.hero h1{font-size:clamp(22px,4.6vw,32px);line-height:1.23;letter-spacing:-.5px}.hero h1 span{font-size:clamp(37px,7.3vw,46px)}.hero-sub{font-size:13px;line-height:1.5;margin:7px 0 0}.hero-search{position:absolute;top:276px;right:0;width:calc((100vw - 28px));max-width:none;height:45px;min-height:45px;padding:5px 7px 5px 13px;border-radius:25px;background:#f1fcff;box-shadow:0 0 10px #55e4ff80,0 0 20px #0066ff70}.hero-search input{font-size:12px;padding:6px 8px}.hero-search>.icon{width:18px}.hero-search button{width:31px;height:31px}.hero-note{position:absolute;top:331px;right:0;width:calc(100vw - 28px);margin:0;justify-content:center;gap:17px;font-size:9px}.hero-note .icon{width:14px;height:14px}.hero-figure{height:308px;width:245px;max-width:none;left:-56px;bottom:78px;opacity:1;object-fit:contain;mask-image:linear-gradient(#000 85%,transparent);filter:drop-shadow(0 0 10px #006effaa)}.hero-floats{top:204px;right:4px;bottom:auto;width:250px;height:95px;transform:none;opacity:1}.float-tile{width:55px;height:57px;padding:10px;border-radius:10px;animation-duration:6s}.float-tile:nth-child(1){left:10px;top:12px}.float-tile:nth-child(2){left:70px;top:0}.float-tile:nth-child(3){left:130px;top:16px}.float-tile:nth-child(4){left:190px;top:0}.hero .float-tile:nth-child(5),.hero .float-tile:nth-child(6){display:none}.orb{display:none}.orbit{width:500px;top:130px;height:140px;left:-100px}.crystal-field i:nth-child(1){left:5%;top:6%}.crystal-field i:nth-child(2){right:3%;top:48%;width:16px;height:35px}.crystal-field i:nth-child(4){right:22%;top:7%}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:-8px}.shortcut{padding:13px 10px;gap:9px;border-radius:9px}.shortcut .ico-box{width:33px;height:35px;border:0;background:none;box-shadow:none}.shortcut .ico-box .icon{width:29px;height:29px;filter:drop-shadow(0 0 5px #00bfff)}.shortcut strong{font-size:14px}.shortcut small{font-size:9px}.shortcut>.icon{display:none}.section{padding-top:31px}.section-title{margin-bottom:17px;gap:8px}.section-heading{gap:8px}.heading-icon{width:31px;height:34px;background:none;border:0;box-shadow:none}.heading-icon .icon{width:28px;height:28px}.section-heading h2{font-size:22px;line-height:1.3}.section-heading small{font-size:9px}.section-title>.link{font-size:10px;padding:4px 9px;white-space:nowrap}.section-title>.link .icon{width:12px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card{padding:7px;border-radius:12px;box-shadow:inset 0 0 6px #4284ff66,0 0 6px #227aff33}.card-art{border-radius:8px}.card-body{padding:10px 3px 2px}.card-meta{font-size:9px}.card-title{font-size:14px;min-height:40px;margin:4px 0}.card-detail{font-size:10px;padding-top:8px;margin-top:8px;min-height:30px}.favorite{width:29px;height:29px;right:6px;top:6px}.favorite .icon{width:16px}.service-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid .card{padding:13px 11px 10px;min-height:175px}.service-grid .card-art{height:65px}.service-grid .card-art img{width:58px;height:58px}.service-grid .card-title{font-size:13px;min-height:20px}.service-grid .card-meta{font-size:9px}.service-grid .card-detail{font-size:10px;padding-top:7px}.service-grid .brand-canva .card-art img,.service-grid .brand-playstation .card-art img{width:85px}.brand-word{font-size:37px}.service-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc(50% - 12px);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:5px;padding:8px 5px 14px;margin:-8px -5px -8px;scrollbar-width:none}.service-rail>.card{scroll-snap-align:start}.swipe-hint{display:flex;align-items:center;justify-content:flex-end;color:#65b7dd;font-size:9px;gap:4px;margin-top:9px}.swipe-hint .icon{width:12px;height:12px}.editorial,.editorial.reverse{display:flex;flex-direction:column;gap:0;min-height:0;padding:24px 0 0;margin-top:20px}.editorial-copy,.editorial.reverse .editorial-copy{order:0;width:100%;text-align:center;max-width:none}.editorial .eyebrow{font-size:8px;letter-spacing:1.6px}.editorial h2{font-size:34px;line-height:1.18;margin:8px 0 13px}.editorial p{font-size:12px;max-width:340px;margin:0 auto}.editorial .feature-list{display:flex;justify-content:center;flex-wrap:wrap;font-size:10px;gap:10px;margin:16px 0}.feature-list .icon{width:17px;height:17px}.editorial .btn{padding:10px 17px;font-size:12px}.editorial-visual,.editorial.reverse .editorial-visual{order:1;height:300px;width:calc(100% + 18px);margin-top:4px;margin-left:-9px}.editorial:before{inset:60px -14px -10px;mask-image:radial-gradient(ellipse,#000 10%,transparent 72%)}.steps{grid-template-columns:1fr;gap:10px}.step{padding:15px}.step .ico-box{width:40px;height:40px}.step p{font-size:11px}.step h3{font-size:14px}.footer{margin-top:38px;padding-top:30px;padding-bottom:100px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-grid>div:first-child{text-align:center}.footer .brand{margin:auto;width:230px}.footer p{font-size:11px}.footer h3{font-size:15px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);font-size:11px}.footer-bottom{font-size:9px;text-align:center}.mobile-bottom{display:flex;height:calc(66px + env(safe-area-inset-bottom,0px));padding:0 4px env(safe-area-inset-bottom,0px);border-top:1px solid #186db0;background:#020b1bf5;box-shadow:0 -5px 22px #0055bb25}.mobile-bottom a{font-size:9px;gap:5px}.mobile-bottom a.active{color:#7eecff;background:linear-gradient(#087bff40,transparent);text-shadow:0 0 12px #008cff}.mobile-bottom a.active .icon{filter:drop-shadow(0 0 5px #00aaff)}.support-float{width:38px;height:38px;right:13px;bottom:calc(80px + env(safe-area-inset-bottom,0px))}.support-float .icon{width:20px}.page{padding-top:15px}.breadcrumbs{margin-bottom:14px;font-size:10px}.page-intro{min-height:195px;padding:25px 20px;border-radius:13px;margin-bottom:22px;align-items:flex-start}.intro-copy{max-width:80%}.page-intro .eyebrow{font-size:8px;letter-spacing:1px}.page-intro h1{font-size:29px;line-height:1.3;margin:9px 0;max-width:260px}.page-intro p{font-size:11px;max-width:210px;line-height:1.8}.intro-art{width:215px;height:220px;right:-65px;top:15px;opacity:.5}.intro-orbit{width:200px;right:-50px;bottom:20px}.tabs{flex-wrap:nowrap;overflow-x:auto;gap:7px;padding:3px 0 10px;margin:16px 0 5px}.tab{font-size:11px;padding:10px 12px;flex-shrink:0}.filters{display:flex;gap:8px}.filters>input:not([type=hidden]){width:100%;min-width:0}.filters button{font-size:12px;padding:10px 14px;flex-shrink:0}.filters button .icon{width:17px}.catalog-count{font-size:10px;margin:15px 0}.panel{padding:22px 17px}.product-hero{padding:20px 16px;gap:14px}.product-hero>img{width:74px;height:74px}.product-hero h1{font-size:25px;line-height:1.25}.product-hero p{font-size:10px}.product-hero .eyebrow{font-size:9px}.field input,.field select,.field textarea{font-size:16px}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.package{min-height:88px}.package strong{font-size:15px}.package span{font-size:12px}.form-step h3{font-size:17px}.summary-total strong{font-size:30px}.summary .btn{font-size:14px}.account-top h1{font-size:24px}.stats-row{grid-template-columns:1fr 1fr;gap:11px}.stat:first-child{grid-column:1/-1;background:linear-gradient(115deg,#073675,#04152f)}.stat:first-child strong{font-size:32px}.stat{padding:17px}.stat span{font-size:11px}.table-wrap{margin:0 -9px}.table-wrap th,.table-wrap td{font-size:11px;padding:13px 8px}.table-wrap .link{font-size:10px}.modal{padding:30px 21px;border-color:#2685ca}.modal h2{font-size:24px}.modal .field input{font-size:16px}.wallet-card{min-height:205px}.wallet-card h3{margin-top:10px}.contact-grid{gap:19px}.contact-line{gap:12px}.contact-line h3{font-size:15px}.contact-line p{font-size:12px}.faq summary{font-size:13px}.faq p{font-size:12px}}
@media(max-width:360px){.brand{width:130px}.header-topup{padding:7px 8px;font-size:10px}.hero-copy{width:67%}.hero h1{font-size:21px}.hero h1 span{font-size:35px}.hero-figure{left:-68px;width:225px}.hero-floats{right:-10px;transform:scale(.9);transform-origin:right top}.shortcut strong{font-size:12px}.section-heading h2{font-size:20px}.card-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}.hero-copy h1,.hero-copy .hero-sub,.hero-copy .hero-search,.hero-logo,.hero h1 span,.crystal-field i,.text-glint,.editorial-visual{animation:none!important}}body.low-motion .reveal-ready{opacity:1;transform:none;transition:none}body.low-motion .hero-copy *,body.low-motion .crystal-field *,body.low-motion .text-glint,body.low-motion .editorial-visual{animation:none!important}
.product-hero{min-height:225px;overflow:hidden;isolation:isolate}.product-hero>img:not(.product-banner-art){position:relative;z-index:2}.product-hero>div{position:relative;z-index:2;max-width:65%}.product-hero>.product-banner-art{position:absolute;z-index:0;right:-20px;top:-35px;width:370px;height:300px;object-fit:contain;border:0;box-shadow:none;opacity:.7;mask-image:linear-gradient(90deg,transparent,#000 50%)}.swipe-hint button{width:44px;height:36px;background:#073056;border:1px solid #226a9c;color:#80eaff;border-radius:7px;font-size:20px;line-height:1}.swipe-hint span{margin:0 7px}.swipe-hint button:disabled{opacity:.4}
@media(max-width:700px){.product-hero{min-height:185px}.product-hero>.product-banner-art{width:220px;height:230px;right:-65px;top:0;opacity:.35}.product-hero>div{max-width:calc(100% - 90px)}.intro-copy{max-width:83%}}
@media(max-width:700px){.hero-search,.hero-note{width:calc(100% / .66)}.hero-figure{width:215px;left:-48px}.hero-logo{object-fit:contain}.hero-copy{filter:none}}@media(max-width:360px){.hero-search,.hero-note{width:calc(100% / .67)}}
.brand img,.hero-logo{object-fit:contain;mix-blend-mode:normal}.brand img{transform:scale(1.08)}.hero-logo{height:100px;max-width:100%;filter:drop-shadow(0 0 12px #078bff55)}
@media(max-width:700px){.hero-logo{height:66px}.hero-copy{top:22px}}
.form-grid>*,.contact-grid>*,.package-grid>*,.stats-row>*{min-width:0}.form-grid,.contact-grid{min-width:0}.panel{max-width:100%}.notice{overflow-wrap:anywhere}.summary-product>*{min-width:0}.product-hero .brand-word{font-size:45px;flex-shrink:0}
@media(max-width:800px){.form-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}}