*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #6c63ff;--accent-rgb: 108,99,255;--accent2: #a855f7;--accent3: #06b6d4;--neon: #7c3aed;--bg: #080b14;--card: rgba(255,255,255,.05);--border: rgba(255,255,255,.1);--glass: rgba(255,255,255,.06);--glass-hover: rgba(255,255,255,.1);--glass-border:rgba(255,255,255,.12);--text: #f1f5f9;--text-muted: #94a3b8;--muted: #64748b;--success: #22d3ee;--danger: #f43f5e;--warning: #fbbf24}[data-theme=tr]{--accent:#e8192c;--accent-rgb:232,25,44;--accent2:#9b0e1a;--accent3:#ff6b35;--bg:#100508}[data-theme=by]{--accent:#1a9e4a;--accent-rgb:26,158,74;--accent2:#0f7034;--accent3:#cf101a;--bg:#050e08}[data-theme=by2]{--accent:#9b5de5;--accent-rgb:155,93,229;--accent2:#7209b7;--accent3:#00f5d4;--bg:#09050f}[data-theme=kz]{--accent:#00b4d8;--accent-rgb:0,180,216;--accent2:#0077a8;--accent3:#f4b942;--bg:#030d12}[data-theme=mn]{--accent:#e07b39;--accent-rgb:224,123,57;--accent2:#b85f20;--accent3:#3a5ba0;--bg:#0d0803}[data-theme=fi]{--accent:#1a6fc4;--accent-rgb:26,111,196;--accent2:#0d4d8f;--accent3:#a8daff;--bg:#03060d}[data-theme=pl]{--accent:#d4213d;--accent-rgb:212,33,61;--accent2:#8c0f24;--accent3:#ffb703;--bg:#0d0204}[data-theme=lv]{--accent:#8b1a2e;--accent-rgb:139,26,46;--accent2:#5e0f1e;--accent3:#e8a020;--bg:#0a0304}[data-theme=ee]{--accent:#0061b3;--accent-rgb:0,97,179;--accent2:#003d7a;--accent3:#e8f4ff;--bg:#02040a}[data-theme=ge]{--accent:#c0392b;--accent-rgb:192,57,43;--accent2:#7b1e15;--accent3:#d4a017;--bg:#0d0302}[data-theme=lt]{--accent:#f4a800;--accent-rgb:244,168,0;--accent2:#c47d00;--accent3:#2d7d46;--bg:#0d0900}[data-theme=az]{--accent:#0ab8c8;--accent-rgb:10,184,200;--accent2:#077a88;--accent3:#00a651;--bg:#020d0e}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100%;-webkit-font-smoothing:antialiased;overflow-x:hidden}.blob-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;animation:float 12s ease-in-out infinite}.blob-1{width:320px;height:320px;background:var(--accent);top:-80px;left:-60px;animation-delay:0s}.blob-2{width:280px;height:280px;background:var(--accent2);bottom:-60px;right:-40px;animation-delay:-4s}.blob-3{width:200px;height:200px;background:var(--accent3);top:40%;left:50%;animation-delay:-8s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-24px) scale(1.06)}}.app-shell{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;max-width:430px;margin:0 auto}.page-content{flex:1;padding:0 16px 110px}.bottom-nav-wrap{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;padding:0 16px max(16px,env(safe-area-inset-bottom));z-index:100;pointer-events:none}.bottom-nav{pointer-events:all;display:flex;align-items:center;background:#0e111bd1;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-border);border-radius:26px;padding:10px 8px;box-shadow:0 8px 32px #00000073,0 2px 8px #0000004d,inset 0 1px #ffffff0f}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:none;cursor:pointer;padding:6px 4px;border-radius:18px;transition:background .18s;position:relative}.nav-item:hover{background:#ffffff0d}.nav-item.active{background:#ffffff12}.nav-label{font-size:10px;font-weight:500;color:#4b5563;transition:color .18s}.nav-item.active .nav-label{color:var(--accent)}.glass{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px}.glass-sm{border-radius:16px}.esim-card-wrap{margin:8px 0 28px;filter:drop-shadow(0 0 1.5px rgba(255,255,255,.18)) drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 28%,transparent)) drop-shadow(0 16px 40px rgba(0,0,0,.6))}.esim-card{position:relative;clip-path:polygon(0 14px,2px 6px,6px 2px,14px 0,calc(100% - 80px) 0,calc(100% - 68px) 2px,calc(100% - 10px) 62px,calc(100% - 2px) 74px,100% 80px,100% calc(100% - 14px),calc(100% - 2px) calc(100% - 6px),calc(100% - 6px) calc(100% - 2px),calc(100% - 14px) 100%,14px 100%,6px calc(100% - 2px),2px calc(100% - 6px),0 calc(100% - 14px));overflow:hidden;padding:32px 28px 28px;min-height:480px}.esim-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 48%,transparent) 0%,color-mix(in srgb,var(--accent2) 30%,transparent) 50%,transparent 100%);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.esim-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#080b1459}.esim-card-inner{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}.esim-label{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;opacity:.55;font-weight:600;margin-bottom:8px}.esim-balance{font-size:52px;font-weight:800;letter-spacing:-2px;color:#fff;line-height:1;margin-bottom:4px}.esim-balance sub{font-size:20px;font-weight:500;opacity:.7;vertical-align:bottom;margin-left:5px}.esim-bottom-row{position:absolute;bottom:28px;left:28px;right:28px;display:flex;align-items:flex-end;gap:20px;z-index:2}.esim-stats{flex:1;display:flex;flex-direction:column;gap:14px;padding-bottom:6px}.esim-stat{display:flex;flex-direction:column;gap:6px}.esim-stat-head{display:flex;justify-content:space-between;align-items:baseline}.esim-stat-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff73;font-weight:600}.esim-stat-val{font-size:11px;font-weight:700;color:#ffffffbf}.esim-bar-track{height:5px;border-radius:99px;background:#ffffff1a;overflow:hidden}.esim-bar-fill{height:100%;border-radius:99px;box-shadow:0 0 6px currentColor;transition:width .6s ease}.esim-chip-flip{flex-shrink:0;z-index:3;width:180px;height:260px;perspective:1000px;cursor:pointer;-webkit-tap-highlight-color:transparent}.esim-chip-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,.8,.35,1);will-change:transform}.esim-chip-flip.flipped .esim-chip-3d{transform:rotateY(180deg)}.esim-chip{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(160deg,#fef3a0,#e8b84b 18%,#c8922a 40%,#f5d78e 60%,#d4a234 78%,#b07820);border-radius:16px;box-shadow:0 12px 48px #000000b3,0 4px 16px #00000080,inset 0 2px #ffffff8c,inset 0 -2px #00000059,0 0 0 1.5px #0000004d}.esim-chip-front{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);gap:4px;padding:14px 11px}.esim-chip-line{background:#0003;border-radius:4px;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000026}.esim-chip-front .esim-chip-line:nth-child(5){grid-column:1 / -1;background:#00000040}.esim-chip-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:16px}.esim-qr-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff47;border:1.5px solid rgba(26,18,8,.35);border-radius:14px;padding:16px 14px;color:#1a1208;font-size:13px;font-weight:800;cursor:pointer;text-align:center;line-height:1.2;transition:transform .15s,background .15s;-webkit-tap-highlight-color:transparent}.esim-qr-btn:active{transform:scale(.94);background:#fff6}.esim-dots{position:absolute;bottom:22px;right:26px;z-index:3;display:flex;gap:5px}.esim-dot{width:7px;height:7px;border-radius:50%;background:#ffffff38}.esim-dot:last-child{background:#ffffff8c}.esim-actions{display:flex;gap:12px;margin-top:16px;position:relative;z-index:5}.esim-btn{flex:1;padding:16px 12px;border-radius:16px;border:none;cursor:pointer;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;transition:transform .15s,opacity .15s}.esim-btn:active{transform:scale(.96);opacity:.85}.esim-btn-top{background:#ffffff24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.22)}.esim-btn-buy{background:#fff;color:#0f172a;box-shadow:0 4px 16px #fff3}.section-title{font-size:18px;font-weight:700;margin:0 0 14px;display:flex;align-items:center;gap:8px}.section-count{font-size:12px;font-weight:600;padding:2px 8px;border-radius:20px;background:var(--glass);color:var(--muted)}.tx-list{display:flex;flex-direction:column;gap:2px}.tx-item{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;background:var(--glass);border:1px solid var(--glass-border);transition:background .15s,transform .1s}.tx-item:first-child{border-radius:20px 20px 4px 4px}.tx-item:last-child{border-radius:4px 4px 20px 20px}.tx-item:only-child{border-radius:20px}.tx-item:hover{background:var(--glass-hover)}.tx-item:active{transform:scale(.99)}.tx-icon{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px}.tx-icon.green{background:#22d3ee26}.tx-icon.blue{background:#6366f126}.tx-icon.red{background:#f43f5e26}.tx-icon.yellow{background:#fbbf2426}.tx-info{flex:1;min-width:0}.tx-title{font-size:14px;font-weight:600}.tx-sub{font-size:12px;color:var(--muted);margin-top:2px}.tx-amount{font-size:15px;font-weight:700;white-space:nowrap}.tx-amount.neg{color:var(--text);opacity:.85}.tx-amount.pos{color:var(--success)}.op-list{display:flex;flex-direction:column;gap:10px}.op-row{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;cursor:pointer;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;transition:background .15s,transform .12s}.op-row:hover{background:var(--glass-hover)}.op-row:active{transform:scale(.99)}.op-row-icon{width:42px;height:42px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--glass-border)}.op-row-info{flex:1;min-width:0}.op-row-name{font-size:15px;font-weight:700;color:var(--text)}.op-row-sub{font-size:12px;color:var(--muted);margin-top:3px}.lang-switch{display:flex;gap:8px;margin-bottom:20px}.lang-opt{flex:1;padding:13px 8px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-border);color:var(--text);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lang-opt.active{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#fff;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 35%,transparent)}.plan-grid{display:flex;flex-direction:column}.plan-card{position:relative;display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;cursor:pointer;background:var(--glass);border:1px solid var(--glass-border);transition:background .15s,transform .12s;margin-bottom:10px}.plan-card:hover{background:var(--glass-hover)}.plan-card:active{transform:scale(.98)}.plan-card-hot{position:relative;border-color:rgba(var(--accent-rgb),.45)!important;background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),var(--glass))!important}.plan-hot-badge{position:absolute;top:-10px;right:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700;color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb),.4);pointer-events:none}.plan-badge{width:64px;height:64px;border-radius:18px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 35%,transparent)}.plan-badge .gb{font-size:16px;font-weight:800;color:#fff;line-height:1.1}.plan-badge .days{font-size:10px;color:#ffffffb3}.plan-info{flex:1}.plan-name{font-size:15px;font-weight:600}.plan-op{font-size:12px;color:var(--muted);margin-top:3px}.plan-price{font-size:18px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.chip{padding:9px 18px;border-radius:50px;background:var(--glass);border:1px solid var(--glass-border);font-size:13px;font-weight:600;cursor:pointer;color:var(--text);transition:all .15s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chip:hover,.chip.active{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#fff;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 35%,transparent)}.detail-hero{border-radius:28px;padding:32px 24px;margin-bottom:20px;text-align:center;position:relative;overflow:hidden;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.detail-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent2) 20%,transparent) 60%,transparent)}.detail-hero>*{position:relative;z-index:1}.hero-gb{font-size:60px;font-weight:900;color:#fff;line-height:1}.hero-days{font-size:16px;color:#ffffffa6;margin-top:4px}.hero-price{font-size:36px;font-weight:800;margin-top:14px;color:#fff}.info-block{background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;margin-bottom:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--glass-border)}.info-row:last-child{border-bottom:none}.info-label{font-size:13px;color:var(--muted)}.info-value{font-size:14px;font-weight:600}.btn{width:100%;padding:16px;border-radius:18px;border:none;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s,transform .12s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 35%,transparent)}.btn-ghost{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 16px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#fff;letter-spacing:-1px;box-shadow:0 8px 30px color-mix(in srgb,var(--accent) 40%,transparent);overflow:hidden;flex-shrink:0}.avatar-photo{background:none;padding:0}.avatar-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-name{text-align:center;font-size:22px;font-weight:700}.profile-sub{text-align:center;font-size:14px;color:var(--muted);margin-top:4px}.amount-input{width:100%;background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;color:var(--text);font-size:32px;font-weight:700;text-align:center;padding:20px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.amount-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.quick-amounts{display:flex;gap:8px;margin:12px 0 24px}.quick-btn{flex:1;padding:12px 4px;background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;color:var(--text);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-btn:hover{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#fff}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:30px;font-size:14px;font-weight:700}.status-badge.fulfilled{background:#22d3ee26;color:var(--success)}.status-badge.pending{background:#fbbf2426;color:var(--warning)}.status-badge.canceled{background:#f43f5e26;color:var(--danger)}.empty{text-align:center;padding:60px 24px;color:var(--muted)}.empty-icon{margin:0 auto 16px;display:flex;justify-content:center}.empty-text{font-size:15px;line-height:1.6;white-space:pre-line}.tx-icon-wrap{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--glass-border)}.loader{display:flex;justify-content:center;padding:80px 0}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--glass-border);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.mono{font-family:SF Mono,Fira Code,monospace;font-size:12px;word-break:break-all;color:var(--muted)}.mt12{margin-top:12px}.mt20{margin-top:20px}.divider{height:1px;background:var(--glass-border);margin:20px 0}.qr-wrap{background:#fff;border-radius:16px;padding:16px;display:inline-block}.qr-wrap img{display:block;width:180px;height:180px}.pay-method-card{width:100%;display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;cursor:pointer;text-align:left;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .15s,transform .12s}.pay-method-card:hover{background:var(--glass-hover)}.pay-method-card:active{transform:scale(.98)}.pay-method-card:disabled{opacity:.45;cursor:not-allowed;transform:none}.pay-method-icon{width:48px;height:48px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pay-method-info{flex:1;min-width:0}.pay-method-title{font-size:15px;font-weight:700;color:var(--text)}.pay-method-sub{font-size:12px;color:var(--muted);margin-top:3px}.pay-method-amount{font-size:16px;font-weight:800;color:var(--text);white-space:nowrap}.wallet-row{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;cursor:pointer;text-align:left;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .15s,transform .12s}.wallet-row:hover{background:var(--glass-hover)}.wallet-row:active{transform:scale(.98)}.wallet-row-left{display:flex;flex-direction:column;gap:2px;width:64px;flex-shrink:0}.wallet-asset{font-size:14px;font-weight:800;color:var(--text)}.wallet-network{font-size:11px;color:var(--muted)}.wallet-address{flex:1;font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-copy{flex-shrink:0}.neon-text{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#04060cb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:qr-fade .2s ease}@keyframes qr-fade{0%{opacity:0}to{opacity:1}}.qr-modal{position:relative;width:100%;max-width:320px;background:#121621eb;border:1px solid var(--glass-border);border-radius:24px;padding:28px 24px 22px;text-align:center;box-shadow:0 24px 60px #0009;animation:qr-pop .25s cubic-bezier(.25,.8,.35,1)}@keyframes qr-pop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.qr-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;transition:background .15s,transform .15s}.qr-modal-close:active{transform:scale(.9);background:var(--glass-hover)}.qr-modal-title{font-size:17px;font-weight:800;margin-bottom:18px}.qr-modal-img{background:#fff;border-radius:18px;padding:16px;display:inline-block;box-shadow:0 8px 24px #0006}.qr-modal-img img{display:block;width:220px;height:220px}.qr-modal-empty{color:var(--muted);font-size:14px;line-height:1.6;white-space:pre-line;padding:24px 0}.qr-modal-hint{font-size:12px;color:var(--muted);margin-top:16px;line-height:1.5}
