.modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:2000;opacity:0;visibility:hidden;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.modal-backdrop.show{opacity:1;visibility:visible}.modal-container{background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:90%;max-width:400px;box-shadow:var(--shadow-xl);text-align:center;padding:32px;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;transform:translateY(20px)scale(.95)}.modal-backdrop.show .modal-container{transform:translateY(0)scale(1)}.modal-icon{width:64px;height:64px;margin:0 auto var(--space-lg);background:var(--accent-light);border-radius:var(--radius-full);justify-content:center;align-items:center;font-size:2rem;display:flex}.modal-icon svg{width:var(--font-size-2xl);height:var(--font-size-2xl)}.modal-title{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:700}.modal-text{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.5}.modal-actions{gap:var(--space-md);display:flex}.modal-actions--vertical{gap:var(--space-sm);flex-direction:column}.modal-btn-emoji{margin-right:var(--space-sm);vertical-align:middle;font-size:1.1rem;display:inline-block}.modal-actions .btn{flex:1}.modal-actions .btn svg{width:var(--font-size-lg);height:var(--font-size-lg)}.modal-container--wide{max-width:460px}.modal-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-header .modal-title{font-size:var(--font-size-lg);text-align:left;margin-bottom:0}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.btn-modal-close{color:var(--text-muted);border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #0000;margin-top:12px;padding:10px 16px;font-weight:500;transition:all .2s}.btn-modal-close:hover{color:var(--text-primary);border-color:var(--accent-light);background:#2aabee1a}.modal-body-scroll{max-height:60vh;padding:var(--space-md) 0;margin-bottom:var(--space-md);text-align:left;overflow-y:auto}.modal-section{gap:var(--space-sm);flex-direction:column;display:flex}.qr-container{padding:var(--space-md);border-radius:var(--radius-lg);background:#fff;justify-content:center;align-items:center;width:300px;height:300px;margin:0 auto;display:flex;position:relative;overflow:hidden}.qr-code-img{object-fit:contain;width:100%;height:100%;display:block}.modal-desc-sm{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.modal-label{font-size:var(--font-size-sm);color:var(--text-primary);margin:0;font-weight:600}.modal-body-scroll::-webkit-scrollbar{width:4px}.modal-body-scroll::-webkit-scrollbar-track{background:0 0}.modal-body-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}@media (width<=520px){.modal-backdrop--full-mobile{-webkit-backdrop-filter:none;background:var(--bg-primary);padding:0}.modal-backdrop--full-mobile .modal-container{flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;border:none!important;border-radius:0!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;padding:0!important;transform:translateY(100%)!important}.modal-backdrop--full-mobile.show .modal-container{transform:translateY(0)!important}.modal-backdrop--full-mobile .modal-header{padding:calc(var(--space-md) + var(--safe-area-top)) var(--space-lg) var(--space-md);background:var(--bg-card);margin-bottom:0}.modal-backdrop--full-mobile .modal-body-scroll{max-height:none;padding:var(--space-lg);flex:1;margin-bottom:0;overflow-y:auto}.modal-backdrop--full-mobile .modal-actions{padding:var(--space-lg) var(--space-lg) calc(var(--space-lg) + var(--safe-area-bottom));background:var(--bg-card);border-top:1px solid var(--border-color)}}@media (width<=350px){.qr-container{width:100%;height:100%}}.welcome-content{flex-direction:column;align-items:center;width:100%;display:flex}.welcome-logo{margin-bottom:var(--space-lg);justify-content:center;display:flex}.welcome-logo img{filter:drop-shadow(0 10px 20px #2c6bf54d);max-width:140px;height:auto}.welcome-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-xs);background:linear-gradient(135deg, var(--accent), #60c6ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.welcome-title--sub{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);-webkit-text-fill-color:#fff;color:#fff;background:0 0}.welcome-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-2xl)}.welcome-buttons{gap:var(--space-md);flex-direction:column;width:100%;max-width:320px;margin:0 auto;display:flex}.welcome-buttons .btn{font-size:var(--font-size-base);padding:14px 24px}.welcome-buttons .btn svg{width:var(--font-size-lg);height:var(--font-size-lg)}.welcome-buttons #btn-support-welcome.btn svg{width:var(--font-size-base);height:var(--font-size-base)}.btn-telegram{color:#fff;background:#2aabee}.btn-telegram svg{fill:#fff}.btn-telegram:hover{color:#fff;background:#229ed9;box-shadow:0 4px 15px #229ed966}.btn-telegram:hover svg{fill:#fff}.btn-google{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a}.btn-google:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}#btn-support-welcome:hover{color:var(--accent);background:0 0}#btn-support-welcome:after{display:none}.welcome-separator{text-align:center;margin:var(--space-md) 0;width:100%;position:relative}.welcome-separator:before{content:"";background:var(--border-color);opacity:.5;height:1px;position:absolute;top:50%;left:0;right:0}.welcome-separator span{background:var(--bg-body);padding:0 var(--space-md);color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;position:relative}.welcome-form{gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.welcome-form .form-group{width:100%}.welcome-form .form-control{border:1px solid var(--border-color);color:#fff;border-radius:var(--radius-md);width:100%;font-family:inherit;font-size:var(--font-size-sm);transition:all var(--transition-fast);background:#ffffff0d;padding:12px 16px}.welcome-form .form-control:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light);background:#ffffff14;outline:none}.balance-card{text-align:center;padding:var(--space-xl) var(--space-lg);background:linear-gradient(135deg, var(--bg-card), var(--bg-card-hover));border:1px solid var(--border-color);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden}.balance-card:before{content:"";background:radial-gradient(circle at 30% 30%, var(--accent-light), transparent 60%);pointer-events:none;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.balance-amount{color:var(--text-primary);letter-spacing:-1px;font-size:3.2rem;font-weight:800;position:relative}.balance-amount .currency{opacity:.7;margin-left:4px;font-size:1.8rem;font-weight:600}.balance-estimate{font-size:var(--font-size-sm);color:var(--text-muted);opacity:.7;margin-top:var(--space-xs);font-style:italic;position:relative}.action-card{align-items:center;gap:var(--space-md);display:flex}.action-card .action-info{flex:1}.action-card .action-title{font-weight:600;font-size:var(--font-size-base);color:var(--text-primary)}.action-card .action-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.action-card .action-arrow{color:var(--text-muted);transition:transform var(--transition-fast);font-size:1.2rem}.action-card:hover .action-arrow{color:var(--accent);transform:translate(3px)}.topup-info{text-align:center;padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px)}.topup-balance{font-size:var(--font-size-2xl);font-weight:700}.topup-daily{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-xs)}.amount-card{min-height:80px;padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.amount-left{flex-direction:row;align-items:flex-start;gap:20px;display:flex}.amount-right{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.amount-card .amount-value{font-size:var(--font-size-xl);font-weight:700;line-height:1}.amount-days{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.amount-bonus-rubles{color:var(--success);opacity:.9;font-size:.75rem;font-weight:600}.method-card-content{align-items:center;gap:var(--space-md);padding:var(--space-xs) 0;display:flex}.method-card-label{font-weight:700;font-size:var(--font-size-base)}.method-card-content svg{width:var(--font-size-xl);height:var(--font-size-xl)}.device-card{padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;display:flex}.device-card--popular{border-color:var(--accent)}.device-card .device-name{align-items:center;gap:var(--space-sm);font-weight:600;display:flex}.device-card .device-price{font-size:var(--font-size-sm);color:var(--text-muted)}.device-card .device-price--primary{color:var(--text-primary);font-weight:600}.device-price-column{text-align:right}.referral-hero{align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.referral-hero-icon{background:var(--accent-light);border-radius:var(--radius-2xl);width:100px;height:100px;color:var(--accent);box-shadow:var(--shadow-accent);justify-content:center;align-items:center;font-size:50px;display:flex;position:relative}.referral-hero-icon:after{content:"🎁";font-size:32px;position:absolute;top:-10px;right:-10px;transform:rotate(15deg)}.referral-hero-icon svg{width:40px;height:40px}.referral-stats-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.ref-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;-webkit-backdrop-filter:blur(12px);transition:transform var(--transition-base), border-color var(--transition-base)}.ref-stat-card:hover{border-color:var(--accent-hover);transform:translateY(-4px)}.ref-stat-card svg{width:var(--font-size-base);height:var(--font-size-base);display:inline}.ref-stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);justify-content:center;align-items:center;gap:var(--space-xs);display:flex}.ref-stat-value{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:800}.referred-by-badge{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-xs);opacity:.8;align-items:center;gap:6px;padding:4px 0;display:flex}.referred-by-badge svg{width:var(--font-size-base);height:var(--font-size-base)}.referred-by-badge strong{color:var(--text-secondary);font-weight:600}.benefit-group{gap:var(--space-md);flex-direction:column;display:flex}.benefit-card{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#2aabee14,#2aabee08);border:1px solid #2aabee26;display:flex}.benefit-card--alt{background:linear-gradient(135deg,#34c75914,#34c75908);border-color:#34c75926}.benefit-icon{background:var(--bg-card-solid);border-radius:var(--radius-md);width:44px;height:44px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.benefit-icon svg{opacity:.8;width:var(--font-size-lg);height:var(--font-size-lg)}.benefit-content h4{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:2px;font-weight:700}.benefit-content p{color:var(--text-secondary);font-size:13px;line-height:1.4}.copy-field-wrap{margin-bottom:var(--space-lg)}.copy-field-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.copy-field-label{color:var(--text-muted);align-items:center;gap:var(--space-xs);font-size:13px;font-weight:600;display:flex}.copy-field-label svg{width:var(--font-size-base);height:var(--font-size-base)}.copy-field-modern{align-items:center;gap:var(--space-sm);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-base);display:flex}.copy-field-modern:hover{background:var(--bg-card-hover);border-color:var(--accent);box-shadow:var(--shadow-sm)}.copy-field-modern code{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:JetBrains Mono,Courier New,monospace;font-size:13px;overflow:hidden}.copy-field-modern .copy-icon{color:var(--accent);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.copy-field-modern .copy-icon svg{width:var(--font-size-base);height:var(--font-size-base)}.bot-link-pending{opacity:.6;margin-top:-8px;margin-bottom:24px;font-size:12px}.btn-share-main{background:var(--accent-gradient);color:#fff;text-shadow:0 1px 2px #0000001a;box-shadow:var(--shadow-accent-lg);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-sm);border:none;padding:16px;font-weight:700;display:flex}.btn-share-main:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.02)}.btn-share-main:active{transform:translateY(1px)}.btn-share-main svg{width:var(--font-size-lg);height:var(--font-size-lg)}.tab-bar{border-bottom:1px solid var(--border-color);position:relative}.tab-bar-items{display:flex}.tab-item{color:var(--text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-base);white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 8px 14px;font-weight:500;display:flex;position:relative}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{color:var(--accent);font-weight:600}.tab-item-icon{align-items:center;display:flex}.tab-item-icon svg{transition:fill var(--transition-base)}.tab-item.active .tab-item-icon svg{fill:var(--accent)}.tab-item-label{font-size:var(--font-size-xs)}.tab-indicator{background:var(--accent);border-radius:2px 2px 0 0;height:2px;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1px}@media (width<=400px){.tab-item{flex-direction:column}}.setup-timeline{contain:layout style;flex-direction:column;gap:0;display:flex;position:relative}.timeline-step{gap:var(--space-md);padding-bottom:var(--space-lg);display:flex;position:relative}.timeline-step:last-child{padding-bottom:0}.timeline-icon{border-radius:var(--radius-full);z-index:2;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.timeline-icon svg{width:var(--font-size-lg);height:var(--font-size-lg)}.timeline-icon-active{background:var(--accent-light);color:var(--accent);border:2px solid var(--accent)}.timeline-icon-done{color:var(--success);border:2px solid var(--success);background:#34c75926}.timeline-connector{background:var(--border-color);z-index:1;width:2px;position:absolute;top:42px;bottom:0;left:19px}.timeline-content{flex:1;padding-top:6px}.timeline-title{font-weight:700;font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:6px}.timeline-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.download-buttons{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.download-buttons .btn{font-size:var(--font-size-sm)}.help-block{padding:var(--space-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#2aabee0f,#2aabee05);border:1px solid #2aabee1f}.help-block .help-title{margin-bottom:var(--space-sm);color:var(--text-primary);font-weight:600}.help-block p{font-size:var(--font-size-sm)}.help-block .help-desc{margin-bottom:var(--space-md)}.download-buttons .btn{margin-top:var(--space-sm)}@media (width<=400px){.action-card-grid{gap:var(--space-xs)}.action-card .action-title{font-size:var(--font-size-sm)}.balance-card{padding:var(--space-lg) var(--space-md)}.balance-amount{font-size:2.8rem}.welcome-title{font-size:var(--font-size-2xl)}.bonus-word{display:none}.amount-card{padding:var(--space-md);min-height:70px}.amount-card .amount-value{font-size:1.25rem}.amount-days{font-size:.8rem}.amount-left{gap:12px}}@media (width>=768px){.welcome-logo{font-size:5rem}.welcome-title{font-size:3.2rem}.welcome-subtitle{font-size:var(--font-size-xl)}.welcome-buttons{max-width:380px}.welcome-buttons .btn{font-size:var(--font-size-lg);padding:16px 28px}.welcome-buttons .btn svg{width:var(--font-size-xl);height:var(--font-size-xl)}.welcome-buttons #btn-support-welcome.btn svg{width:var(--font-size-lg);height:var(--font-size-lg)}.balance-card{padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-2xl)}.balance-amount{font-size:3.8rem}.balance-amount .currency{font-size:2rem}.action-card .action-title{font-size:var(--font-size-lg)}.amount-card .amount-value{font-size:1.6rem}.tab-item{font-size:var(--font-size-base);padding:14px 12px 16px}.tab-item-label{font-size:var(--font-size-sm)}.tab-indicator{height:3px}.timeline-icon{width:44px;height:44px}.timeline-step{gap:var(--space-lg);padding-bottom:var(--space-xl)}.timeline-title{font-size:var(--font-size-lg)}.timeline-connector{top:46px;left:21px}.referral-stats{padding:var(--space-xl)}.referral-stat-item{font-size:var(--font-size-base);padding:var(--space-md) 0}.bonus-info{padding:var(--space-xl)}.bonus-info p{font-size:var(--font-size-base)}.help-block{padding:var(--space-xl)}}.legal-title{font-size:var(--font-size-xl);color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-sm);margin-top:0;font-weight:700}.legal-section h3{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:600}.legal-section p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.6}.legal-section ul{padding-left:var(--space-md);margin-bottom:var(--space-sm)}.legal-section ul li{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:4px;line-height:1.6}.last-updated{font-size:var(--font-size-xs);color:var(--text-muted);text-align:right;margin-bottom:var(--space-md);font-style:italic}.app-footer{text-align:center;width:100%}.welcome-footer{padding-bottom:calc(32px + var(--safe-area-bottom));position:absolute;bottom:0;left:0}.app-footer-text{color:var(--text-muted);max-width:350px;margin:0 auto;font-size:.75rem;line-height:1.5}.app-footer-link{color:var(--text-muted);text-underline-offset:3px;transition:color var(--transition-fast);text-decoration:underline;text-decoration-thickness:1px}.app-footer-link:hover{color:var(--accent)}.my-devices-empty{text-align:center;color:var(--text-muted);padding:var(--space-xl) var(--space-md)}.device-card-info{align-items:center;gap:var(--space-md);display:flex}.device-icon{color:var(--primary);justify-content:center;align-items:center;display:flex}.device-icon svg{width:var(--font-size-xl);height:var(--font-size-xl)}.btn-delete-device{color:var(--danger);opacity:.8}.btn-delete-device:hover{opacity:1}.btn-delete-device svg{width:var(--font-size-lg);height:var(--font-size-lg)}.device-details{flex-direction:column;display:flex}.device-date{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.pay-error-card{text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;width:100%;max-width:400px;display:flex}.pay-error-icon{border-radius:var(--radius-full);width:80px;height:80px;color:var(--danger);margin-bottom:var(--space-sm);background:#ff453a1f;justify-content:center;align-items:center;display:flex;box-shadow:0 0 24px #ff453a33}.pay-error-icon svg{stroke-width:2.2px;width:40px;height:40px}.pay-error-actions{margin-top:var(--space-lg)}.pay-success-card{text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;width:100%;max-width:400px;display:flex}.pay-success-icon{border-radius:var(--radius-full);width:80px;height:80px;color:var(--success);margin-bottom:var(--space-sm);background:#34c7591f;justify-content:center;align-items:center;display:flex;box-shadow:0 0 24px #34c75933}.pay-success-icon svg{stroke-width:2.2px;width:40px;height:40px}.pay-success-actions{margin-top:var(--space-lg)}