@font-face{font-family:Styrene;src:url('/assets/fonts/StyreneAWeb-Regular.woff2') format('woff2');font-weight:400}
@font-face{font-family:Styrene;src:url('/assets/fonts/StyreneAWeb-Bold.woff2') format('woff2');font-weight:700}
*{box-sizing:border-box}
:root{--tg-safe-top:env(safe-area-inset-top,0px);--tg-safe-bottom:env(safe-area-inset-bottom,0px);--tg-viewport-height:100vh;--tg-top-gap:34px;--glow-a:#b9a4ff;--glow-b:#ffb6c1;--glow-c:#7bdcff;--glow-a-x:-120px;--glow-a-y:40px;--glow-b-x:-120px;--glow-b-y:80px;--glow-c-x:42vw;--glow-c-y:42vh}
html,body{margin:0;min-height:100%;background:#000;color:#f7f7f8;font-family:Styrene,system-ui,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:var(--tg-viewport-height);overflow-x:hidden}
html.dialog-open,body.dialog-open{overflow:hidden;touch-action:none}
.glow{position:fixed;width:280px;height:280px;border-radius:50%;filter:blur(74px);opacity:.2;pointer-events:none;will-change:transform,opacity;transition:background .5s ease,opacity .5s ease;animation:glowBreath 5.4s ease-in-out infinite}
.glow-a{left:var(--glow-a-x);top:var(--glow-a-y);background:var(--glow-a)}
.glow-b{right:var(--glow-b-x);bottom:var(--glow-b-y);background:var(--glow-b);animation-delay:-2.7s}
.glow-c{left:var(--glow-c-x);top:var(--glow-c-y);width:230px;height:230px;background:var(--glow-c);opacity:.12;animation-delay:-1.4s}
body.bg-tariffs{--glow-a:#b9a4ff;--glow-b:#75f0aa;--glow-c:#ffd36b;--glow-a-x:-110px;--glow-a-y:74px;--glow-b-x:-90px;--glow-b-y:150px;--glow-c-x:54vw;--glow-c-y:23vh}
body.bg-subs{--glow-a:#7bdcff;--glow-b:#b9a4ff;--glow-c:#ffb6c1;--glow-a-x:-128px;--glow-a-y:120px;--glow-b-x:-118px;--glow-b-y:96px;--glow-c-x:45vw;--glow-c-y:50vh}
body.bg-home{--glow-a:#b9a4ff;--glow-b:#ffb6c1;--glow-c:#7bdcff;--glow-a-x:-120px;--glow-a-y:40px;--glow-b-x:-120px;--glow-b-y:80px;--glow-c-x:42vw;--glow-c-y:42vh}
body.bg-ref{--glow-a:#ffb6c1;--glow-b:#ffd36b;--glow-c:#b9a4ff;--glow-a-x:-94px;--glow-a-y:96px;--glow-b-x:-144px;--glow-b-y:132px;--glow-c-x:56vw;--glow-c-y:36vh}
body.bg-more{--glow-a:#c9ff7b;--glow-b:#7bdcff;--glow-c:#ffb6c1;--glow-a-x:-132px;--glow-a-y:158px;--glow-b-x:-86px;--glow-b-y:116px;--glow-c-x:36vw;--glow-c-y:28vh}
.app{position:relative;z-index:1;width:min(720px,100%);min-height:var(--tg-viewport-height);margin:0 auto;padding:calc(14px + var(--tg-safe-top) + var(--tg-top-gap)) 12px calc(122px + var(--tg-safe-bottom));overflow-x:hidden}
.eyebrow{color:#9d9aa8;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
h1{margin:0;font-size:20px;line-height:1}
h2{font-size:17px;margin:18px 0 9px}
.muted{color:#9d9aa8;font-size:13px}
.balance{font-size:30px;font-weight:700;margin-top:3px}
button,a{font-family:inherit}
input,textarea,select{font-family:inherit;font-size:16px;outline:none;-webkit-tap-highlight-color:transparent;caret-color:#b9a4ff;appearance:none;-webkit-appearance:none}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #111114 inset;transition:background-color 9999s ease-out}
.primary,.secondary{position:relative;overflow:hidden;border:0;border-radius:15px;padding:11px 14px;font-weight:700;transition:transform .18s,filter .18s,box-shadow .22s;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.primary{background:#b9a4ff;color:#0b0715}
.secondary{background:#242329;color:#fff;border:1px solid #36343d}
.btn-icon-img{width:18px;height:18px;flex:0 0 18px;object-fit:contain;display:block}
.secondary .btn-icon-img{filter:invert(1)}
.wide{width:100%;margin-top:12px}
.tabs{position:fixed;left:50%;bottom:calc(10px + var(--tg-safe-bottom));z-index:20;display:flex;align-items:center;gap:6px;width:min(500px,calc(100vw - 18px));margin:0;padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:31px;background:rgba(19,19,22,.84);box-shadow:0 20px 54px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translateX(-50%);contain:layout paint}
.tabs:before{content:"";position:absolute;inset:1px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0));pointer-events:none}
.tabs button{position:relative;z-index:1;min-width:0;flex:1 1 0;height:66px;border:0;background:transparent;color:#a9a6b1;border-radius:24px;padding:8px 3px 9px;font-size:11px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:background .24s,color .24s,transform .24s,font-size .24s,flex .28s cubic-bezier(.2,.8,.2,1),border-radius .24s}
.tabs button:before{content:"";width:22px;height:22px;display:block;background:currentColor;transition:width .22s,height .22s,transform .22s;mask:var(--ico) center/contain no-repeat;-webkit-mask:var(--ico) center/contain no-repeat}
.tabs button[data-tab="home"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11.5 12 5l8 6.5V20a1 1 0 0 1-1 1h-5v-6h-4v6H5a1 1 0 0 1-1-1z' fill='black'/%3E%3C/svg%3E")}
.tabs button[data-tab="tariffs"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14l1.2 5.4A3.1 3.1 0 0 1 17 13a3.4 3.4 0 0 1-2.5-1.1A3.4 3.4 0 0 1 12 13a3.4 3.4 0 0 1-2.5-1.1A3.4 3.4 0 0 1 7 13a3.1 3.1 0 0 1-3.2-3.6L5 4Zm1 10.4A4.8 4.8 0 0 0 7 14.5a5 5 0 0 0 2.5-.7 5 5 0 0 0 5 0 5 5 0 0 0 2.5.7 4.8 4.8 0 0 0 1-.1V20a1 1 0 0 1-1 1h-3v-5h-4v5H7a1 1 0 0 1-1-1v-5.6Z' fill='black'/%3E%3C/svg%3E")}
.tabs button[data-tab="subs"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2zm2 4v2h6V8zm0 4v2h6v-2zm0 4v2h4v-2z' fill='black'/%3E%3C/svg%3E")}
.tabs button[data-tab="ref"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 6.4a4.1 4.1 0 1 1 8.2 0 4.1 4.1 0 0 1-8.2 0Zm9.8 2.2a3.4 3.4 0 1 1 6.7 0 3.4 3.4 0 0 1-6.7 0ZM1.5 19.1a7.1 7.1 0 0 1 14.2 0v.1a.8.8 0 0 1-.4.7 13.1 13.1 0 0 1-6.7 1.8 13.1 13.1 0 0 1-6.8-1.8.8.8 0 0 1-.3-.7Zm15.8 0v.2a2.3 2.3 0 0 1-.3.9 10.1 10.1 0 0 0 5.1-1 .8.8 0 0 0 .4-.6 4.9 4.9 0 0 0-7-4.6 8.6 8.6 0 0 1 1.8 5.1Z' fill='black'/%3E%3C/svg%3E")}
.tabs button[data-tab="more"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 1 1-9 9h2a7 7 0 1 0 2-4.9V10H3V4h2v1.7A9 9 0 0 1 12 3zm1 4v5l4 2-.9 1.8L11 13V7z' fill='black'/%3E%3C/svg%3E")}
.tabs button.active{flex:1.45 1 0;background:#f7f7f8;color:#050506;box-shadow:0 9px 24px rgba(0,0,0,.3);font-size:12.5px;border-radius:26px;transform:translateY(-2px);animation:selectedPop .28s ease}
.tabs button.active:before{width:27px;height:27px;transform:translateY(-1px)}
.tabs button:active{transform:scale(.96)}
.panel{display:none;max-width:100%;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0);contain:paint}
.panel.show{display:block}
body.tab-forward .panel.show{animation:panelInRight .32s cubic-bezier(.18,.84,.22,1)}
body.tab-backward .panel.show{animation:panelInLeft .32s cubic-bezier(.18,.84,.22,1)}
body.tab-instant .panel.show{animation:none}
.reveal-item{opacity:0;transform:translate3d(0,18px,0);filter:blur(7px);transition:opacity .48s ease,transform .48s cubic-bezier(.18,.84,.22,1),filter .52s ease;will-change:opacity,transform,filter}
.reveal-item.revealed{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
.grid{display:grid;gap:10px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.compact{margin-top:10px}
.tile,.card{position:relative;overflow:hidden;border:1px solid #28272e;background:rgba(21,21,25,.88);border-radius:17px;padding:13px;color:#fff;text-align:left}
.tile b{display:block;font-size:16px;margin-bottom:5px}
.tile span,.card span{color:#9d9aa8;font-size:13px}
.profile-card{position:relative;overflow:hidden;border:1px solid #28272e;background:linear-gradient(180deg,rgba(20,20,24,.96),rgba(9,9,11,.94));border-radius:24px;padding:0 14px 15px;color:#fff;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)}
.profile-cover{height:138px;margin:0 -14px;background:radial-gradient(circle at 18% 22%,rgba(185,164,255,.8),transparent 28%),radial-gradient(circle at 88% 18%,rgba(255,182,193,.58),transparent 30%),linear-gradient(135deg,#101014,#24192f 48%,#120c12);position:relative;overflow:hidden}
.profile-cover:before{content:"";position:absolute;inset:-18px;background-image:var(--profile-cover-img),linear-gradient(120deg,rgba(255,255,255,.09) 0 1px,transparent 1px),linear-gradient(210deg,rgba(255,255,255,.06) 0 1px,transparent 1px);background-size:cover,38px 38px,38px 38px;background-position:center;filter:blur(var(--profile-cover-blur,0));transform:scale(var(--profile-cover-scale,1));opacity:var(--profile-cover-opacity,.42)}
.profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.36) 48%,rgba(0,0,0,.08)),linear-gradient(180deg,rgba(0,0,0,.05),rgba(9,9,11,.78));pointer-events:none}
.avatar{position:relative;width:106px;height:106px;margin:-53px auto 0;border:7px solid #0b0b0d;border-radius:50%;background:linear-gradient(135deg,#b9a4ff,#f7f7f8);display:grid;place-items:center;color:#09070d;font-size:36px;font-weight:700;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.42)}
.avatar img{width:100%;height:100%;object-fit:cover}
.profile-card h2{margin:12px 0 4px;font-size:22px;line-height:1.15}
.profile-card>.muted{margin-bottom:13px}
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:4px}
.profile-grid div{border:1px solid #2d2c33;background:rgba(10,10,12,.55);border-radius:15px;padding:11px}
.profile-grid span{display:block;color:#9d9aa8;font-size:12px;margin-bottom:5px}
.profile-grid b{font-size:17px}
.ref-card{display:grid;gap:10px}
.ref-hero + .ref-card{margin-top:10px}
.ref-hero{background:linear-gradient(135deg,rgba(185,164,255,.18),rgba(255,182,193,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.ref-hero b{font-size:18px}
.ref-hero p{margin:8px 0 0;color:#c7c3ce;line-height:1.38}
.ref-link-row{display:flex;align-items:center;gap:8px;min-width:0}
.ref-link{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d9d0ff;background:#0b0b0d;border:1px solid #24232a;border-radius:14px;padding:11px;font-size:13px}
.ref-link-row .secondary{flex:0 0 auto}
.ref-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.ref-stats div{border:1px solid #28272e;background:rgba(21,21,25,.88);border-radius:17px;padding:14px}
.ref-stats span{display:block;color:#9d9aa8;font-size:12px;margin-bottom:6px}
.ref-stats b{font-size:22px}
.ref-info{display:grid;gap:8px;margin-top:10px}
.ref-info-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:8px}
.ref-info-row:last-child{border-bottom:0;padding-bottom:0}
.ref-info-row.hidden{display:none}
.ref-info-row span{color:#9d9aa8;font-size:12px}
.ref-info-row b{font-size:13px;text-align:right;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#partnerPayoutDetails{white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.3}
.payout-card{display:grid;gap:10px;margin-top:10px}
.payout-methods{margin-top:0}
.payout-divider{height:1px;margin:2px 0;background:linear-gradient(90deg,transparent,rgba(185,164,255,.32),rgba(255,182,193,.18),transparent)}
.payout-input-row{display:grid;grid-template-columns:112px 1fr;gap:8px}
.payout-input-row.card-mode{grid-template-columns:1fr}
.payout-input-row.card-mode .country-code{display:none}
.payout-input-row.crypto-mode{display:none}
.payout-input-row input,.country-code,.payout-crypto-block input{min-width:0;border:1px solid #2e2d34;background:#111114;color:#fff;border-radius:15px;padding:12px;line-height:1.35;transition:border-color .22s,box-shadow .22s,background .22s}
.country-code{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:7px;padding:0 10px;overflow:hidden}
#payoutCountryFlag{display:inline-flex;align-items:center;justify-content:center;width:26px;height:18px;min-width:26px;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.12);font-size:0}
#payoutCountryFlag:before{content:attr(data-flag);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",system-ui,sans-serif;font-size:18px;line-height:1}
#payoutCountryFlag.flag-ru:before{content:"";width:100%;height:100%;background:linear-gradient(to bottom,#fff 0 33.33%,#2457d6 33.33% 66.66%,#f02938 66.66% 100%)}
.country-code-static{font-size:16px;font-weight:800;color:#fff;line-height:1.35}
.payout-input-row input{font-size:16px;font-weight:700}
.country-code:focus-within,.payout-input-row input:focus,.payout-crypto-block input:focus{border-color:#b9a4ff;background:#15131b;box-shadow:0 0 0 3px rgba(185,164,255,.14)}
.payout-crypto-block{display:none;gap:8px}
.payout-crypto-block.show{display:grid}
.payout-crypto-block input{width:100%;font-size:16px;font-weight:700}
.payout-crypto-options{margin-top:0}
.payout-crypto-options button{justify-content:center;text-align:center}
.payout-bank-block{display:none;gap:8px;opacity:0;transform:translateY(-8px);pointer-events:none}
.payout-bank-block.show{display:grid;opacity:1;transform:none;pointer-events:auto;animation:banksSlide .26s cubic-bezier(.2,.8,.2,1)}
.payout-banks{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;max-height:420px;overflow:auto;-webkit-overflow-scrolling:touch;padding-right:2px}
.payout-banks button{min-height:54px}
.bank-logo{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:#fff;overflow:hidden}
.bank-logo img{display:block;max-width:28px;max-height:28px;width:auto;height:auto;object-fit:contain}
.list{display:grid;gap:10px}
.item{border:1px solid #28272e;background:rgba(18,18,21,.9);border-radius:17px;padding:12px}
.empty-state{min-height:48vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,18,21,.72),rgba(9,9,11,.76));border-radius:24px;padding:34px 18px;color:#fff}
.empty-icon{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 34px rgba(0,0,0,.22)}
.empty-icon img{width:32px;height:32px;filter:invert(1);opacity:.86}
.empty-state h3{margin:16px 0 6px;font-size:20px}
.empty-state p{margin:0 0 14px;color:#9d9aa8;font-size:14px;line-height:1.35}
.empty-state .secondary{min-width:168px;background:#242329;color:#d8d4df}
.row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.item h3{margin:0 0 7px;font-size:16px}
.title-shine{display:inline-block;max-width:100%;color:#fff;background:linear-gradient(100deg,#a9a6b1 0%,#d8d4df 18%,#fff 32%,#d9d0ff 46%,#a9a6b1 64%,#a9a6b1 100%);background-size:360px 100%;background-position:-180px 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 2.8s linear infinite;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item p{margin:4px 0;color:#aaa7b0;font-size:13px;line-height:1.35}
.item code,.card code{display:block;word-break:break-all;color:#d9d0ff;background:#0b0b0d;border:1px solid #24232a;border-radius:12px;padding:9px;margin:7px 0}
.pill{display:inline-flex;border:1px solid #34323b;border-radius:999px;padding:5px 9px;color:#c9c7d0;font-size:12px;margin:3px 4px 0 0}
.pill.status-active{color:#5ee878;border-color:rgba(94,232,120,.34);background:rgba(94,232,120,.1)}
.pill.status-inactive{color:#ff9fa8;border-color:rgba(255,159,168,.34);background:rgba(255,159,168,.1)}
.pill.status-frozen{color:#ffd36b;border-color:rgba(255,211,107,.36);background:rgba(255,211,107,.1)}
.sub-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
.sub-actions .primary,.sub-actions .secondary{width:100%}
.amount-plus{color:#63e67a}
.amount-minus{color:#ff9fa8}
.amount-zero{color:#f7f7f8}
.coupon,.pay-row{display:flex;gap:8px}
.card .muted + .pay-row{margin-top:9px}
.coupon input,.pay-row input{min-width:0;flex:1;border:1px solid #2e2d34;background:#111114;color:#fff;border-radius:15px;padding:11px;transition:border-color .22s,box-shadow .22s,background .22s}
.coupon input:focus,.pay-row input:focus{border-color:#b9a4ff;background:#15131b;box-shadow:0 0 0 3px rgba(185,164,255,.14)}
.pay-row input{min-height:52px;border-radius:18px;padding:13px 15px;font-size:22px;font-weight:700;background:linear-gradient(135deg,rgba(185,164,255,.12),rgba(255,182,193,.07));border-color:rgba(185,164,255,.38)}
.pay-row input::placeholder{font-size:15px;font-weight:500;color:#8f8a99}
.pay-row input:focus{box-shadow:0 0 0 3px rgba(185,164,255,.16),0 12px 30px rgba(185,164,255,.1)}
.method-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.method-list button{position:relative;overflow:hidden;border:1px solid #302e38;background:#121216;color:#d8d4df;border-radius:14px;padding:9px 10px;font-weight:700;display:flex;align-items:center;gap:9px;text-align:left;transition:background .24s,color .24s,border-color .24s,transform .2s,box-shadow .24s}
.method-list button.active{background:linear-gradient(135deg,rgba(185,164,255,.22),rgba(255,182,193,.13));color:#fff;border-color:#b9a4ff;box-shadow:0 10px 24px rgba(185,164,255,.14),inset 0 1px 0 rgba(255,255,255,.08)}
.pay-logo{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 18px rgba(0,0,0,.24);overflow:hidden}
.pay-logo img{display:block;max-width:27px;max-height:27px;width:auto;height:auto;object-fit:contain}
.pay-logo-crypto,.pay-logo-telegram_stars{background:transparent}
.pay-logo-crypto img,.pay-logo-telegram_stars img{width:100%;height:100%;max-width:34px;max-height:34px;border-radius:11px;object-fit:cover}
.method-list button.active .pay-logo{box-shadow:0 8px 18px rgba(0,0,0,.22)}
.purchase-intro{margin-bottom:12px;background:linear-gradient(135deg,rgba(185,164,255,.18),rgba(255,182,193,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.purchase-intro b{display:block;font-size:18px;margin-bottom:7px}
.purchase-intro p{margin:0;color:#c7c3ce;font-size:13px;line-height:1.38}
.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
.preset-card{--preset-accent:#b9a4ff;position:relative;overflow:hidden;min-height:218px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(180deg,rgba(24,24,29,.94),rgba(13,13,16,.96));box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);color:#fff;text-align:left;padding:0;transition:transform .42s cubic-bezier(.16,1,.3,1),border-color .32s,box-shadow .32s}
.preset-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--preset-accent) 26%,transparent) 0%,transparent 62%);opacity:.3;transition:opacity .35s}
.preset-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;gap:10px;padding:14px}
.preset-image{position:relative;height:82px;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--preset-accent) 90%,#fff),color-mix(in srgb,var(--preset-accent) 58%,#202027));display:flex;align-items:flex-end;padding:10px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);transition:transform .42s cubic-bezier(.16,1,.3,1)}
.preset-image:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,transparent 34%,rgba(255,255,255,.2) 45%,transparent 56%,transparent 100%),repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 2px,transparent 2px 5px);background-size:260% 100%,auto;opacity:.62;transform:translate3d(-36%,0,0);animation:presetImageShine 2.2s linear infinite}
.preset-image span{position:relative;z-index:1;font-size:22px;font-weight:700;color:#050506}
.preset-text{display:flex;flex-direction:column;gap:5px}
.preset-text b{font-size:16px;line-height:1.15}
.preset-text small{font-size:12px;line-height:1.3;color:#aaa7b0}
.preset-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.preset-footer strong{font-size:17px;color:#fff}
.preset-check{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--preset-accent);color:#08080a;font-size:17px;font-weight:800;opacity:0;transform:scale(.55) rotate(-20deg);transition:opacity .22s ease,transform .28s cubic-bezier(.18,.84,.22,1)}
.preset-check.show{opacity:1;transform:scale(1) rotate(0)}
.preset-card.active,.preset-card:hover{transform:translateY(4px);border-color:color-mix(in srgb,var(--preset-accent) 46%,transparent);box-shadow:0 18px 44px rgba(0,0,0,.32),0 0 0 1px color-mix(in srgb,var(--preset-accent) 16%,transparent)}
.preset-card.active .preset-image,.preset-card:hover .preset-image{transform:translateY(3px)}
.preset-card.active .preset-check{box-shadow:0 0 0 5px color-mix(in srgb,var(--preset-accent) 18%,transparent)}
.preset-card.active{animation:presetActivate .46s cubic-bezier(.16,1,.3,1)}
.preset-custom-block{margin-bottom:14px}
.custom-settings-divider{margin:18px 0 14px}
.custom-package-toggle{margin:0 0 12px;background:rgba(18,18,21,.92);border-color:rgba(185,164,255,.24);justify-content:center;gap:10px}
.custom-package-toggle.active{background:linear-gradient(135deg,rgba(185,164,255,.18),rgba(255,182,193,.08));border-color:rgba(185,164,255,.46)}
.custom-chevron{position:relative;width:28px;height:28px;display:block;background:transparent!important;animation:customChevronIdle 1.35s ease-in-out infinite;transform-origin:50% 50%;transition:transform .34s cubic-bezier(.18,.84,.22,1)}
.custom-chevron span{position:absolute;top:13px;width:15px;height:3px;border-radius:999px;background:#fff;box-shadow:none;filter:none;transition:transform .34s cubic-bezier(.18,.84,.22,1)}
.custom-chevron span:first-child{left:2px;transform:rotate(45deg)}
.custom-chevron span:last-child{right:2px;transform:rotate(-45deg)}
.custom-package-toggle.active .custom-chevron{animation:none;transform:rotate(180deg) scale(1.05)}
.custom-package-settings{max-height:0;opacity:0;transform:translate3d(0,-8px,0);transition:max-height .36s cubic-bezier(.18,.84,.22,1),opacity .24s ease,transform .32s cubic-bezier(.18,.84,.22,1);overflow:hidden}
.custom-package-settings.open{max-height:1600px;opacity:1;transform:translate3d(0,0,0)}
.purchase-divider{height:1px;margin:18px 0 4px;background:linear-gradient(90deg,transparent,rgba(185,164,255,.34),rgba(255,182,193,.22),transparent)}
.package-card{margin-top:14px;margin-bottom:4px}
.package-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.choice-grid button{position:relative;overflow:hidden;border:1px solid #302e38;background:#121216;color:#d6d2df;border-radius:15px;padding:12px 10px;font-weight:700;text-align:left;transition:background-color .28s ease,color .28s ease,border-color .28s ease,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}
.choice-grid button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--tap-x,50%) var(--tap-y,50%),rgba(255,255,255,.3),rgba(255,255,255,.13) 22%,transparent 54%);opacity:0;transform:scale(.55);pointer-events:none}
.choice-grid button.purchase-pulse{animation:purchasePress .28s cubic-bezier(.2,.8,.2,1)}
.choice-grid button.purchase-pulse:before{animation:purchaseGlow .44s ease}
.choice-grid button:active,.method-list button:active,.primary:active,.secondary:active,.tile:active{transform:scale(.985)}
.choice-grid button.active{background:#f7f7f8;color:#050506;border-color:#f7f7f8;box-shadow:0 10px 24px rgba(0,0,0,.24)}
.choice-grid button.locked{opacity:.8}
.purchase-pay{min-height:58px;padding:16px 18px;border-radius:19px;font-size:17px;box-shadow:0 14px 34px rgba(185,164,255,.22)}
.purchase-pay:active{transform:scale(.975)}
.mini-icon{display:inline-block;width:17px;height:17px;margin-right:7px;vertical-align:-3px;background:currentColor;mask:var(--mini) center/contain no-repeat;-webkit-mask:var(--mini) center/contain no-repeat}
.mini-icon.lock{--mini:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V8a5 5 0 0 1 10 0v2h1a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1zm2 0h6V8a3 3 0 0 0-6 0z' fill='black'/%3E%3C/svg%3E")}
.mini-icon.game{--mini:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 9h10a5 5 0 0 1 4.7 3.3l1.1 3.3a3 3 0 0 1-5 3l-1.7-1.6H7.9l-1.7 1.6a3 3 0 0 1-5-3l1.1-3.3A5 5 0 0 1 7 9zm1 3H6v2H4v2h2v2h2v-2h2v-2H8zm8.5 2a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm3 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' fill='black'/%3E%3C/svg%3E")}
.mini-icon.routes{--mini:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 3v6c0 5-3.2 9.4-8 11-4.8-1.6-8-6-8-11V5zm0 4.2L8 7.7v3.7c0 3.1 1.5 5.8 4 7.1 2.5-1.3 4-4 4-7.1V7.7z' fill='black'/%3E%3C/svg%3E")}
.connect-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;text-decoration:none}
.denied{margin-top:24px;text-align:center;border:1px solid #4a252a;background:linear-gradient(135deg,#2b1015,#14090b);border-radius:24px;padding:28px 18px}
.denied .lock{margin:0 auto 10px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffb4bd;color:#25070c;font-weight:700}
.denied a{display:inline-block;margin-top:10px;color:#fff}
.browser-gate{min-height:100vh;display:grid;place-items:center;padding-bottom:14px}
.browser-card{width:min(420px,100%);margin:0;box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)}
.browser-card h2{font-size:24px;margin-top:8px}
.browser-card p{color:#d0c8cc;line-height:1.45}
.browser-card a{border:0;border-radius:15px;padding:12px 16px;background:#b9a4ff;color:#0b0715;text-decoration:none;font-weight:700}
.toast{position:fixed;left:50%;bottom:calc(106px + var(--tg-safe-bottom));max-width:calc(100vw - 42px);transform:translateX(-50%) translateY(20px);background:#f7f7f8;color:#050506;border-radius:12px;padding:9px 12px;opacity:0;pointer-events:none;transition:.2s;z-index:30;font-size:13px;font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;transition:opacity .34s ease,background .34s ease,backdrop-filter .42s ease,-webkit-backdrop-filter .42s ease;pointer-events:none}
.dialog-backdrop[hidden]{display:none}
.dialog-backdrop.show{opacity:1;background:rgba(0,0,0,.56);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto}
.dialog-card{position:relative;overflow:hidden;width:min(430px,100%);border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(180deg,rgba(23,23,28,.96),rgba(9,9,11,.98));box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.08);padding:20px;color:#fff;opacity:0;transform:translate3d(0,18px,0) scale(.96);transition:opacity .3s ease,transform .38s cubic-bezier(.18,.84,.22,1)}
.dialog-backdrop.show .dialog-card{opacity:1;transform:translate3d(0,0,0) scale(1)}
.dialog-orb{position:absolute;right:-58px;top:-72px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(185,164,255,.38),transparent 68%);pointer-events:none}
.dialog-card h2{position:relative;margin:0 0 9px;font-size:22px;line-height:1.15}
.dialog-card p{position:relative;margin:0;color:#bdb9c6;font-size:14px;line-height:1.42}
.dialog-details{position:relative;display:grid;gap:8px;margin-top:15px}
.dialog-details div{display:flex;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.04);padding:10px 12px}
.dialog-details span{color:#9d9aa8;font-size:13px}
.dialog-details b{font-size:13px;text-align:right}
.dialog-actions{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.dialog-actions button{min-height:48px}
.dialog-card.trial .dialog-orb{background:radial-gradient(circle,rgba(255,211,107,.4),transparent 68%)}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes panelInRight{0%{opacity:.28;transform:translate3d(18px,0,0)}38%{opacity:.62}68%{opacity:.86}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes panelInLeft{0%{opacity:.28;transform:translate3d(-18px,0,0)}38%{opacity:.62}68%{opacity:.86}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes selectedPop{0%{transform:scale(.96)}70%{transform:scale(1.04)}100%{transform:translateY(-2px) scale(1)}}
@keyframes purchasePress{0%{transform:scale(.985)}65%{transform:scale(1.018)}100%{transform:scale(1)}}
@keyframes purchaseGlow{0%{opacity:0;transform:scale(.45)}35%{opacity:1}100%{opacity:0;transform:scale(1.9)}}
@keyframes presetImageShine{0%{transform:translate3d(-36%,0,0)}55%,100%{transform:translate3d(36%,0,0)}}
@keyframes presetActivate{0%{transform:translateY(0) scale(.985)}55%{transform:translateY(7px) scale(1.018)}100%{transform:translateY(4px) scale(1)}}
@keyframes customChevronIdle{0%,100%{transform:translateY(-1px)}50%{transform:translateY(2px)}}
@keyframes customGearBreath{0%,100%{box-shadow:0 0 16px rgba(185,164,255,.14);filter:brightness(1)}50%{box-shadow:0 0 26px rgba(255,182,193,.22);filter:brightness(1.12)}}
@keyframes glowBreath{0%,100%{opacity:.18;transform:translate3d(0,0,0) scale(.94)}50%{opacity:.3;transform:translate3d(10px,-8px,0) scale(1.08)}}
@keyframes banksSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes textShine{from{background-position:-180px 0}to{background-position:180px 0}}
@media (max-width:420px){.app{padding-left:10px;padding-right:10px}.tabs{gap:4px;width:calc(100vw - 14px);padding:7px}.tabs button{height:60px;font-size:10px;padding:7px 2px 8px;gap:5px}.tabs button.active{flex:1.6 1 0;font-size:11.5px}.tabs button:before{width:21px;height:21px}.tabs button.active:before{width:25px;height:25px}.grid.two,.method-list,.preset-grid{grid-template-columns:1fr}.payout-input-row{grid-template-columns:96px 1fr}.balance{font-size:27px}.ref-link-row{display:grid}.ref-link-row .secondary{width:100%}}
@media (prefers-reduced-motion:reduce){.reveal-item{opacity:1;transform:none;filter:none;transition:none}.title-shine{animation:none;background:#fff;-webkit-background-clip:text;background-clip:text}}