*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg-subtle:#0e0e15;--card-bg:#ffffff08;--card-bg-hover:#ffffff0d;--text-primary:#f0f0f5;--text-secondary:#71717a;--accent:#8b5cf6;--accent-light:#a78bfa;--accent-muted:#8b5cf614;--accent-border:#8b5cf633;--border:#ffffff0f;--border-light:#ffffff14;--shadow-card:0 4px 24px #0003;--shadow-elevated:0 8px 40px #00000080;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-btn:14px;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--transition-fast:.15s var(--ease-out);--transition-normal:.3s var(--ease-out);--transition-slow:.5s var(--ease-out)}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}body:before{content:"";z-index:-1;background:radial-gradient(600px 600px at 20%,#8b5cf60f,#0000),radial-gradient(400px 400px at 80% 20%,#a78bfa0a,#0000),radial-gradient(300px 300px at 60% 80%,#8b5cf608,#0000);animation:20s ease-in-out infinite meshFloat;position:fixed;inset:0}@keyframes meshFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(10px,-15px)scale(1.02)}66%{transform:translate(-5px,10px)scale(.98)}}#root{min-height:100dvh}.app{min-height:100dvh;padding-bottom:80px}.screen{animation:screenEnter .4s var(--ease-out);padding:20px 16px 24px}.center{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}.center-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}@keyframes screenEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes springIn{0%{opacity:0;transform:translateY(20px)scale(.95)}60%{opacity:1;transform:translateY(-3px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #8b5cf633}50%{box-shadow:0 0 20px #8b5cf666}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes borderGlow{0%,to{border-color:#8b5cf633}50%{border-color:#8b5cf659}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes breathe{0%,to{filter:drop-shadow(0 0 8px #8b5cf64d);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #8b5cf680);transform:scale(1.05)}}@keyframes rotateGlow{to{transform:rotate(360deg)}}@keyframes btnShimmer{to{transform:translate(100%)}}@keyframes gradientText{0%{background-position:0%}to{background-position:200%}}.animate-fade-in{animation:fadeIn .3s var(--ease-out)}.animate-scale-in{animation:scaleIn .35s var(--spring)}.animate-slide-up{animation:slideUp .4s var(--ease-out)}.stagger>*{animation-fill-mode:both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}h1{letter-spacing:-.5px;color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:700}h2{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:600}h3{color:var(--text-primary);letter-spacing:-.2px;margin-bottom:8px;font-size:16px;font-weight:600}.subtitle{color:var(--text-secondary);font-size:15px}.hint{color:var(--text-secondary);margin-top:4px;font-size:13px;line-height:1.5}.error{color:#f87171;border-radius:var(--radius-sm);background:#ef44440f;border:1px solid #ef44441f;margin-top:8px;padding:10px 14px;font-size:13px}.section-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary);margin:28px 0 14px;font-size:13px;font-weight:700}.greeting{color:var(--text-secondary);letter-spacing:.1px;margin-bottom:2px;font-size:15px}.tg-warning{border-radius:var(--radius-md);text-align:center;color:#fbbf24;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f59e0b0a;border:1px solid #f59e0b1a;margin:16px;padding:12px 16px;font-size:13px}.loading-screen{background:var(--bg);background-image:radial-gradient(circle at 50% 45%,#8b5cf614 0%,#0000 50%);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;display:flex}.loading-logo{color:var(--accent);animation:2.5s ease-in-out infinite breathe}.loading-brand{letter-spacing:3px;text-transform:uppercase;color:var(--text-primary);opacity:0;animation:fadeIn .5s var(--ease-out) .4s forwards;font-size:24px;font-weight:700}.loading-bar-track{opacity:0;background:#ffffff0a;border-radius:2px;width:100px;height:2px;animation:.4s .6s forwards fadeIn;overflow:hidden}.loading-bar-fill{background-image:linear-gradient(90deg,#8b5cf6 0%,#a78bfa 50%,#8b5cf6 100%);background-size:200% 100%;border-radius:2px;width:40%;height:100%;animation:1.4s infinite shimmer}.card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--accent-border);border-radius:var(--radius-md);transition:transform .2s var(--spring);background:#ffffff08;margin-bottom:12px;padding:18px}.clickable{cursor:pointer}.clickable:active{transform:scale(.98)}.trial-card{border:1px solid var(--accent-border);border-radius:var(--radius-md);text-align:center;animation:borderGlow 3s ease-in-out infinite, scaleIn .35s var(--spring);background:#8b5cf60f;margin-bottom:20px;padding:28px 20px;position:relative;overflow:hidden}.trial-card:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf60a,#0000);width:100%;height:100%;animation:3s ease-in-out infinite shimmerSlide;position:absolute;top:0;left:-100%}.trial-card-icon{color:var(--accent);z-index:1;justify-content:center;margin-bottom:14px;display:flex;position:relative}.trial-card-title{color:var(--text-primary);z-index:1;margin-bottom:4px;font-size:20px;font-weight:700;position:relative}.trial-card-subtitle{color:var(--text-secondary);z-index:1;margin-bottom:16px;font-size:14px;position:relative}.trial-stats-row{z-index:1;justify-content:center;gap:20px;margin-bottom:20px;display:flex;position:relative}.trial-stat{color:var(--accent-light);font-size:14px;font-weight:600}.trial-stat-divider{color:#ffffff1f}.trial-active-banner{border:1px solid var(--accent-border);border-radius:var(--radius-md);background:#8b5cf60f;align-items:center;gap:14px;margin-bottom:20px;padding:16px 18px;animation:3s ease-in-out infinite borderGlow;display:flex;position:relative;overflow:hidden}.trial-active-banner:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf60a,#0000);width:100%;height:100%;animation:3s ease-in-out infinite shimmerSlide;position:absolute;top:0;left:-100%}.trial-active-icon{color:var(--accent);z-index:1;align-items:center;display:flex}.trial-active-text{z-index:1}.trial-active-text strong{color:var(--accent);font-size:15px;display:block}.trial-active-text span{color:var(--text-secondary);font-size:13px}.tiles-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.tile{border:1px solid var(--accent-border);border-radius:var(--radius-md);cursor:pointer;transition:transform .2s var(--spring), box-shadow .3s ease;animation:springIn .45s var(--ease-out) both;background:#ffffff08;padding:18px 16px;position:relative}.tile:active{transform:scale(.96)}.tile:hover{box-shadow:0 0 24px #8b5cf61a}.tile-label{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.tile-label .tile-arrow{color:var(--text-secondary);align-items:center;display:flex}.tile-value{color:var(--text-primary);font-size:22px;font-weight:700}.tile-sub{color:var(--text-secondary);margin-top:2px;font-size:12px}.plan-card-motion{border:1px solid var(--accent-border);border-radius:var(--radius-md);animation:slideUp .35s var(--ease-out) both;background:#ffffff08;margin-bottom:14px;padding:22px 20px;transition:box-shadow .3s;position:relative;overflow:hidden}.plan-card-motion:hover{box-shadow:0 0 30px #8b5cf614}.plan-card-motion:before{content:"";border-radius:inherit;opacity:0;background:radial-gradient(at 50% -20%,#8b5cf60d,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.plan-card-motion:hover:before{opacity:1}.plan-card-header{z-index:1;align-items:center;gap:12px;margin-bottom:6px;display:flex;position:relative}.plan-card-icon{background:var(--accent-muted);border:1px solid var(--accent-border);width:42px;height:42px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.plan-card-name{color:var(--text-primary);font-size:20px;font-weight:700}.plan-card-desc{color:var(--text-secondary);z-index:1;margin-bottom:14px;font-size:14px;position:relative}.plan-features-row{z-index:1;gap:16px;margin-bottom:14px;display:flex;position:relative}.plan-feature{color:var(--accent-light);align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.plan-divider{background:var(--accent-border);z-index:1;height:1px;margin-bottom:14px;position:relative}.plan-card-price{color:var(--accent);z-index:1;margin-bottom:14px;font-size:18px;font-weight:700;position:relative}.plan-card-btn{color:#fff;border-radius:var(--radius-btn);cursor:pointer;width:100%;transition:transform .2s var(--spring), box-shadow .3s ease;z-index:1;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;padding:14px 20px;font-family:inherit;font-size:16px;font-weight:600;position:relative;overflow:hidden;box-shadow:0 2px 20px #8b5cf640}.plan-card-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);position:absolute;inset:0;transform:translate(-100%)}.plan-card-btn:active{transform:scale(.97);box-shadow:0 1px 8px #8b5cf61a}.plan-card-btn:active:after{animation:.6s btnShimmer}.plan-card-btn:disabled{opacity:.4;cursor:default;transform:none}.nav-list{border-radius:var(--radius-md);border:1px solid var(--accent-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;gap:2px;display:flex;overflow:hidden}.nav-item{cursor:pointer;color:var(--text-primary);background:#ffffff08;align-items:center;gap:12px;padding:15px 16px;font-size:15px;transition:background .15s,transform .1s;display:flex}.nav-item:active{background:#ffffff0d;transform:scale(.995)}.nav-icon{color:var(--text-secondary);align-items:center;display:flex}.nav-item .arrow{color:var(--text-secondary);margin-left:auto;font-size:13px}.nav-item .nav-badge{color:var(--text-secondary);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.nav-item .nav-badge .count-badge{background:var(--accent);color:#fff;text-align:center;border-radius:10px;min-width:20px;padding:2px 8px;font-size:11px;font-weight:700;box-shadow:0 0 8px #8b5cf64d}.plans-list{flex-direction:column;gap:12px;display:flex}.plan-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--accent-border);border-radius:var(--radius-md);animation:slideUp .35s var(--ease-out) both;background:#ffffff08;padding:20px;transition:box-shadow .3s;position:relative;overflow:hidden}.plan-card:before{content:"";border-radius:inherit;opacity:0;background:radial-gradient(at 50% -20%,#8b5cf60d,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.plan-card:hover:before{opacity:1}.plan-card:hover{box-shadow:0 0 30px #8b5cf614}.plan-info{z-index:1;position:relative}.plan-info strong{color:var(--text-primary);font-size:18px}.plan-price{z-index:1;align-items:baseline;gap:8px;margin:10px 0;display:flex;position:relative}.plan-price .stars{color:var(--accent);font-size:22px;font-weight:700}.plan-price .rub{color:var(--text-secondary);font-size:13px}.plan-actions{z-index:1;margin-top:14px;position:relative}.trial-info-card{border:1px solid var(--accent-border);border-radius:var(--radius-md);text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#8b5cf60f;margin-bottom:18px;padding:18px;position:relative;overflow:hidden}.trial-info-card:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf608,#0000);animation:4s ease-in-out infinite shimmerSlide;position:absolute;inset:0}.trial-info-card .trial-time{color:var(--accent);z-index:1;margin-top:6px;font-size:22px;font-weight:700;position:relative}.connection-link-row{align-items:stretch;gap:8px;margin-top:12px;display:flex}.connection-link-box{border:1px solid var(--border);border-radius:var(--radius-sm);word-break:break-all;background:#ffffff05;flex:1;min-width:0;padding:10px 12px}.connection-link-box code{color:var(--text-primary);font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.3}.copy-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:transform .2s var(--spring), opacity var(--transition-fast);background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;font-size:18px;display:flex;box-shadow:0 2px 12px #8b5cf633}.copy-btn:active{transform:scale(.88)}.copy-btn.copied{background:linear-gradient(135deg,#6d28d9,#047857)}.proxy-fields{flex-direction:column;gap:6px;display:flex}.copy-field{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff05;flex-direction:column;gap:2px;padding:10px 14px;transition:background .15s,border-color .15s;display:flex}.copy-field:active{border-color:var(--accent-border);background:#ffffff0a}.copy-field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:700}.copy-field-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.copy-field-value{color:var(--accent);word-break:break-all;flex:1;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px}.copy-field-icon{color:var(--text-secondary);flex-shrink:0;transition:color .15s;display:flex}.copy-field:active .copy-field-icon{color:var(--accent)}.subs-list{flex-direction:column;gap:12px;display:flex}.sub-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--accent-border);border-radius:var(--radius-md);animation:slideUp .35s var(--ease-out) both;background:#ffffff08;padding:18px}.sub-header{align-items:center;gap:12px;display:flex}.sub-icon{color:var(--accent);align-items:center;display:flex}.sub-time-badge{border-radius:var(--radius-sm);letter-spacing:.2px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:700}.sub-time-badge.green{color:#c4b5fd;background:#8b5cf61f;animation:3s ease-in-out infinite pulseGlow;box-shadow:0 0 8px #8b5cf633}.sub-time-badge.yellow{color:#fbbf24;background:#f59e0b14}.sub-time-badge.red{color:#f87171;background:#ef444414}.connection-link{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;word-break:break-all;background:#ffffff05;margin-top:12px;padding:10px}.connection-link code{color:var(--text-primary);font-size:12px}.copy-hint{color:var(--text-secondary);margin-top:4px;font-size:11px;display:block}.empty-state{text-align:center;animation:fadeIn .5s var(--ease-out);flex-direction:column;align-items:center;padding:56px 24px;display:flex}.empty-illustration{color:var(--text-secondary);opacity:.3;margin-bottom:20px}.empty-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.empty-subtitle{color:var(--text-secondary);max-width:260px;margin-bottom:28px;font-size:14px;line-height:1.5}.ref-stats-card{border:1px solid var(--accent-border);border-radius:var(--radius-md);text-align:center;background:#8b5cf60f;margin-bottom:14px;padding:24px 20px}.ref-stats-total{color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:700}.ref-stats-active{color:var(--text-secondary);font-size:14px}.ref-link-card{border:1px solid var(--accent-border);border-radius:var(--radius-md);background:#ffffff08;margin-bottom:14px;padding:18px}.ref-link-label{color:var(--text-secondary);margin-bottom:10px;font-size:13px}.ref-buttons-row{gap:10px;margin-top:12px;display:flex}.ref-btn{border-radius:var(--radius-btn);cursor:pointer;transition:transform .2s var(--spring), box-shadow .3s ease;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.ref-btn:active{transform:scale(.96)}.ref-btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 20px #8b5cf640}.ref-btn-secondary{color:var(--text-primary);border:1px solid var(--accent-border);background:#ffffff0a}.stats-row{gap:12px;margin:14px 0;display:flex}.stat{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--accent-border);border-radius:var(--radius-md);text-align:center;animation:scaleIn .35s var(--spring) both;background:#ffffff08;flex:1;padding:18px 16px}.stat-value{color:var(--text-primary);animation:countUp .5s var(--ease-out) .2s both;font-size:20px;font-weight:700;display:block}.stat-label{color:var(--text-secondary);letter-spacing:.3px;margin-top:4px;font-size:12px}.info-list{padding:0;list-style:none}.info-list li{color:var(--text-primary);border-bottom:1px solid #ffffff08;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.info-list li:last-child{border-bottom:none}.info-list-icon{color:var(--accent);flex-shrink:0;align-items:center;display:flex}.example{border-radius:var(--radius-sm);color:var(--text-secondary);background:#8b5cf60a;border:1px solid #8b5cf61a;margin-top:14px;padding:14px;font-size:13px;line-height:1.5}.profile-rows{border:1px solid var(--accent-border);border-radius:var(--radius-md);background:#ffffff08;margin-bottom:14px;overflow:hidden}.profile-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.profile-row:last-child{border-bottom:none}.profile-row-label{color:var(--text-secondary);font-size:14px}.profile-row-value{color:var(--text-primary);font-size:14px;font-weight:600}.input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff08;outline:none;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf61a,0 0 20px #8b5cf60d}.input::placeholder{color:var(--text-secondary);opacity:.5}.btn{border-radius:var(--radius-btn);cursor:pointer;transition:transform .2s var(--spring), opacity var(--transition-fast), box-shadow .3s ease;letter-spacing:-.1px;border:none;padding:14px 22px;font-family:inherit;font-size:15px;font-weight:600}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.35;cursor:default;transform:none}.btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);width:100%;position:relative;overflow:hidden;box-shadow:0 2px 20px #8b5cf640}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);position:absolute;inset:0;transform:translate(-100%)}.btn-primary:active:after{animation:.6s btnShimmer}.btn-primary:active{box-shadow:0 1px 10px #8b5cf626}.btn-secondary{color:var(--text-primary);border:1px solid var(--accent-border);transition:transform .2s var(--spring), border-color .2s ease;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff0a}.btn-secondary:hover{border-color:var(--accent)}.full-width{width:100%;margin-top:12px}.success-card{border:1px solid var(--accent-border);text-align:center;animation:scaleIn .35s var(--spring);background:#8b5cf60f;padding:20px}.success-icon{color:var(--accent);justify-content:center;margin-bottom:8px;display:flex}.success-text{color:var(--accent);font-size:16px;font-weight:600}.spinner{border:2px solid #ffffff0a;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.message-card{border-radius:var(--radius-md);white-space:pre-wrap;animation:scaleIn .25s var(--spring);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);margin-bottom:14px;padding:14px 16px;font-size:14px;line-height:1.5}.message-card.success{color:#c4b5fd;background:#8b5cf60f;border:1px solid #8b5cf626}.message-card.error{color:#f87171;background:#ef44440f;border:1px solid #ef44441a}.message-card.info{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff08}.setup-instructions{margin-top:16px}.setup-steps{margin:0;padding:0;list-style:none}.setup-step{color:var(--text-primary);align-items:flex-start;gap:12px;padding:10px 0;font-size:14px;display:flex}.setup-step-number{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 8px #8b5cf64d}.setup-step-text{flex:1;padding-top:2px}.download-buttons{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.download-btn{border:1px solid var(--accent-border);border-radius:var(--radius-sm);color:var(--text-primary);transition:transform .2s var(--spring), border-color .2s ease, box-shadow .2s ease;cursor:pointer;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff08;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.download-btn:active{transform:scale(.96)}.download-btn:hover{border-color:var(--accent);box-shadow:0 0 12px #8b5cf614}.download-btn-icon{color:var(--accent);align-items:center;display:flex}.wa-instructions{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;margin-top:12px;padding:14px 16px}.wa-instructions p{color:var(--text-secondary);font-size:13px;line-height:1.6}.wa-instructions strong{color:var(--text-primary)}.wa-address{border:1px solid var(--border);color:var(--accent);background:#ffffff08;border-radius:4px;padding:2px 8px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:600;display:inline-block}.screen-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.screen-header-icon{background:var(--accent-muted);border:1px solid var(--accent-border);width:40px;height:40px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 12px #8b5cf61a}.balance-card{text-align:center;border:1px solid var(--accent-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#8b5cf60f;padding:32px 24px;position:relative;overflow:hidden}.balance-card:before{content:"";background:conic-gradient(#0000,#8b5cf61a,#0000,#a78bfa14,#0000);width:200%;height:200%;animation:8s linear infinite rotateGlow;position:absolute;top:-50%;left:-50%}.balance-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.2px;z-index:1;font-size:11px;font-weight:700;display:block;position:relative}.balance-value{color:var(--text-primary);z-index:1;animation:countUp .6s var(--ease-out) .15s both;margin:8px 0;font-size:44px;font-weight:700;display:block;position:relative}.balance-rub{color:var(--text-secondary);z-index:1;font-size:14px;position:relative}.packs-list{gap:10px;display:flex}.pack-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--accent-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:transform .2s var(--spring), box-shadow .3s ease, border-color .3s ease;background:#ffffff08;flex:1;padding:20px 12px;position:relative;overflow:hidden}.pack-card:before{content:"";opacity:0;background:radial-gradient(circle at 50% 0,#8b5cf60d,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.pack-card:hover:before{opacity:1}.pack-card:active{border-color:var(--accent);transform:scale(.94)}.pack-card:hover{box-shadow:0 0 20px #8b5cf61a}.pack-stars{color:var(--text-primary);z-index:1;font-size:20px;font-weight:700;display:block;position:relative}.pack-rub{color:var(--text-secondary);z-index:1;margin-top:4px;font-size:12px;display:block;position:relative}.progress-section{margin:8px 0}.progress-label{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.progress-label span:first-child{color:var(--text-primary);font-weight:600}.progress-label span:last-child{color:var(--text-secondary)}.progress-track{background:#ffffff0a;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{height:100%;transition:width .8s var(--ease-out);background:linear-gradient(90deg,#8b5cf6,#a78bfa,#8b5cf6) 0 0/200% 100%;border-radius:3px;animation:2s infinite shimmer;box-shadow:0 0 10px #8b5cf666}.share-btn{color:#fff;border-radius:var(--radius-btn);cursor:pointer;width:100%;transition:transform .2s var(--spring), box-shadow .3s ease;letter-spacing:-.2px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:15px 20px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 20px #8b5cf640}.share-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);position:absolute;inset:0;transform:translate(-100%)}.share-btn:active{transform:scale(.97);box-shadow:0 1px 8px #8b5cf61a}.share-btn:active:after{animation:.6s btnShimmer}.tab-bar{height:72px;padding-bottom:env(safe-area-inset-bottom,0);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--accent-border);z-index:1000;background:#0a0a0fd9;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{cursor:pointer;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 0;transition:color .2s;display:flex}.tab-item.active{color:var(--accent)}.tab-icon{justify-content:center;align-items:center;height:28px;display:flex}.tab-label{letter-spacing:.1px;font-size:11px;font-weight:600}.amount-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.amount-btn{border:1px solid var(--accent-border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:transform .2s var(--spring), border-color .2s ease, box-shadow .2s ease;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff08;padding:14px 8px;font-family:inherit;font-size:15px;font-weight:600}.amount-btn:active{border-color:var(--accent);transform:scale(.94)}.amount-btn:hover{border-color:var(--accent);box-shadow:0 0 12px #8b5cf61a}.amount-btn:disabled{opacity:.5;cursor:default}.faq-list{flex-direction:column;gap:4px;display:flex}