:root{--color-background:#1f1f1f;--color-gold-primary:#c8a25a;--color-text-primary:#fff;--color-text-secondary:#9b9b9b;--color-card-bg:#ffffff0d;--color-button-secondary:#ffffff1a;--color-border:#ffffff1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden}body{background-color:var(--color-background);color:var(--color-text-primary);background-image:url(/world-map-bg.png);background-position:50% 15%;background-repeat:no-repeat;background-size:130%;background-attachment:fixed;margin:0;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#1f1f1f4d 0%,#1f1f1fcc 50%,#1f1f1f 100%);position:fixed;inset:0}#root{z-index:1;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.container{width:100%;max-width:480px;padding:0 var(--spacing-md);margin:0 auto}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-gold{color:var(--color-gold-primary)}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}.app{flex-direction:column;min-height:100vh;display:flex}.header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.header-button{color:var(--color-gold-primary);padding:var(--spacing-xs);font-size:17px;transition:opacity .2s}.header-button:active{opacity:.6}.header-title{text-align:center}.header-title h1{color:var(--color-text-primary);margin:0;font-size:17px;font-weight:600}.header-title p{color:var(--color-text-secondary);margin:0;font-size:13px}.main-content{padding:var(--spacing-lg)var(--spacing-md);padding-bottom:var(--spacing-xl);flex-direction:column;flex:1;align-items:center;display:flex}.shield-container{width:280px;height:280px;margin:var(--spacing-xl)0;justify-content:center;align-items:center;display:flex;position:relative}.progress-circle{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:#ffffff0d;stroke-width:2px}.progress-bar{fill:none;stroke:var(--color-gold-primary);stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.progress-dot{fill:var(--color-gold-primary);filter:drop-shadow(0 0 8px var(--color-gold-primary));transition:transform 1s ease-out}.shield-logo{object-fit:contain;filter:drop-shadow(0 4px 20px #c8a25a4d);width:140px;height:140px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.balance-info{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);width:100%;max-width:400px;display:flex}.balance-item{text-align:center;flex:1}.balance-value{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:22px;font-weight:600}.balance-label{color:var(--color-text-secondary);font-size:13px}.action-buttons{gap:var(--spacing-sm);width:100%;max-width:400px;margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.btn{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);text-align:left;border-radius:12px;width:100%;font-size:15px;transition:all .2s;display:flex}.btn:active{opacity:.9;transform:scale(.98)}.btn-primary{color:var(--color-text-primary);background:linear-gradient(135deg,#c8a25a33 0%,#c8a25a1a 100%);border:1px solid #c8a25a4d}.btn-primary svg{color:var(--color-gold-primary);flex-shrink:0}.btn-secondary{color:var(--color-text-primary);background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary svg{color:var(--color-text-primary);flex-shrink:0}.btn-content{flex-direction:column;gap:2px;display:flex}.btn-title{color:var(--color-text-primary);font-size:15px;font-weight:500}.btn-subtitle{color:var(--color-text-secondary);font-size:13px}.bottom-buttons{gap:var(--spacing-sm);width:100%;max-width:400px;margin-top:auto;display:flex}.btn-outline{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);color:var(--color-text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;flex:1;font-size:11px;transition:all .2s;display:flex}.btn-outline:active{background:#ffffff14;transform:scale(.96)}.btn-outline svg{width:24px;height:24px}@media (max-width:380px){.shield-container{width:240px;height:240px}.shield-logo{width:120px;height:120px}.balance-value{font-size:20px}}.purchase-page{min-height:100vh;padding-bottom:var(--spacing-xl);flex-direction:column;display:flex}.purchase-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.back-button{color:var(--color-gold-primary);padding:var(--spacing-xs);align-items:center;gap:4px;font-size:17px;transition:opacity .2s;display:flex}.back-button:active{opacity:.6}.header-menu{color:var(--color-text-primary);padding:var(--spacing-xs);transition:opacity .2s}.header-menu:active{opacity:.6}.purchase-title-section{padding:var(--spacing-lg)var(--spacing-md);padding-top:var(--spacing-md)}.purchase-title-row{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.purchase-title-row h2{color:var(--color-text-primary);margin:0;font-size:28px;font-weight:600}.bonus-balance{color:var(--color-text-primary);font-size:28px;font-weight:600}.purchase-subtitle-row{color:var(--color-text-secondary);justify-content:space-between;font-size:13px;display:flex}.bonus-label{text-align:right}.plan-button .info-icon{justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.plan-button .info-icon:active{opacity:.7}.plan-button .info-icon svg{opacity:.5;width:16px;height:16px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.purchase-button{margin:0 var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-gold-primary);color:var(--color-background);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:600;transition:all .2s;display:flex}.purchase-button:active{opacity:.9;transform:scale(.98)}@media (max-width:380px){.tariff-price .price-value{font-size:36px}.year-price .price-value{font-size:46px}.purchase-title-row h2,.bonus-balance{font-size:24px}}.renewal-page{min-height:100vh;padding-bottom:var(--spacing-xl);flex-direction:column;display:flex}.renewal-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.renewal-title-section{padding:var(--spacing-lg)var(--spacing-md);padding-top:var(--spacing-md)}.renewal-title-row{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.renewal-title-row h2{color:var(--color-text-primary);margin:0;font-size:28px;font-weight:600}.renewal-subtitle-row{color:var(--color-text-secondary);justify-content:space-between;font-size:13px;display:flex}.plan-selector{gap:var(--spacing-sm);padding:0 var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.plan-button{padding:12px var(--spacing-md);color:var(--color-text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.plan-button.active{background:#c8a25a26;border-color:#c8a25a4d}.plan-button:active{transform:scale(.98)}.plan-button svg{opacity:.5;width:16px;height:16px}.tariff-grid{gap:var(--spacing-sm);padding:0 var(--spacing-md);margin-bottom:var(--spacing-sm);grid-template-columns:repeat(3,1fr);display:grid}.tariff-card{padding:var(--spacing-md);align-items:center;gap:var(--spacing-md);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;padding-top:40px;padding-bottom:40px;transition:all .2s;display:flex;position:relative}.tariff-card.selected{border-color:var(--color-gold-primary);background:#c8a25a1a}.tariff-card:active{transform:scale(.97)}.tariff-duration{background:var(--color-gold-primary);color:var(--color-background);white-space:nowrap;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%)}.tariff-price{text-align:center;align-items:flex-start;gap:4px;display:flex}.price-value{color:var(--color-text-primary);font-size:42px;font-weight:700;line-height:1}.price-label{color:var(--color-text-secondary);margin-top:4px;font-size:11px;line-height:1.3}.year-plans{gap:var(--spacing-sm);padding:0 var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.year-card{padding:var(--spacing-lg);align-items:center;gap:var(--spacing-md);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;padding-top:50px;padding-bottom:50px;transition:all .2s;display:flex;position:relative;overflow:hidden}.year-card.selected{border-color:var(--color-gold-primary);background:#c8a25a1a}.year-card.disabled{opacity:.5}.year-card:active:not(.disabled){transform:scale(.97)}.year-duration{background:var(--color-gold-primary);color:var(--color-background);white-space:nowrap;border-radius:14px;padding:6px 16px;font-size:13px;font-weight:600;position:absolute;top:16px;left:50%;transform:translate(-50%)}.popular-badge{background:var(--color-gold-primary);width:28px;height:28px;color:var(--color-background);border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite pulse;display:flex;position:absolute;top:14px;left:14px}.year-price{align-items:flex-start;gap:4px;display:flex}.year-card .price-value{font-size:52px}.discount-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.discount-text{color:#ffffff26;white-space:nowrap;letter-spacing:1px;font-size:11px;font-weight:600;transform:rotate(-25deg)}.renewal-actions{gap:var(--spacing-sm);padding:0 var(--spacing-md);flex-direction:column;display:flex}.renewal-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:600;transition:all .2s;display:flex}.renewal-button:active{transform:scale(.98)}.renewal-button.primary{background:var(--color-gold-primary);color:var(--color-background)}.renewal-button.primary:active{opacity:.9}.renewal-button.upgrade{color:var(--color-text-primary);background:#c8a25a33;border:1px solid #c8a25a4d}.renewal-button.upgrade svg{opacity:.7;width:20px;height:20px}.original-price{opacity:.6;font-weight:400;text-decoration:line-through}@media (max-width:380px){.tariff-price .price-value{font-size:36px}.year-price .price-value{font-size:46px}.renewal-title-row h2,.bonus-balance{font-size:24px}}.tariff-info-page{flex-direction:column;min-height:100vh;display:flex}.tariff-info-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.header-back{color:var(--color-gold-primary);padding:var(--spacing-xs);font-size:17px;transition:opacity .2s}.header-back:active{opacity:.6}.header-close{color:var(--color-text-primary);padding:var(--spacing-xs);justify-content:center;align-items:center;transition:opacity .2s;display:flex}.header-close:active{opacity:.6}.tariff-info-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.tariff-description-card{padding:var(--spacing-lg);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px}.tariff-description-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.tariff-description-header h2{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:600}.close-icon{color:var(--color-text-secondary);justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.close-icon:active{opacity:.6}.tariff-description-text{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.5}.countries-section{gap:var(--spacing-md);flex-direction:column;display:flex}.countries-toggle{width:100%;padding:var(--spacing-md)var(--spacing-lg);color:var(--color-text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;font-size:15px;transition:all .2s;display:flex}.countries-toggle:active{background:#ffffff14;transform:scale(.98)}.countries-toggle svg{color:var(--color-text-secondary);transition:transform .3s}.countries-list{gap:var(--spacing-sm);flex-direction:column;animation:.3s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.country-item{padding:var(--spacing-md);gap:var(--spacing-xs);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;display:flex}.country-flag-name{align-items:center;gap:var(--spacing-sm);display:flex}.country-flag{font-size:24px;line-height:1}.country-name{color:var(--color-text-primary);font-size:15px;font-weight:500}.country-description{color:var(--color-text-secondary);margin:0 0 0 36px;font-size:13px;line-height:1.4}.understood-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-gold-primary);color:var(--color-background);border:none;border-radius:12px;margin-top:auto;font-size:17px;font-weight:600;transition:all .2s}.understood-button:active{opacity:.9;transform:scale(.98)}@media (max-width:380px){.tariff-description-header h2{font-size:18px}.tariff-description-text{font-size:14px}}.payment-confirmation-page{flex-direction:column;min-height:100vh;display:flex}.payment-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.payment-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.payment-shield-container{width:200px;height:200px;margin:0 auto;margin-top:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative}.payment-progress-circle{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.payment-progress-circle .progress-bg{fill:none;stroke:#ffffff0d;stroke-width:2px}.payment-progress-circle .progress-bar{fill:none;stroke:var(--color-gold-primary);stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.payment-progress-circle .progress-dot{fill:var(--color-gold-primary);filter:drop-shadow(0 0 8px var(--color-gold-primary));transition:transform 1s ease-out}.payment-shield-logo{object-fit:contain;filter:drop-shadow(0 4px 20px #c8a25a4d);width:100px;height:100px}.confirmation-card{padding:var(--spacing-lg);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px}.confirmation-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.confirmation-header h2{color:var(--color-text-primary);margin:0;font-size:22px;font-weight:600}.confirmation-info{gap:var(--spacing-lg);flex-direction:column;display:flex}.info-section{gap:var(--spacing-xs);flex-direction:column;display:flex}.info-label{color:var(--color-text-secondary);font-size:13px}.info-value{color:var(--color-text-primary);font-size:17px;font-weight:600}.payment-method-button{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md)var(--spacing-lg);color:var(--color-text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.payment-method-button:active{background:#ffffff14;transform:scale(.98)}.payment-method-icon{width:24px;height:24px;color:var(--color-gold-primary);justify-content:center;align-items:center;display:flex}.arrow-right{color:var(--color-text-secondary);margin-left:auto}.pay-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-gold-primary);color:var(--color-background);border:none;border-radius:12px;margin-top:auto;font-size:17px;font-weight:600;transition:all .2s}.pay-button:active{opacity:.9;transform:scale(.98)}.pay-button .original-price{opacity:.6;font-weight:400;text-decoration:line-through}@media (max-width:380px){.payment-shield-container{width:180px;height:180px}.payment-shield-logo{width:90px;height:90px}.confirmation-header h2{font-size:20px}}.payment-method-page{flex-direction:column;min-height:100vh;display:flex}.payment-method-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.payment-method-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.method-shield-container{width:200px;height:200px;margin:0 auto;margin-top:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative}.method-progress-circle{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.method-progress-circle .progress-bg{fill:none;stroke:#ffffff0d;stroke-width:2px}.method-progress-circle .progress-bar{fill:none;stroke:var(--color-gold-primary);stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.method-progress-circle .progress-dot{fill:var(--color-gold-primary);filter:drop-shadow(0 0 8px var(--color-gold-primary));transition:transform 1s ease-out}.method-shield-logo{object-fit:contain;filter:drop-shadow(0 4px 20px #c8a25a4d);width:100px;height:100px}.payment-methods-card{padding:var(--spacing-lg);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px}.methods-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.methods-header h2{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:600}.methods-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.method-option{align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md)var(--spacing-lg);color:var(--color-text-primary);text-align:left;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;font-size:15px;transition:all .2s;display:flex}.method-option:active{transform:scale(.98)}.method-option.selected{background:#c8a25a1a;border-color:#c8a25a4d}.method-title{flex:1;font-weight:500}.method-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sbp-icon{color:var(--color-gold-primary)}.sberpay-icon{background:#21a038;border-radius:6px;justify-content:center;align-items:center;width:40px;height:24px;padding:0 6px;display:flex}.sberpay-logo{color:#fff;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.sberpay-s{font-size:13px}.sberpay-pay{font-size:10px;font-weight:600}.card-icon{color:var(--color-text-primary)}.checkmark{justify-content:center;align-items:center;margin-left:auto;animation:.2s ease-out scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width:380px){.method-shield-container{width:180px;height:180px}.method-shield-logo{width:90px;height:90px}.methods-header h2{font-size:18px}.method-option{font-size:14px}}.payment-success-page{flex-direction:column;min-height:100vh;display:flex}.payment-success-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.payment-success-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.success-shield-container{width:200px;height:200px;margin:0 auto;margin-top:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative}.success-progress-circle{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.success-progress-circle .progress-bg{fill:none;stroke:#ffffff0d;stroke-width:2px}.success-progress-circle .progress-bar{fill:none;stroke:var(--color-gold-primary);stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.success-progress-circle .progress-dot{fill:var(--color-gold-primary);filter:drop-shadow(0 0 8px var(--color-gold-primary));transition:transform 1s ease-out}.success-shield-logo{object-fit:contain;filter:drop-shadow(0 4px 20px #c8a25a4d);width:100px;height:100px}.status-card{padding:var(--spacing-lg);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;animation:.4s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.status-header h2{color:var(--color-text-primary);margin:0;font-size:22px;font-weight:600}.waiting-content{align-items:center;gap:var(--spacing-xl);flex-direction:column;display:flex}.waiting-instruction{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);width:100%;color:var(--color-text-secondary);background:#ffffff08;border-radius:12px;font-size:14px;display:flex}.waiting-instruction svg{flex-shrink:0}.loading-spinner{padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.spinner{border:4px solid #ffffff1a;border-top-color:var(--color-gold-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-gold-primary);color:var(--color-background);border:none;border-radius:12px;font-size:15px;font-weight:600;transition:all .2s}.form-button:active{opacity:.9;transform:scale(.98)}.success-content{align-items:center;gap:var(--spacing-lg);text-align:center;flex-direction:column;display:flex}.success-message{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.5}.success-icon{background:#c8a25a1a;border:2px solid #c8a25a4d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.5s ease-out scalePopIn;display:flex}@keyframes scalePopIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.home-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-gold-primary);color:var(--color-background);border:none;border-radius:12px;font-size:15px;font-weight:600;transition:all .2s}.home-button:active{opacity:.9;transform:scale(.98)}@media (max-width:380px){.success-shield-container{width:180px;height:180px}.success-shield-logo{width:90px;height:90px}.status-header h2{font-size:20px}}.confetti-container{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti-piece{will-change:transform,top,left;border-radius:2px;transition:opacity .3s ease-out;position:absolute}.add-device-page{flex-direction:column;min-height:100vh;display:flex}.add-device-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.add-device-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.device-shield-container{width:200px;height:200px;margin:0 auto;margin-top:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative}.device-progress-circle{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.device-progress-circle .progress-bg{fill:none;stroke:#ffffff0d;stroke-width:2px}.device-progress-circle .progress-bar{fill:none;stroke:var(--color-gold-primary);stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.device-progress-circle .progress-dot{fill:var(--color-gold-primary);filter:drop-shadow(0 0 8px var(--color-gold-primary));transition:transform 1s ease-out}.device-shield-logo{object-fit:contain;filter:drop-shadow(0 4px 20px #c8a25a4d);width:100px;height:100px}.upgrade-card{padding:var(--spacing-lg);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px}.upgrade-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.upgrade-header h2{color:var(--color-text-primary);flex:1;margin:0;font-size:20px;font-weight:600}.close-card{color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.upgrade-info{align-items:flex-start;gap:var(--spacing-md);flex-direction:column;display:flex}.crown-icon{background:#c8a25a26;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;animation:2s ease-in-out infinite crownPulse;display:flex}@keyframes crownPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.upgrade-description{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.6}.upgrade-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-gold-primary);color:var(--color-background);border:none;border-radius:12px;margin-top:auto;font-size:17px;font-weight:600;transition:all .2s}.upgrade-button:active{opacity:.9;transform:scale(.98)}@media (max-width:380px){.device-shield-container{width:180px;height:180px}.device-shield-logo{width:90px;height:90px}.upgrade-header h2{font-size:18px}.upgrade-description{font-size:14px}}.error-page{flex-direction:column;min-height:100vh;display:flex}.error-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.error-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.error-shield-container{width:200px;height:200px;margin:0 auto;margin-top:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative}.error-progress-circle{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.error-progress-circle .progress-bg{fill:none;stroke:#ffffff0d;stroke-width:2px}.error-progress-circle .progress-bar{fill:none;stroke:var(--color-gold-primary);stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.error-progress-circle .progress-dot{fill:var(--color-gold-primary);filter:drop-shadow(0 0 8px var(--color-gold-primary));transition:transform 1s ease-out}.error-shield-logo{object-fit:contain;filter:drop-shadow(0 4px 20px #c8a25a4d);width:100px;height:100px}.error-card{padding:var(--spacing-lg);gap:var(--spacing-lg);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;display:flex}.error-card-header{justify-content:space-between;align-items:center;display:flex}.error-card-header h2{color:var(--color-text-primary);margin:0;font-size:22px;font-weight:600}.close-card{color:var(--color-text-secondary);justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.close-card:active{opacity:.6}.error-message{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.6}.error-actions{gap:var(--spacing-md);flex-direction:column;display:flex}.support-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-gold-primary);color:var(--color-background);border:none;border-radius:12px;font-size:15px;font-weight:600;transition:all .2s}.support-button:active{opacity:.9;transform:scale(.98)}.refresh-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);color:var(--color-text-primary);background:0 0;border:none;border-radius:12px;font-size:15px;font-weight:500;transition:all .2s}.refresh-button:active{opacity:.7;transform:scale(.98)}@media (max-width:380px){.error-shield-container{width:180px;height:180px}.error-shield-logo{width:90px;height:90px}.error-card-header h2{font-size:20px}.error-message{font-size:14px}}.setup-ios-page{flex-direction:column;min-height:100vh;display:flex}.setup-ios-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.setup-ios-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.setup-icon-container{width:200px;height:200px;margin-top:var(--spacing-xl);justify-content:center;align-items:center;display:flex;position:relative}.setup-progress-circle{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.setup-progress-circle .progress-bg{fill:none;stroke:#ffffff0d;stroke-width:2px}.setup-progress-circle .progress-bar{fill:none;stroke:var(--color-gold-primary);stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.devices-icon{color:var(--color-text-primary);z-index:1;justify-content:center;align-items:center;display:flex}.setup-title{color:var(--color-text-primary);text-align:center;margin:0;font-size:24px;font-weight:600}.setup-description{color:var(--color-text-secondary);text-align:center;max-width:320px;margin:0;font-size:15px;line-height:1.6}.setup-actions{gap:var(--spacing-md);flex-direction:column;width:100%;margin-top:auto;display:flex}.setup-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);border-radius:12px;font-size:15px;font-weight:600;transition:all .2s}.setup-button.primary{background:var(--color-gold-primary);color:var(--color-background);border:none}.setup-button.primary:active{opacity:.9;transform:scale(.98)}.setup-button.secondary{color:var(--color-text-primary);background:0 0;border:none}.setup-button.secondary:active{opacity:.7;transform:scale(.98)}@media (max-width:380px){.setup-icon-container{width:180px;height:180px}.devices-icon svg{width:56px;height:56px}.setup-title{font-size:22px}}.install-app-page{flex-direction:column;min-height:100vh;display:flex}.install-app-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.install-app-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.install-icon-container{width:200px;height:200px;margin-top:var(--spacing-xl);justify-content:center;align-items:center;display:flex;position:relative}.install-progress-circle{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.install-progress-circle .progress-bg{fill:none;stroke:#ffffff0d;stroke-width:2px}.install-progress-circle .progress-bar{fill:none;stroke:var(--color-gold-primary);stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.download-icon{color:var(--color-text-primary);z-index:1;justify-content:center;align-items:center;display:flex}.install-title{color:var(--color-text-primary);text-align:center;margin:0;font-size:24px;font-weight:600}.install-description{color:var(--color-text-secondary);text-align:center;max-width:320px;margin:0;font-size:15px;line-height:1.6}.install-actions{gap:var(--spacing-md);flex-direction:column;width:100%;margin-top:auto;display:flex}.install-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);border-radius:12px;font-size:15px;font-weight:600;transition:all .2s}.install-button.primary{background:var(--color-gold-primary);color:var(--color-background);border:none}.install-button.primary:active{opacity:.9;transform:scale(.98)}.install-button.secondary{color:var(--color-text-primary);background:0 0;border:none}.install-button.secondary:active{opacity:.7;transform:scale(.98)}@media (max-width:380px){.install-icon-container{width:180px;height:180px}.download-icon svg{width:56px;height:56px}.install-title{font-size:22px}}.important-info-page{flex-direction:column;min-height:100vh;display:flex}.important-info-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.important-info-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.info-icon-container{width:200px;height:200px;margin-top:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative}.info-progress-circle{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.info-progress-circle .progress-bg{fill:none;stroke:#ffffff0d;stroke-width:2px}.info-progress-circle .progress-bar{fill:none;stroke:var(--color-gold-primary);stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.info-icon{color:var(--color-text-primary);z-index:1;justify-content:center;align-items:center;display:flex}.info-title{color:var(--color-text-primary);text-align:center;margin:0;font-size:24px;font-weight:600}.info-card{padding:var(--spacing-lg);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;width:100%}.info-text{color:var(--color-text-secondary);text-align:center;margin:0;font-size:15px;line-height:1.6}.info-actions{gap:var(--spacing-md);flex-direction:column;width:100%;margin-top:auto;display:flex}.info-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);border-radius:12px;font-size:15px;font-weight:600;transition:all .2s}.info-button.primary{background:var(--color-gold-primary);color:var(--color-background);border:none}.info-button.primary:active{opacity:.9;transform:scale(.98)}@media (max-width:380px){.info-icon-container{width:180px;height:180px}.info-icon svg{width:56px;height:56px}.info-title{font-size:22px}}.subscription-manage-page{flex-direction:column;min-height:100vh;display:flex}.subscription-manage-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.subscription-manage-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.subscription-icon-container{width:200px;height:200px;margin-top:var(--spacing-xl);justify-content:center;align-items:center;display:flex;position:relative}.subscription-progress-circle{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.subscription-progress-circle .progress-bg{fill:none;stroke:#ffffff0d;stroke-width:2px}.subscription-progress-circle .progress-bar{fill:none;stroke:var(--color-gold-primary);stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.crown-icon-large{z-index:1;justify-content:center;align-items:center;animation:3s ease-in-out infinite crownFloat;display:flex}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.subscription-title{color:var(--color-text-primary);text-align:center;margin:0;font-size:24px;font-weight:600}.subscription-description{color:var(--color-text-secondary);text-align:center;max-width:320px;margin:0;font-size:15px;line-height:1.6}.subscription-actions{gap:var(--spacing-md);flex-direction:column;width:100%;margin-top:auto;display:flex}.subscription-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);border-radius:12px;font-size:15px;font-weight:600;transition:all .2s}.subscription-button.primary{background:var(--color-gold-primary);color:var(--color-background);border:none}.subscription-button.primary:active{opacity:.9;transform:scale(.98)}.subscription-button.secondary{color:var(--color-text-primary);background:0 0;border:none}.subscription-button.secondary:active{opacity:.7;transform:scale(.98)}@media (max-width:380px){.subscription-icon-container{width:180px;height:180px}.crown-icon-large svg{width:64px;height:64px}.subscription-title{font-size:22px}}.setup-complete-page{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.setup-complete-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.setup-complete-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.complete-icon-container{width:220px;height:220px;margin-top:var(--spacing-xl);justify-content:center;align-items:center;display:flex;position:relative}.complete-progress-circle{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.complete-progress-circle .progress-bg{fill:none;stroke:#ffffff0d;stroke-width:2px}.complete-progress-circle .progress-bar.complete{fill:none;stroke:var(--color-gold-primary);stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset 1.5s ease-out}.checkmark-icon{z-index:1;justify-content:center;align-items:center;animation:.6s cubic-bezier(.68,-.55,.265,1.55) checkmarkPop;display:flex}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.complete-title{color:var(--color-text-primary);text-align:center;margin:0;font-size:32px;font-weight:700;animation:.6s ease-out .3s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.complete-description{color:var(--color-text-secondary);text-align:center;max-width:320px;margin:0;font-size:15px;line-height:1.6;animation:.6s ease-out .5s both fadeInUp}.complete-actions{gap:var(--spacing-md);flex-direction:column;width:100%;margin-top:auto;animation:.6s ease-out .7s both fadeInUp;display:flex}.complete-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);border-radius:12px;font-size:15px;font-weight:600;transition:all .2s}.complete-button.primary{background:var(--color-gold-primary);color:var(--color-background);border:none}.complete-button.primary:active{opacity:.9;transform:scale(.98)}@media (max-width:380px){.complete-icon-container{width:200px;height:200px}.checkmark-icon svg{width:90px;height:90px}.complete-title{font-size:28px}}.profile-page{flex-direction:column;min-height:100vh;display:flex}.profile-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.profile-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.profile-user-info{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg)0;flex-direction:column;display:flex}.user-name{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:600}.user-details{align-items:center;gap:var(--spacing-xs);display:flex}.user-id{color:var(--color-text-secondary);font-size:13px}.copy-id-btn{color:var(--color-text-secondary);padding:4px;transition:opacity .2s}.copy-id-btn:active{opacity:.6}.user-traffic{color:var(--color-text-secondary);margin:0;font-size:13px}.profile-menu{background:#ffffff0d;border-radius:12px;flex-direction:column;gap:0;display:flex;overflow:hidden}.menu-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);color:var(--color-text-primary);text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0d;font-size:15px;transition:background .2s;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:active{background:#ffffff0d}.menu-item svg{color:var(--color-text-secondary);flex-shrink:0}.platform-link-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.link-label{color:var(--color-text-secondary);margin:0;font-size:13px}.link-container{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex}.link-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.copy-link-btn{color:var(--color-text-secondary);flex-shrink:0;padding:4px;transition:opacity .2s}.copy-link-btn:active{opacity:.6}.instructions-btn{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-gold-primary);color:var(--color-background);border:none;border-radius:12px;margin-top:auto;font-size:15px;font-weight:600;transition:all .2s}.instructions-btn:active{opacity:.9;transform:scale(.98)}@media (max-width:380px){.user-name{font-size:18px}.menu-item{font-size:14px}}.faq-page{flex-direction:column;min-height:100vh;display:flex}.faq-header{padding:var(--spacing-md);justify-content:space-between;align-items:center;padding-top:60px;display:flex}.faq-content{padding:var(--spacing-md);padding-bottom:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.faq-shield-container{width:200px;height:200px;margin:0 auto;margin-top:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative}.faq-progress-circle{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.faq-progress-circle .progress-bg{fill:none;stroke:#ffffff0d;stroke-width:2px}.faq-progress-circle .progress-bar{fill:none;stroke:var(--color-gold-primary);stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.faq-progress-circle .progress-dot{fill:var(--color-gold-primary);filter:drop-shadow(0 0 8px var(--color-gold-primary));transition:transform 1s ease-out}.faq-shield-logo{object-fit:contain;filter:drop-shadow(0 4px 20px #c8a25a4d);width:100px;height:100px}.faq-card{padding:var(--spacing-lg);gap:var(--spacing-lg);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;display:flex;position:relative}.faq-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.faq-card-header h2{color:var(--color-text-primary);flex:1;margin:0;font-size:20px;font-weight:600}.close-faq-card{color:var(--color-text-secondary);flex-shrink:0;padding:0;transition:opacity .2s}.close-faq-card:active{opacity:.6}.faq-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.faq-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.faq-question{justify-content:space-between;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);color:var(--color-text-primary);text-align:left;background:0 0;border:none;font-size:15px;transition:background .2s;display:flex}.faq-question:active{background:#ffffff0d}.faq-question span{flex:1}.expand-icon{color:var(--color-text-secondary);flex-shrink:0;transition:transform .3s}.faq-question.expanded .expand-icon{transform:rotate(180deg)}.faq-answer{padding:0 var(--spacing-md)var(--spacing-md);animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.answer-label{color:var(--color-text-secondary);margin:0 0 var(--spacing-xs)0;font-size:13px}.answer-text{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.faq-support-btn{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-gold-primary);color:var(--color-background);border:none;border-radius:12px;font-size:15px;font-weight:600;transition:all .2s}.faq-support-btn:active{opacity:.9;transform:scale(.98)}@media (max-width:380px){.faq-shield-container{width:180px;height:180px}.faq-shield-logo{width:90px;height:90px}.faq-card-header h2{font-size:18px}.faq-question{font-size:14px}}