@import url('/css/components.css');
@import url('/css/services.css');
@import url('/css/provider-flow.css');
@import url('/css/dashboard.css');
@import url('/css/service-art.css');
:root{--bg:#111510;--panel:#1b201a;--line:#30372b;--lime:#c7f75a;--muted:#8c9585;--text:#f1f4e9;font-family:'Segoe UI',Arial,sans-serif;color:var(--text);background:#080b08;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.6}h1{font-size:29px;font-weight:750;line-height:1.2}h2{font-size:23px}h3{font-size:14px}svg.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}input{width:100%;min-width:0;background:#1a1f18;color:var(--text);border:1px solid var(--line);padding:14px;border-radius:12px;outline:none;font-size:14px}input:focus{border-color:var(--lime)}input::placeholder{color:#727c6b}label{display:block;font-size:12px;font-weight:600;margin-bottom:16px}label input{margin-top:8px}label .input-wrap{margin-top:8px}label .input-wrap input{margin:0}small{font-size:10px}.phone{position:relative;width:100%;max-width:440px;min-height:100vh;margin:0 auto;background:var(--bg);border-left:1px solid #252c21;border-right:1px solid #252c21;box-shadow:0 0 100px #0008;overflow:hidden}.ambient{position:fixed;width:360px;height:360px;pointer-events:none;filter:blur(130px);opacity:.08;border-radius:100%;background:var(--lime)}.ambient-one{top:0;left:5%}.ambient-two{bottom:0;right:0;background:#6f81ff}.desktop-note{position:fixed;top:50%;left:calc(50% - 510px);width:220px;font-size:10px;letter-spacing:2px;line-height:2;color:#718063}.desktop-note span:last-child{display:block;font-size:8px;color:#414a39}.tiny-bolt{display:block;font-size:50px;color:var(--lime);line-height:1.5}.brand{display:flex;align-items:center;gap:0;font-size:22px;font-weight:800;letter-spacing:-1.2px}.brand img{margin-right:9px}.brand>span{font-weight:400}.brand i{font-style:normal;font-size:9px;align-self:flex-start;margin:6px 0 0 3px}.app-header,.auth header{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 23px}.app-header{border-bottom:1px solid #252c21}.header-actions{display:flex;gap:14px;align-items:center}.icon-btn{width:35px;height:35px;display:grid;place-items:center;background:transparent;color:#c6cdbf;border-radius:50%}.notification{position:relative}.notification i{position:absolute;right:6px;top:4px;width:5px;height:5px;background:var(--lime);border:1px solid var(--bg);border-radius:50%}.avatar{height:34px;width:34px;border-radius:50%;background:#3a4130;color:#d3e0c0;font-size:14px;font-weight:700;border:1px solid #566244}.page-content{padding:26px 22px 100px}.greeting p{font-size:13px;color:#a6af9c;margin-bottom:7px}.wave{margin-left:4px}.greeting h1 span{color:var(--lime)}.greeting{margin-bottom:23px}.balance-card{padding:18px 19px 0;border:1px solid #37412e;border-radius:17px;background:linear-gradient(120deg,#252d20,#1a2017);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative;overflow:hidden}.balance-card:after{content:'';position:absolute;width:160px;height:160px;border:1px solid #63714b20;border-radius:50%;right:-40px;top:-70px;pointer-events:none}.balance-card .muted{display:flex;align-items:center;gap:7px;font-size:11px;color:#a3ae98}.balance-card .muted svg{width:15px;height:15px}.balance-card small{font-size:7px;letter-spacing:1px;border:1px solid #526042;padding:2px 4px;border-radius:4px;color:#b6c7a3}.balance-card strong{display:block;font-size:28px;letter-spacing:-1px;margin:7px 0 17px}.balance-card>button{border:1px solid #53683a;width:37px;height:37px;border-radius:11px;background:#344428;color:var(--lime)}.balance-bottom{width:100%;border-top:1px solid #36412a;padding:10px 0;display:flex;justify-content:space-between;font-size:9px;color:#909d82}.status-dot{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-right:5px}.campaign{height:211px;background:#c7f75a;color:#1b2a0d;border-radius:17px;width:100%;position:relative;overflow:hidden;text-align:left;padding:21px}.campaign:after{content:'';width:190px;height:190px;border:1px solid #587b2b30;border-radius:50%;position:absolute;right:-13px;top:0;box-shadow:0 0 0 25px #587b2b10,0 0 0 50px #587b2b09}.campaign-copy{position:relative;z-index:2}.campaign-tag{font-size:8px;letter-spacing:1.5px;font-weight:800}.campaign h2{font-size:34px;line-height:1.04;margin:12px 0 8px;font-weight:850}.campaign h2 em{font-style:normal;color:#4d6a2b}.campaign p{font-size:10px;color:#486323}.campaign-cta{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:750;margin-top:16px}.campaign-cta .icon{width:16px;height:16px}.campaign img{width:215px;position:absolute;right:-33px;top:15px;z-index:1;transform:rotate(-12deg);filter:drop-shadow(0 15px 10px #314d2150)}.campaign-number{position:absolute;right:16px;bottom:14px;font-size:8px;font-weight:700;letter-spacing:1px}.campaign-star{position:absolute;font-size:32px;top:14px;right:17px;color:#608a27}.dots{display:flex;justify-content:center;gap:4px;margin:12px 0 16px}.dots i,.dots b{height:4px;width:4px;border-radius:5px;background:#47523a}.dots b{width:17px;background:var(--lime)}.benefits{display:flex;align-items:center;justify-content:space-between;padding:0 0 23px;border-bottom:1px solid #293123;gap:8px}.benefits span{font-size:9px;white-space:nowrap;color:#a0aa94;display:flex;gap:5px;align-items:center}.benefits .icon{height:13px;width:13px;color:var(--lime)}.catalog{padding-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.eyebrow{font-size:8px;font-weight:700;letter-spacing:1.9px;color:#95a77f;display:block;margin-bottom:8px}.section-heading h2{font-size:23px}.section-heading h2 span{font-size:17px;margin-left:4px}.game-count{font-size:9px;border:1px solid #35412b;border-radius:20px;padding:6px 9px;color:#a3af94}.input-wrap{display:flex;align-items:center;background:#1b2118;border:1px solid var(--line);border-radius:11px;padding:0 13px;gap:10px}.input-wrap:focus-within{border-color:var(--lime)}.input-wrap>.icon{width:17px;height:17px;color:#7f8b72}.input-wrap input{border:0;background:transparent;padding:14px 0;font-size:12px;outline:none}.input-wrap button{background:transparent;color:#829074;padding:4px}.input-wrap button .icon{width:18px}.search kbd{font-size:19px;color:#7b866e;font-family:inherit}.filters{display:flex;gap:6px;overflow:auto;scrollbar-width:none;padding:15px 0 20px}.filters button{display:flex;gap:5px;align-items:center;padding:8px 13px;border:1px solid #30382a;background:#191f16;border-radius:8px;white-space:nowrap;font-size:10px;color:#9ca98e}.filters button.active{background:var(--lime);border-color:var(--lime);color:#243213;font-weight:700}.filters .icon{width:13px;height:13px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.game-card{padding:0;text-align:left;background:#1b2118;border:1px solid #30382a;border-radius:13px;overflow:hidden;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-3px);border-color:#738a50}.game-art{height:151px;position:relative;overflow:hidden;background:linear-gradient(140deg,#39447b,#879cbd);--art-color:#cbd4ff}.game-art.ff{background:linear-gradient(145deg,#70361d,#d2a756);--art-color:#ffe1a6}.game-art.pubg{background:linear-gradient(145deg,#22413a,#809279);--art-color:#d8e6c4}.game-art.genshin{background:linear-gradient(145deg,#4e5790,#a3b4c3);--art-color:#e8edff}.game-art.valorant{background:linear-gradient(145deg,#651f32,#d45563);--art-color:#ffc6c4}.game-art.hsr{background:linear-gradient(145deg,#4a3275,#9b92be);--art-color:#e3d4ff}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:20px 20px;transform:rotate(-20deg) scale(1.4)}.art-orbit{position:absolute;width:125px;height:125px;border:1px solid #ffffff30;border-radius:50%;top:12px;left:20px;box-shadow:0 0 0 15px #ffffff05,0 0 0 30px #ffffff06}.game-monogram{position:absolute;right:6px;top:-26px;font-family:Impact,'Arial Black',sans-serif;font-size:173px;font-style:italic;line-height:1.2;color:var(--art-color);opacity:.75;text-shadow:6px 6px 0 #ffffff20,-2px -2px 0 #fff5;transform:rotate(-12deg)}.game-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060a0ed9,transparent 75%)}.game-art-title{position:absolute;bottom:15px;left:13px;font-size:16px;font-weight:900;font-style:italic;line-height:1;letter-spacing:-.3px;z-index:2;text-shadow:0 2px 7px #0006}.ff .game-art-title,.valorant .game-art-title{font-size:18px}.game-tag{position:absolute;top:10px;left:10px;z-index:2;background:#c7f75a;color:#273612;padding:4px 6px;border-radius:4px;font-size:6px;font-weight:800;letter-spacing:.5px}.ff .game-tag{background:#ffe0ad;color:#77442a}.hsr .game-tag{background:#e2d5ff;color:#563d80}.art-cross{position:absolute;right:10px;bottom:13px;z-index:2;color:#c7f75a;font-weight:300;font-size:20px}.game-info{padding:12px 11px}.game-info h3{font-size:12px;letter-spacing:-.2px}.game-info p{font-size:9px;color:#839276;margin:3px 0 12px}.game-info>div{display:flex;justify-content:space-between;align-items:center}.game-info>div>span{font-size:8px;color:#8e9a82}.game-info strong{font-size:10px;color:var(--lime);display:block;margin-top:3px}.game-info .icon{width:13px;height:13px;color:#80956a}.help-card{display:flex;align-items:center;width:100%;text-align:left;gap:10px;background:#21281b;border:1px solid #35412b;border-radius:12px;padding:15px 12px;margin-top:23px}.help-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#354427;color:var(--lime)}.help-card strong{font-size:11px;display:block}.help-card small{color:#92a080;display:block;margin-top:4px;font-size:9px}.help-card>.icon{margin-left:auto;width:17px;color:#b4c6a0}.page-footer{text-align:center;color:#6a785e;font-size:7px;letter-spacing:1.2px;margin:24px 0 10px;line-height:2}.page-footer span{font-size:8px;letter-spacing:0;color:#617055}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:438px;padding:11px 17px max(12px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;background:#171d14f5;border-top:1px solid #343d2a;backdrop-filter:blur(18px);z-index:10}.bottom-nav button{width:70px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#748169;background:transparent;position:relative;padding:4px}.bottom-nav button span{font-size:9px}.bottom-nav button.active{color:var(--lime)}.bottom-nav button i{position:absolute;top:-15px;width:24px;height:3px;border-radius:5px;background:var(--lime)}.bottom-nav .icon{width:20px;height:20px}.auth{padding:0 25px 22px}.auth header{padding:0;height:84px}.badge{border:1px solid #3b4b2a;background:#26321a;color:#bddb97;font-size:8px;letter-spacing:1.2px;padding:6px 8px;border-radius:5px;font-weight:600}.auth-hero{height:237px;position:relative;display:grid;place-items:center;margin-top:0}.hero-orb{width:255px;position:relative;z-index:1;filter:drop-shadow(0 10px 30px #b4ea5120);animation:bob 5s ease-in-out infinite}.orbital{position:absolute;border:1px solid #72865a25;border-radius:50%;width:245px;height:170px;transform:rotate(-25deg)}.orbit-two{width:320px;height:215px;transform:rotate(-25deg)}.floating-pill{position:absolute;z-index:2;display:flex;align-items:center;gap:6px;font-size:8px;background:#20271dd9;border:1px solid #465239;padding:8px 10px;border-radius:8px;backdrop-filter:blur(8px);color:#d0dbbd;box-shadow:0 5px 10px #0003}.floating-pill .icon{width:13px;height:13px;color:var(--lime)}.pill-one{left:0;top:57px;transform:rotate(-9deg)}.pill-two{right:1px;bottom:41px;transform:rotate(8deg)}.spark{position:absolute;color:#b3dc74;font-size:30px;right:18px;top:24px}.auth>.eyebrow{font-size:8px;letter-spacing:2px;margin-top:12px}.auth h1{font-size:55px;line-height:1.01;letter-spacing:-3.5px;margin:13px 0}.auth h1 span{color:var(--lime)}.auth-copy{color:#8f9d82;font-size:12px;line-height:1.8}.auth-tabs{display:flex;border-bottom:1px solid #35402c;margin:24px 0 23px}.auth-tabs button{width:50%;background:transparent;padding:13px;color:#7e8f70;font-size:12px;position:relative}.auth-tabs button.active{color:var(--lime);font-weight:650}.auth-tabs button.active:after{content:'';position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--lime)}.auth label{font-size:11px;color:#c6d0ba;margin-bottom:16px}.auth .input-wrap input{padding:15px 0}.or{display:flex;align-items:center;gap:12px;color:#728369;font-size:9px;margin:21px 0}.or span{flex:1;height:1px;background:#2c3725}.terms{color:#76856b;text-align:center;font-size:9px;margin:19px 16px;line-height:1.9}.terms button{background:none;color:#b0c59a;font-size:9px;padding:0;text-decoration:underline}.auth-footer{border-top:1px solid #293422;padding-top:18px;color:#829474;font-size:9px;text-align:center}.auth-footer .icon{width:12px;height:12px;margin-right:4px}.auth-footer>span{display:block;font-size:8px;margin-top:10px;color:#586a4a}.loading{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:13px;color:#91a180}@keyframes bob{50%{transform:translateY(-9px) rotate(3deg)}}@media(min-width:700px){.phone{margin-top:25px;margin-bottom:25px;border-radius:25px;min-height:calc(100vh - 50px)}.bottom-nav{border-radius:0}.auth{padding-bottom:28px}}@media(max-width:1050px){.desktop-note{display:none}}@media(max-width:360px){.page-content{padding-left:16px;padding-right:16px}.auth{padding-left:20px;padding-right:20px}.campaign img{right:-55px;width:190px}.campaign h2{font-size:31px}.greeting h1{font-size:26px}.benefits span{font-size:8px}.game-info h3{font-size:11px}.game-art{height:134px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}