@import "https://fonts.googleapis.com/css2?family=PT+Mono&family=Roboto:wght@400;500;700&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scrollbar-width:none;font-family:PT Mono,-apple-system,BlinkMacSystemFont,sans-serif}:root{--outline-color:#ffffff1a;--element-bg:#191919;--black-color:#000;--white-color:#fff;--green-color:#bf0;--warn-color:#f40;--red-color:#e63535;--violet-color:#ae00ff;--desc-color:#fff9;--desc-color-80:#fffc;--popular-gradient:linear-gradient(135deg, #edc4e0 0%, #bce4de 100%);--green-gradient:linear-gradient(135deg, #c1ec34 0%, #a2fc3c 100%);--black-gradient:linear-gradient(180deg, #fff0 0%, #ffffff1a 100%), #0a0a0a;--card-color:#0a0a0a;--element-bg-hover:#303030;--transition-default:cubic-bezier(.25, .46, .45, .94);--transition-fast:cubic-bezier(.4, 0, .2, 1);--card-radius:32px}::selection{background:var(--black-color);color:var(--white-color)}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-drag:none;image-rendering:-webkit-optimize-contrast;vertical-align:middle}svg{shape-rendering:geometricprecision}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin:0;padding:0}h2{margin:0;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;line-height:1}h1{margin:0;font-family:PT Mono;font-size:24px;font-weight:400;line-height:1}#root{display:contents}body{min-height:100dvh;padding-left:16px;padding-right:16px;padding-top:calc(var(--tg-content-safe-area-inset-top) + var(--tg-safe-area-inset-top) + 16px);padding-bottom:calc(var(--tg-content-safe-area-inset-bottom) + var(--tg-safe-area-inset-bottom) + 128px);background:var(--black-color);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;flex-direction:column;gap:16px;margin:0;display:flex;overflow-x:hidden}.loading-container{flex:1;justify-content:center;align-items:center;width:100%;display:flex}input{background:var(--card-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;height:52px;color:var(--desc-color-80);transition:all .2s var(--transition-fast);border:none;padding:0 24px;font-size:14px}input:focus{outline-color:var(--green-color)}input ::placeholder{color:var(--desc-color)}.divider{background:var(--outline-color);height:1px}.project-card{background:var(--black-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;flex-direction:column;justify-content:space-between;align-items:center;height:370px;padding:24px;display:flex;position:relative;overflow:hidden}.project-card .crabby-bg{position:absolute;top:-60px;left:50%;transform:translate(-50%)}.project-card .crabby-logo{width:92px;height:92px}.project-card .crabby-text{width:calc(102% + 48px)}.project-card p{text-align:center;color:var(--desc-color);margin:0;font-size:14px;line-height:20px}.tariffs-carousel{scroll-snap-type:x mandatory;gap:16px;padding-bottom:16px;display:flex;overflow-x:scroll}.tariffs-carousel::-webkit-scrollbar{display:none}.tariffs-carousel .tariff-slide{scroll-snap-align:start;flex:0 0 100%}.carousel-dots{justify-content:center;gap:12px;margin-top:8px;display:flex}.carousel-dots .dot{background:var(--element-bg);border-radius:var(--card-radius);width:8px;height:8px;transition:all .3s}.carousel-dots .dot.active{background:var(--white-color);width:24px}.bottom-menu{z-index:9999;outline:1px var(--outline-color) solid;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);-webkit-user-select:none;user-select:none;width:calc(100% - 32px);max-width:540px;transition:transform .5s var(--transition-fast), opacity .5s ease;opacity:1;pointer-events:all;background:#0003;border-radius:64px;justify-content:space-between;align-items:center;gap:8px;padding:6px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)translateY(0)}.bottom-menu.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(100px)scale(.95)}.bottom-menu .menu-btn{color:var(--white-color);cursor:pointer;min-width:52px;height:52px;transition:flex-grow .4s var(--transition-fast), background .3s ease, padding .4s ease;backface-visibility:hidden;perspective:1000px;will-change:flex-grow, padding, transform, opacity;border-radius:64px;flex:0 0 52px;justify-content:center;align-items:center;gap:12px;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.bottom-menu .menu-btn.avatar{gap:0}.bottom-menu .menu-btn img{z-index:2;flex-shrink:0;width:24px;height:24px;transition:transform .4s}.bottom-menu .menu-btn img.avatar{object-fit:cover;border-radius:50%;width:44px;height:44px}.bottom-menu .menu-btn .label-nav{white-space:nowrap;opacity:0;max-width:0;transition:opacity .2s ease, max-width .4s var(--transition-fast), margin .4s ease;z-index:1;font-size:14px;transform:translate(0,0)}.bottom-menu .menu-btn.active{background:var(--element-bg,#ffffff26);outline:1px solid #fff3;flex:1 0 auto;padding:0 4px}.bottom-menu .menu-btn.active.avatar{padding-right:24px}.bottom-menu .menu-btn.active.avatar .label-nav{text-align:center;width:100%;max-width:100%}.bottom-menu .menu-btn.active .label-nav{opacity:1;max-width:120px}.balanceCard{width:100%}.balanceCard .row{width:100%;display:flex}.balanceCard .card{border:1px solid var(--outline-color);flex:1;justify-content:flex-end;align-items:flex-start;gap:12px;padding:24px;display:flex}.balanceCard .left{border-top-left-radius:var(--card-radius);border-bottom-left-radius:var(--card-radius);border-right:none}.balanceCard .right{border-top-right-radius:var(--card-radius);border-bottom-right-radius:var(--card-radius)}.balanceCard .content{flex-direction:column;flex:1;gap:24px;display:flex}.balanceCard img{width:32px;height:32px}.balanceCard .info{flex-direction:column;gap:18px;display:flex}.balanceCard .label-balance{color:var(--desc-color);font-family:Roboto,sans-serif;font-size:14px;line-height:10px}.balanceCard .value-balance{color:var(--white-color);font-size:24px;line-height:17px}.balanceCard .currency{text-decoration:line-through}.device-card{border-radius:var(--card-radius);outline:1px solid var(--outline-color);flex-direction:column;width:100%;display:flex}.card-top{background:var(--card-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);flex-direction:column;gap:24px;padding:24px;display:flex}.phone{width:48px;height:48px}.title{color:var(--white-color);font-size:24px;line-height:17px}.desc{color:var(--desc-color);font-size:14px;line-height:20px}.label{color:var(--desc-color);font-size:14px}.key-block{background:var(--black-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);cursor:pointer;height:52px;transition:all .2s var(--transition-fast);align-items:center;gap:16px;padding:0 24px;display:flex}.key-block.copied{opacity:.7;outline-color:var(--green-color);transform:scale(.95)translateZ(0)}.key-block .copy-icon{transition:all .2s var(--transition-fast)}.key-block .copy-icon:active{opacity:.7;transform:scale(.9)translateZ(0)}.key-text{color:var(--desc-color-80);flex:1;font-size:14px}.hint{color:var(--desc-color);font-size:14px;line-height:20px}.cardBottom{padding:24px}.buttons{gap:12px;display:flex}.iconButton{border-radius:var(--card-radius);border:1px solid var(--outline-color);background:var(--element-bg);cursor:pointer;width:52px;height:52px}.mainButton{border-radius:var(--card-radius);border:1px solid var(--outline-color);background:var(--element-bg);height:52px;color:var(--white-color);cursor:pointer;flex:1;font-size:14px}.btn{white-space:nowrap;border-radius:var(--card-radius);height:52px;transition:all .2s var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;outline-offset:-1px;word-wrap:break-word;cursor:pointer;will-change:opacity, transform;color:var(--white-color);outline:1px solid #0000;justify-content:center;align-items:center;gap:12px;padding:16px;font-family:PT Mono,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:400;text-decoration:none;display:flex}.btn:active{transform:scale(.95)translateZ(0)}.btn .button-text{transition:all .2s var(--transition-fast);line-height:10px}.btn i{color:var(--white-color);font-size:20px}.btn.fill{align-self:stretch;width:100%}.btn.small-ghost{justify-content:flex-start;height:10px;padding:0}.btn.disabled{pointer-events:none;opacity:.7}.btn.secondary{background:var(--black-color);outline:1px var(--outline-color) solid}.btn.secondary.selected{background:var(--element-bg)}.btn.secondary:hover{background:var(--element-bg-hover)}.btn.green{background:var(--green-color);color:var(--black-color)}.btn.red{background:var(--warn-color);color:var(--black-color)}.btn.strong-red{background:var(--red-color);color:var(--white-color)}.btn.default{background:var(--element-bg);outline:1px var(--outline-color) solid}.btn.default:hover{background:var(--element-bg-hover)}.btn.white{background:var(--white-color);color:var(--black-color)}.btn.white:hover{opacity:.8}.btn.dark{background:var(--black-color)}.btn.dark:hover{background:var(--white-color)}.btn.dark:hover .button-text{color:var(--black-color)}.btn.small{height:48px}.btn.primary{background:var(--green-gradient)}.btn.primary .button-text{color:var(--black-color)}.btn.primary:hover{opacity:.8}.btn img{width:20px;height:20px}.spinner{background:conic-gradient(#fff0 0%,#fff 5%,#ffffffe6 15%,#fffc 25%,#ffffffb3 35%,#fff9 45%,#ffffff80 55%,#fff6 65%,#ffffff4d 75%,#fff3 85%,#ffffff1a 95%,#fff0 100%);border-radius:50%;width:60px;height:60px;animation:1.3s linear infinite spin;-webkit-mask:radial-gradient(#0000 18px,#000 19px 40px,#0000 41px);mask:radial-gradient(#0000 18px,#000 19px 40px,#0000 41px)}.spinner-small{width:15px!important;height:15px!important;-webkit-mask:radial-gradient(#0000 4px,#000 5px 10px,#0000 11px)!important;mask:radial-gradient(#0000 4px,#000 5px 10px,#0000 11px)!important}@keyframes spin{to{transform:rotate(-360deg)}}.default-card{background:var(--card-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;flex-direction:column;width:100%;display:flex}.default-card .header-default-card{flex-direction:column;gap:24px;padding:24px;display:flex}.default-card .title{color:var(--white-color);font-family:Roboto,sans-serif;font-size:18px;font-weight:700;line-height:13px}.default-card .body{background:var(--black-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;flex-direction:column;gap:24px;padding:24px;display:flex}.default-card .description{color:var(--desc-color);font-size:14px;line-height:20px}.default-card .content{flex-direction:column;gap:12px;width:100%;display:flex}.subscription{flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:flex-start;display:inline-flex}.subscription .container{flex-direction:column;width:100%;display:flex}.subscription .btn-autorenew{white-space:nowrap;border-radius:var(--card-radius);height:52px;transition:all .2s var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;word-wrap:break-word;cursor:pointer;will-change:opacity, transform;background:var(--element-bg);color:var(--white-color);outline:1px var(--outline-color) solid;outline-offset:-1px;outline-offset:-1px;justify-content:space-between;align-self:stretch;align-items:center;gap:12px;width:100%;padding:16px;font-family:PT Mono,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:400;line-height:10px;text-decoration:none;display:flex}.subscription .btn-autorenew.disabled{pointer-events:none;opacity:.7}.subscription .card{border-radius:var(--card-radius);background:var(--black-gradient);outline:1px var(--outline-color) solid;outline-offset:-1px;z-index:2;flex-direction:column;justify-content:space-between;height:200px;margin-bottom:-64px;padding:24px;display:flex}.subscription .card.no-actions{margin:0}.subscription .card.no-actions.pointer{cursor:pointer}.subscription .top{flex-direction:column;gap:18px;width:322px;display:flex}.subscription .timer{color:var(--white-color);font-size:30px;font-weight:400;line-height:20px}.subscription .subtitle{color:var(--desc-color);font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:1}.subscription .info{color:var(--desc-color);align-self:stretch;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:1}.subscription .actions{border-radius:var(--card-radius);z-index:1;outline:1px var(--outline-color) solid;outline-offset:-1px;flex-direction:column;gap:24px;padding:88px 24px 24px;display:flex}.toggle-container{justify-content:flex-start;align-items:center;gap:10px;display:flex}.toggle-switch{background:var(--element-bg);outline:1px var(--outline-color) solid;outline-offset:-1px;cursor:pointer;width:44px;height:24px;transition:all .4s var(--transition-default);border-radius:30px;justify-content:flex-start;align-items:center;padding:2px;display:flex;position:relative;overflow:hidden}.toggle-switch.active{background:var(--green-color);outline:none}.toggle-switch:active{transform:scale(.98)}.toggle-handle{width:20px;height:20px;transition:all .4s var(--transition-default);z-index:1;background:#ffffff4d;border-radius:9999px;position:relative}.toggle-switch.active .toggle-handle{background:var(--black-color);transform:translate(20px);box-shadow:0 2px 8px #0003}.trafficCard{background:var(--card-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;flex-direction:column;width:100%;display:flex}.trafficCard .header-traffic{padding:24px}.trafficCard .title-traffic{color:var(--white-color);font-family:Roboto,sans-serif;font-size:18px;font-weight:700}.trafficCard .body{background:var(--black-color);border-radius:var(--card-radius);flex-direction:column;gap:24px;padding:24px;display:flex}.trafficCard .percent{color:var(--white-color);font-size:30px}.trafficCard .progressWrapper{width:100%;padding-bottom:28px;position:relative}.trafficCard .progress{background:var(--card-color);outline:1px solid var(--outline-color);outline-offset:-1px;border-radius:12px;width:100%;height:12px;padding:4px;position:relative;overflow:hidden}.trafficCard .bar{background:var(--green-color);border-radius:10px;width:0%;height:100%;transition:none}.trafficCard .floatingBadge{--rotation:-15deg;background:var(--green-color);color:var(--black-color);white-space:nowrap;transform-origin:top;transform:translateX(-50%) rotate(var(--rotation)) scale(0);opacity:0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;transition:opacity .3s,transform .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:20px;left:0%}.trafficCard .floatingBadge.visible{opacity:1;transform:translateX(-50%) rotate(var(--rotation)) scale(1)}.trafficCard .floatingBadge:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:5px solid var(--green-color);position:absolute;top:-4px;left:50%;transform:translate(-50%)}.trafficCard .stats{flex-direction:column;gap:24px;display:flex}.trafficCard .row{color:var(--desc-color);justify-content:space-between;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;display:flex}.trafficCard .row .label,.trafficCard .row .value{line-height:10px}.dropdown{border-radius:var(--card-radius);flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.dropdown .header-dropdown{z-index:2;background:var(--card-color);cursor:pointer;border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;align-items:center;gap:24px;margin:0;padding:24px;display:flex}.dropdown .title-dropdown{color:var(--white-color);flex:1;font-size:14px;line-height:20px}.dropdown .arrow{width:16px;height:16px;transition:transform .45s cubic-bezier(.22,1,.36,1);position:relative;transform:rotate(180deg)}.dropdown .content-dropdown{z-index:1;border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;opacity:0;max-height:0;transition:max-height .45s cubic-bezier(.33,1,.68,1),opacity .25s cubic-bezier(.33,1,.68,1);overflow:hidden}.dropdown .inner-dropdown{color:var(--desc-color-80);font-size:14px;line-height:20px}.dropdown.open .header-dropdown{margin-bottom:-64px}.dropdown.open .arrow{transform:none}.dropdown.open .content-dropdown{opacity:1;padding:88px 24px 24px}.linkCard{background:var(--card-color);border-radius:var(--card-radius);outline:1px var(--outline-color) solid;outline-offset:-1px;cursor:pointer;width:100%;transition:all .2s var(--transition-fast);flex-direction:column;gap:24px;padding:24px;display:inline-flex}.linkCard:active{transform:scale(.95)translateZ(0)}.linkCard img{width:48px;height:48px}.linkCard .content{flex-direction:column;gap:24px;width:100%;display:flex}.linkCard .title{color:var(--white-color);font-size:24px;line-height:1}.linkCard .description{color:var(--desc-color);font-size:14px;line-height:1.4}.accountCard{background:var(--card-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);flex-direction:column;width:100%;display:flex}.cardHeader{color:var(--white-color);padding:24px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;line-height:13px}.cardBody{background:var(--black-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);flex-direction:column;gap:24px;padding:24px;display:flex}.userRow{align-items:center;gap:24px;display:flex}.avatar-account{background:var(--card-color);object-fit:cover;border-radius:64px;width:64px;height:64px}.userInfo{flex-direction:column;gap:12px;display:flex}.name{color:var(--white-color);font-size:24px;line-height:17px}.username{color:var(--desc-color);font-family:Roboto,sans-serif;font-size:14px;line-height:10px}.info-row{color:var(--desc-color);justify-content:space-between;font-size:14px;line-height:10px;display:flex}.email-card{border-radius:var(--card-radius);border:1px solid var(--outline-color);flex-direction:column;width:100%;display:flex}.email-card.warning{background:var(--warn-color)}.email-card.verified{background:var(--card-color)}.card-header{color:var(--white-color);padding:24px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;line-height:13px}.card-body{background:var(--black-color);border-radius:var(--card-radius);flex-direction:column;gap:24px;padding:24px;display:flex}.email-box{background:var(--card-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);height:52px;color:var(--desc-color-80);align-items:center;padding:0 24px;font-size:14px;display:flex}.email-hint{color:var(--desc-color-80);font-size:14px;line-height:20px}.email-success{color:var(--green-color);font-size:14px;line-height:10px}.number-input{background:var(--card-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;align-items:center;gap:16px;height:52px;padding:0 16px;display:flex}.number-input input{width:fit-content;color:var(--white-color);appearance:textfield;background:0 0;border:none;outline:none;max-width:50px;padding:0;font-size:14px}.number-input input::-webkit-outer-spin-button{display:none}.number-input input::-webkit-inner-spin-button{display:none}.number-input .arrows{flex-direction:column;gap:2px;display:flex}.number-input .arrows img{cursor:pointer;transition:all .2s var(--transition-fast)}.number-input .arrows img:hover{opacity:.6}.number-input .arrows img:active{transform:scale(.9)translateZ(0)}.setting-container{flex-direction:column;gap:24px;width:100%;display:flex}.setting-main{align-items:flex-start;gap:24px;display:flex}.setting-text{flex-direction:column;flex:1;gap:16px;display:flex}.setting-title{color:var(--white-color);font-family:Roboto,sans-serif;font-size:16px;font-weight:700;line-height:11px}.setting-description{color:var(--desc-color);font-size:14px;line-height:20px}.setting-extra{width:100%;transition:all .2s var(--transition-fast);pointer-events:none;opacity:.4;filter:blur(3px);justify-content:space-between;align-items:center;display:flex}.setting-extra.active{opacity:1;filter:none;pointer-events:all}.setting-extra-label{color:var(--desc-color);font-size:14px;line-height:20px}.setting-select{background:var(--card-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;height:52px;color:var(--white-color);align-items:center;gap:24px;padding:0 16px;font-size:14px;display:flex}.setting-select .arrows{flex-direction:column;gap:2px;display:flex}.setting-select .arrows img{cursor:pointer;transition:all .2s var(--transition-fast)}.setting-select .arrows img:hover{opacity:.6}.setting-select .arrows img:active{transform:scale(.9)translateZ(0)}.balance-container{flex-direction:column;display:flex}.balance-container .balance-card{z-index:3;background:var(--card-color);border-radius:var(--card-radius);outline:1px var(--outline-color) solid;outline-offset:-1px;flex-direction:column;align-items:flex-start;width:100%;height:200px;margin-bottom:-64px;padding:24px;display:flex}.balance-container .balance-card .balance-info{flex-direction:column;justify-content:flex-start;gap:24px;margin-top:auto;display:flex}.balance-container .balance-card .balance-info .balance-label{color:var(--desc-color);font-size:14px;font-weight:400;line-height:10px}.balance-container .balance-card .balance-info .balance-value{color:var(--white-color);font-size:32px;font-weight:400;line-height:22px}.balance-container .balance-card .balance-info .balance-value span:last-child{text-decoration:line-through}.balance-container .balance-action{outline:1px var(--outline-color) solid;outline-offset:-1px;z-index:2;border-radius:var(--card-radius);flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding:88px 24px 24px;display:flex}.history-card{border-radius:var(--card-radius);outline-offset:-1px;outline:var(--outline-color) 1px solid;background:var(--card-color);flex-direction:column;justify-content:center;align-items:flex-end;gap:24px;width:100%;height:170px;padding:24px;display:flex}.history-card .history-top{justify-content:flex-end;align-items:flex-start;gap:24px;width:100%;display:flex}.history-card .history-top .history-info{flex-direction:column;flex:1;gap:24px;display:flex}.history-card .history-top .history-info .history-type{border-radius:var(--card-radius);color:var(--white-color);text-align:center;justify-content:center;align-items:center;gap:10px;width:fit-content;padding:12px;font-size:14px;font-weight:400;line-height:10px;display:inline-flex}.history-card .history-top .history-info .history-date{color:var(--desc-color);font-size:14px;font-weight:400;line-height:20px}.history-card .history-top .history-amount{font-size:24px;font-weight:400;line-height:17px}.history-card .history-top .history-amount span:last-child{text-decoration:line-through}.history-card .history-desc{width:100%;color:var(--white-color);font-size:14px;font-weight:400;line-height:20px}.history-card.skeleton{border-radius:var(--card-radius);background:var(--element-bg);flex-direction:column;justify-content:center;gap:24px;width:100%;height:170px;padding:24px;display:flex}.history-card.skeleton .history-top{justify-content:space-between;gap:24px;width:100%;display:flex}.history-card.skeleton .history-top .history-info{flex-direction:column;flex:1;gap:12px;display:flex}.history-card.skeleton .history-top .history-info .skeleton-box{background:linear-gradient(90deg,#2e2e2e 25%,#3a3a3a 50%,#2e2e2e 75%) 0 0/400px 100%;border-radius:8px;width:100px;height:20px;animation:1.5s linear infinite shimmer}.history-card.skeleton .history-top .history-amount .amount-box{background:linear-gradient(90deg,#2e2e2e 25%,#3a3a3a 50%,#2e2e2e 75%) 0 0/400px 100%;border-radius:8px;width:80px;height:28px;animation:1.5s linear infinite shimmer}.history-card.skeleton .history-desc .desc-box{background:linear-gradient(90deg,#2e2e2e 25%,#3a3a3a 50%,#2e2e2e 75%) 0 0/400px 100%;border-radius:8px;width:100%;height:20px;animation:1.5s linear infinite shimmer}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:200px;display:flex}.header img{width:64px;height:64px}.header .hero-title{color:var(--white-color);font-size:24px;line-height:17px}.header .hero-description{color:var(--desc-color);font-size:14px;line-height:1.4}.segment-selector{background:var(--black-color);outline:1px solid var(--outline-color);outline-offset:-1px;cursor:grab;border-radius:64px;gap:6px;width:100%;padding:6px;display:flex;overflow-x:auto}.segment-selector::-webkit-scrollbar{height:6px}.segment-selector::-webkit-scrollbar-thumb{background:var(--outline-color);border-radius:3px}.segment-selector::-webkit-scrollbar-track{background:0 0}.segment-item{border-radius:var(--card-radius);height:52px;color:var(--white-color);outline-offset:-1px;white-space:nowrap;cursor:pointer;outline:1px solid #0000;justify-content:center;align-items:center;padding:16px;font-size:14px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.segment-item:active{transform:scale(.96)}.segment-item.active{background:var(--element-bg);outline:1px solid var(--outline-color)}.offerCardSub{background:var(--black-gradient);border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;flex-direction:column;gap:24px;width:100%;padding:24px;display:flex}.offerTop{justify-content:space-between;align-items:flex-start;display:flex}.offerTitle{max-width:160px;color:var(--white-color);font-family:Roboto,sans-serif;font-size:18px;font-weight:700}.offerPriceBlock{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.offerPrice{color:var(--white-color);font-size:16px;line-height:11px}.offerOldPrice{color:var(--desc-color);font-size:14px;line-height:10px;text-decoration:line-through}.offerBadges{flex-direction:column;gap:12px;display:flex}.badge{border-radius:var(--card-radius);justify-content:center;align-items:center;width:fit-content;padding:12px;font-size:14px;display:inline-flex}.badge.gradient{background:var(--violet-color);color:var(--white-color)}.badge.green{background:var(--green-color);color:var(--black-color)}.promoCard{background:var(--card-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;flex-direction:column;width:100%;display:flex}.promoHeader{color:var(--white-color);padding:24px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;line-height:13px}.promoBody{background:var(--black-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;padding:24px}.promoInputWrapper{position:relative}.promoInput{width:100%;transition:all .2s var(--transition-fast);padding:0 120px 0 24px}.promoInput:disabled{opacity:.6;cursor:not-allowed}.promoButton{background:var(--element-bg);outline:1px var(--outline-color) solid;height:40px;color:var(--white-color);outline-offset:-1px;cursor:pointer;transition:all .2s var(--transition-fast);border:none;border-radius:20px;padding:0 16px;font-size:12px;position:absolute;top:6px;right:6px}.promoButton:disabled{opacity:.6;cursor:not-allowed}.promoButton.success{color:var(--black-color);background:var(--green-color)}.checkout-button-container{border-radius:var(--card-radius);outline:1px var(--outline-color) solid;outline-offset:-1px;-webkit-backdrop-filter:blur(120px);backdrop-filter:blur(120px);width:calc(100% - 32px);transition:transform .5s var(--transition-fast), opacity .5s ease;opacity:0;pointer-events:none;z-index:9999;background:#0009;flex-direction:column;gap:24px;padding:24px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)translateY(100px)scale(.95)}.checkout-button-container.visible.show{opacity:1;pointer-events:all;transform:translate(-50%)translateY(0)scale(1)}.checkout-button-container.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(100px)scale(.95)}.checkout-button-container .checkout-warning-text{text-align:center;color:var(--red-color);font-size:14px;line-height:10px}.checkout-button-container .checkout-warning-text span{text-decoration:line-through}.dialog-overlay{z-index:9999;background:0 0;justify-content:center;align-items:center;transition:background .28s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;inset:0}.dialog-overlay.open{background:#0009}.dialog{background:var(--black-color);border-radius:var(--card-radius);outline:1px var(--outline-color) solid;opacity:0;flex-direction:column;gap:24px;width:90%;max-width:600px;padding:24px;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(40px)scale(.96)}.dialog.open{opacity:1;transform:translateY(0)scale(1)}.dialog-title{color:var(--white-color);font-family:Roboto,sans-serif;font-size:24px;font-weight:700;line-height:32px}.dialog-description{color:var(--desc-color-80);font-size:14px;line-height:20px}.dialog-actions{justify-content:flex-end;gap:12px;display:flex}.annualPromoCard{background:var(--green-color);border-radius:var(--card-radius);flex-direction:column;width:100%;display:flex}.annualPromoCard .content{flex-direction:column;gap:24px;padding:24px;display:flex}.annualPromoCard .title{color:var(--black-color);font-family:Roboto;font-size:18px;font-weight:700;line-height:32px}.annualPromoCard .description{color:#000c;font-size:14px;font-weight:400;line-height:20px}.annualPromoCard .footer{background:var(--black-color);border-radius:var(--card-radius);outline:1px solid var(--green-color);outline-offset:-1px;padding:6px}.pricing-column{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;width:100%;height:420px;text-decoration:none;display:flex}.pricing-column .pricing-card{aspect-ratio:0;height:fit-content;min-height:0;max-height:none}.top-pricing-card{flex-direction:column;gap:24px;display:flex}.badges{flex-direction:column;gap:6px;display:flex}.bonus{border-radius:var(--card-radius);justify-content:center;align-items:center;gap:10px;width:fit-content;padding:12px;font-size:14px;line-height:10px;display:flex}.bonus.gift{background:var(--violet-color);color:var(--white-color)}.bonus.economy{background:var(--green-color);color:var(--black-color)}.price-container{gap:10px;display:flex}.pricing-card{aspect-ratio:1;z-index:2;background:var(--black-gradient);border-radius:var(--card-radius);outline:1px var(--outline-color) solid;outline-offset:-1px;box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:space-between;align-items:flex-start;width:100%;height:200px;min-height:326px;max-height:326px;padding:24px;transition:all .3s ease-in-out;display:flex}.promo-card .promo-title{font-family:Roboto;font-size:18px;font-weight:700}.promo-card{background:var(--green-gradient);border-radius:var(--card-radius);outline-offset:-1px;outline:1px solid #0000004d;flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:24px;padding:24px 24px 70px;display:flex}.promo-card.popular{background:var(--popular-gradient)}.best-deal{background:var(--black-color);border-radius:var(--card-radius);outline:1px var(--green-color) solid;outline-offset:-1px;flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:24px;height:100%;margin-top:-3.5em;padding:6px;display:flex}.best-deal.popular{outline:1px solid #bce4de}.best-value{z-index:2;flex:1;justify-content:space-between;gap:3.5em}.price-row{justify-content:space-between;align-self:stretch;align-items:flex-start;display:flex}.price{color:var(--white-color);word-wrap:break-word;font-size:30px;font-weight:400;line-height:21px}.price-small{color:var(--white-color);word-wrap:break-word;font-size:14px;font-weight:400;line-height:10px}.discount{background:var(--green-gradient);border-radius:var(--card-radius);justify-content:center;align-items:center;gap:10px;padding:6px;display:flex}.discount.popular{background:var(--popular-gradient)}.discount-text{text-align:right;color:var(--black-color);word-wrap:break-word;font-size:14px;font-weight:400;line-height:10px}.plan-title{white-space:pre-line;color:var(--white-color);word-wrap:break-word;align-self:stretch;font-family:Roboto;font-size:18px;font-weight:700;line-height:24px}.pricing-card-footer{z-index:1;background:var(--black-color);border-radius:var(--card-radius);outline:1px var(--outline-color) solid;outline-offset:-1px;flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;gap:24px;margin-top:-4em;padding:88px 24px 24px;transition:all .3s ease-in-out;display:flex}.pricing-card-footer.best{margin-top:-4.74em;padding:75px 24px 24px}.buy-button{color:var(--white-color);word-wrap:break-word;cursor:pointer;transition:all .2s var(--transition-fast);align-self:stretch;font-size:14px;font-weight:400;line-height:20px}.promo-card .promo-text,.promo-card .promo-title{color:var(--black-color)}.topup-card{background:var(--black-color);border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;flex-direction:column;gap:24px;width:100%;padding:24px;display:flex}.topup-step-header{align-items:center;gap:12px;display:flex}.topup-step-header .step-badge{background:var(--green-color);border-radius:var(--card-radius);min-width:22px;height:22px;color:var(--black-color);justify-content:center;align-items:center;padding:6px;font-size:14px;line-height:10px;display:flex}.topup-step-header h2{color:var(--white-color);margin:0;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;line-height:13px}.topup-amount-input{background:var(--black-color);width:100%}.topup-hint{color:var(--desc-color-80);margin:0;font-size:14px;line-height:20px}.topup-hint s{opacity:.7}.presets-scroll{background:var(--black-color);outline:1px solid var(--outline-color);outline-offset:-1px;border-radius:64px;flex-wrap:wrap;gap:6px;padding:6px;display:flex;overflow-x:auto}.presets-scroll::-webkit-scrollbar{display:none}.presets-scroll{scrollbar-width:none}.preset-chip{border-radius:var(--card-radius);white-space:nowrap;cursor:pointer;height:52px;color:var(--white-color);transition:all .2s var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:16px;font-size:14px;display:flex}.preset-chip s{opacity:.7}.preset-chip:active{transform:scale(.95)}.preset-chip.active{background:var(--element-bg);outline:1px solid var(--outline-color);outline-offset:-1px}.payment-logo{align-items:center;height:30px;display:flex}.radio-dot{background:var(--card-color);border:1px solid var(--outline-color);width:26px;height:26px;transition:all .2s var(--transition-fast);border-radius:64px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.radio-dot.active{background:var(--green-color);border-color:var(--green-color)}.radio-dot.active:after{content:"";background:var(--black-color);border-radius:9999px;width:10px;height:10px}.payment-card-label{color:var(--white-color);font-family:Roboto,sans-serif;font-size:16px;font-weight:700;line-height:1.2}.topup-checkout{border-radius:var(--card-radius);-webkit-backdrop-filter:blur(120px);backdrop-filter:blur(120px);outline:1px solid var(--outline-color);outline-offset:-1px;width:calc(100% - 32px);transition:transform .5s var(--transition-fast), opacity .5s ease;opacity:0;pointer-events:none;z-index:9999;background:#000000a6;flex-direction:column;gap:24px;padding:24px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)translateY(120px)scale(.95)}.topup-checkout.visible{opacity:1;pointer-events:all;transform:translate(-50%)translateY(0)scale(1)}.topup-checkout-summary{flex-direction:column;gap:12px;display:flex}.topup-checkout-hint{color:var(--desc-color);font-size:14px;line-height:20px}.topup-checkout-amount{color:var(--white-color);font-size:32px;line-height:1}.topup-checkout-amount s{opacity:.7}.payment-methods{flex-direction:column;gap:12px;display:flex}.payment-card{border-radius:var(--card-radius);outline:1px solid var(--outline-color);outline-offset:-1px;cursor:pointer;width:100%;height:160px;transition:all .2s var(--transition-fast);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;gap:20px;padding:24px;display:flex}.payment-card:active{transform:scale(.99)}.payment-card.selected{background:var(--element-bg)}.payment-card-top{justify-content:space-between;align-items:flex-start;display:flex}