body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loader-container{align-items:center;background:#000;bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999}.loader-container .loader-content{text-align:center}.loader-container .loader-content .loader-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#3cffb3;height:60px;width:60px}.loader-container .loader-content .loader-text{color:#ffffffb3;font-family:Modules Medium,sans-serif;font-size:16px;margin-top:16px}@font-face{font-display:swap;font-family:Modulus;font-style:normal;font-weight:500;src:url(/static/media/Modulus-Medium.0bf42184cbbb7d37f36c.otf) format("opentype")}.side-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000;border-right:none;box-sizing:border-box;height:100vh;overflow:hidden;padding:20px 12px;position:sticky;top:0;width:100%;z-index:20}.side-nav .side-nav-header{border:none;left:50%;margin:0;padding:0;position:absolute;top:20px;transform:translateX(-50%);width:max-content;z-index:3}.side-nav .side-nav-logo{align-items:center;display:inline-flex;gap:2px;justify-content:center;white-space:nowrap}.side-nav .side-nav-logo svg{display:block;flex-shrink:0;height:30px;width:30px}.side-nav .side-nav-logo span{animation:brandGlow 3s ease-in-out infinite;color:#fff;display:block;font-family:Modulus,sans-serif;font-size:43px;font-weight:500;letter-spacing:.18em;line-height:1;margin-top:3%;text-shadow:0 0 8px #fffffff2,0 0 20px #fffc,0 0 40px #fff9,0 0 80px #ffffff61,0 0 160px #ffffff38;text-transform:uppercase}.side-nav .side-nav-center{align-items:center;display:flex;inset:0 12px 0 12px;justify-content:flex-start;position:absolute;z-index:1}.side-nav .side-nav-items{--active-index:0;--item-height:56px;--item-gap:12px;display:flex;flex-direction:column;gap:var(--item-gap);position:relative;width:100%}.side-nav .side-nav-indicator-wrap{height:var(--item-height);left:0;pointer-events:none;position:absolute;top:0;transform:translateY(calc(var(--active-index)*(var(--item-height) + var(--item-gap))));transition:transform .32s cubic-bezier(.22,1,.36,1);width:100%;z-index:0}.side-nav .side-nav-indicator-bg{background:linear-gradient(90deg,#11585bf2,#0c4245e0);border-radius:20px;box-shadow:inset 0 0 0 1px #5cffe11f,0 0 18px #0c5a5c38;height:100%;width:100%}.side-nav .side-nav-item{align-items:center;background:#0000;border:none;border-radius:20px;box-sizing:border-box;color:#8e8e93;cursor:pointer;display:flex;gap:14px;height:var(--item-height);justify-content:flex-start;padding:0 16px;position:relative;text-align:left;transition:color .2s ease,transform .2s ease;width:100%;z-index:2}.side-nav .side-nav-item .side-nav-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.side-nav .side-nav-item .side-nav-icon svg{height:22px;transition:color .2s ease,transform .2s ease,filter .2s ease;width:22px}.side-nav .side-nav-item .side-nav-label{font-size:15px;font-weight:500;line-height:1.2;transition:color .2s ease;white-space:nowrap}.side-nav .side-nav-item .side-nav-dot{background:#5cffe1;border-radius:50%;box-shadow:0 0 10px #5cffe1cc;height:6px;opacity:0;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%) scale(.4);transition:opacity .18s ease,transform .18s ease;width:6px}.side-nav .side-nav-item:hover{color:#fff}.side-nav .side-nav-item:hover .side-nav-icon svg{color:#fff;transform:scale(1.05)}.side-nav .side-nav-item:hover .side-nav-label{color:#fff}.side-nav .side-nav-item.active{color:#5cffe1}.side-nav .side-nav-item.active .side-nav-icon svg{color:#5cffe1;filter:drop-shadow(0 0 6px rgba(92,255,225,.35))}.side-nav .side-nav-item.active .side-nav-label{color:#5cffe1}.side-nav .side-nav-item.active .side-nav-dot{opacity:1;transform:translateY(-50%) scale(1);transition-delay:.32s}.side-nav .side-nav-item:active{transform:scale(.98)}.side-nav .side-nav-footer{display:none}.bottom-nav{--pad:8px;--active-index:0;align-items:center;animation:slideUp .3s ease;backdrop-filter:blur(5px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#1212128c;border:1px solid #ffffff0f;border-radius:30px;bottom:20px;box-shadow:0 8px 24px #0000004d;display:grid;grid-template-columns:repeat(4,1fr);left:20px;margin:0 auto;max-width:400px;overflow:visible;padding:var(--pad);position:fixed;right:20px;z-index:1000}.nav-indicator-wrap{height:calc(100% - var(--pad)*2);left:var(--pad);pointer-events:none;position:absolute;top:var(--pad);transform:translateX(calc(var(--active-index)*100%));transition:transform .32s cubic-bezier(.22,1,.36,1);width:calc(25% - var(--pad)*2/4);z-index:0}.nav-indicator{background:#0b3d3f;border-radius:25px;inset:0 4px;position:absolute}.nav-item{align-items:center;background:#0000;border:none;border-radius:25px;color:#8e8e93;cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:100%;z-index:2}.nav-item:after{background:#39ffd8;border-radius:50%;bottom:-6px;box-shadow:0 0 8px #2fffd3;content:"";height:4px;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.4);transition:opacity .18s ease,transform .18s ease;width:4px}.nav-item .nav-icon{align-items:center;display:flex;font-size:0;height:24px;justify-content:center;width:24px}.nav-item .nav-icon svg{height:24px;transition:all .2s ease;width:24px}.nav-item:hover .nav-icon svg{color:#fff;transform:scale(1.05)}.nav-item.active .nav-icon svg{color:#5cffe1;filter:drop-shadow(0 0 6px rgba(92,255,225,.4))}.nav-item.active:after{opacity:1;transform:translateX(-50%) scale(1);transition-delay:.32s}.nav-item:active{transform:scale(.92)}@media(max-width:1200px){.bottom-nav{--pad:6px;bottom:16px;left:16px;right:16px}}@keyframes brandGlow{0%,to{text-shadow:0 0 4px #5cffe14d,0 0 10px #5cffe12e,0 0 20px #5cffe11a}50%{text-shadow:0 0 8px #5cffe199,0 0 18px #5cffe159,0 0 32px #5cffe12e}}.notification-badge{align-items:center;animation:badgePopIn .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#ff4d4d,#ff6b6b);border-radius:20px;box-shadow:0 2px 8px #0000004d,0 0 0 2px #ffffff1a;color:#fff;display:flex;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:10px;font-weight:700;height:18px;justify-content:center;letter-spacing:0;line-height:1;min-width:18px;padding:0 5px;position:absolute;right:-12px;top:-8px;white-space:nowrap;z-index:10}.notification-badge.pulse{animation:badgePulse .5s ease-in-out 2}@keyframes badgePulse{0%{box-shadow:0 2px 8px #0000004d,0 0 0 2px #ffffff1a;transform:scale(1)}50%{box-shadow:0 2px 12px #ff4d4d80,0 0 0 3px #fff3;transform:scale(1.1)}to{box-shadow:0 2px 8px #0000004d,0 0 0 2px #ffffff1a;transform:scale(1)}}.bottom-nav .nav-item .nav-icon{position:relative}.bottom-nav .nav-item .nav-icon .notification-badge{font-size:9px;height:16px;min-width:16px;padding:0 4px;right:-10px;top:-6px}@media(max-width:480px){.bottom-nav .nav-item .nav-icon .notification-badge{font-size:8px;height:14px;min-width:14px;padding:0 3px;right:-8px;top:-4px}}.side-nav .side-nav-item .side-nav-icon{position:relative}.side-nav .side-nav-item .side-nav-icon .notification-badge{right:-12px;top:-6px}@media(max-width:1200px){.side-nav .side-nav-item .side-nav-icon .notification-badge{font-size:9px;height:16px;min-width:16px;padding:0 4px;right:-10px;top:-5px}}.nav-item.active .nav-icon .notification-badge,.side-nav-item.active .side-nav-icon .notification-badge{animation:badgeActiveGlow .5s ease-in-out}@keyframes badgeActiveGlow{0%,to{box-shadow:0 2px 8px #0000004d,0 0 0 2px #ffffff1a}50%{box-shadow:0 2px 12px #ff4d4d99,0 0 0 3px #5cffe14d}}.bottom-nav.no-active .nav-indicator-wrap,.side-nav-items.no-active .side-nav-indicator-wrap{opacity:0;pointer-events:none}#root,body,html{height:100%;margin:0;min-height:100%;width:100%}body{background:#02080b;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}*{box-sizing:border-box}.App{background:#000}.app-main{min-width:0;position:relative}@media (min-width:1024px){.app-shell.with-nav{display:grid;grid-template-columns:240px minmax(0,1fr)}.app-shell.without-nav{display:block}.app-main{min-height:0;overflow:hidden;padding:10px}.desktop-page-wrapper.with-panel{height:100%;min-height:0}.desktop-page-panel.is-visible{backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);background:#000;border:none;border-radius:24px;box-shadow:0 20px 60px #000,inset 0 1px 0 #000;height:100%;min-height:0;overflow:hidden}.desktop-page-panel.is-hidden{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;overflow:visible}.desktop-page-scroll{-ms-overflow-style:none;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:none}.desktop-page-scroll::-webkit-scrollbar{display:none;height:0;width:0}}@media (max-width:1023px){.app-shell{display:block}.app-main{padding:0}.desktop-page-panel,.desktop-page-scroll{height:auto;min-height:auto;overflow:visible}.desktop-page-panel{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none}.desktop-page-scroll:after{display:none}}.payment-page{margin:0 auto;max-width:400px;min-height:100vh;min-height:100dvh;padding-bottom:70px;padding-left:20px;padding-right:20px;position:relative;width:100%;z-index:1}.payment-header{align-items:center;animation:fadeInDown .6s ease;display:flex;position:relative}.payment-header .back-button{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;margin-right:12px;transition:all .2s ease;width:40px}.payment-header .back-button:hover{background:#ffffff1a;border-color:#fff6;transform:scale(1.05)}.payment-header .back-button:active{transform:scale(.95)}.payment-header .payment-title{color:#fff;flex:1 1;font-size:28px;font-weight:500;letter-spacing:1px;text-shadow:0 0 20px #fff9}.pricing-card{animation:fadeInUp .6s ease .1s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:10px;padding:20px}.section-label{align-items:center;color:#999;display:flex;font-size:14px;justify-content:space-between;margin-bottom:20px}.device-slider-container{margin-bottom:10px}.slider-value-display{align-items:center;display:flex;gap:16px;justify-content:flex-start;margin-bottom:20px}.slider-value-display .slider-value{color:#fff;font-size:56px;font-weight:700;line-height:1;text-shadow:0 0 30px #5cffe180}.slider-value-display .slider-label-wrapper{display:flex;flex-direction:column;gap:4px;text-align:left}.slider-value-display .slider-label{color:#fff;font-size:18px;font-weight:500;line-height:1.2}.slider-value-display .slider-label-sub{color:#999;font-size:12px;font-weight:400;line-height:1.2}.slider-wrapper{margin-bottom:10px;padding:10px 0;position:relative}.slider-track{background:#ffffff1a;border-radius:3px;cursor:pointer;height:6px;margin:0 10px;position:relative}.slider-filled{background:linear-gradient(90deg,#5cffe1,#8bc34a);border-radius:3px;box-shadow:0 0 10px #5cffe180;height:100%;position:absolute;width:0}.slider-thumb{background:#fff;border:2px solid #5cffe1;box-shadow:0 0 20px #5cffe1cc;cursor:pointer;height:24px;transition:transform .1s ease;width:24px}.slider-thumb,.slider-thumb:after{border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.slider-thumb:after{background:#5cffe1;content:"";height:10px;left:50%;width:10px}.slider-thumb:hover{transform:translate(-50%,-50%) scale(1.2)}.slider-thumb:active{transform:translate(-50%,-50%) scale(1.1)}.slider-markers{display:flex;justify-content:space-between;margin-top:10px;padding:0 5px}.slider-markers .marker{color:#666;font-size:11px;text-align:center}.slider-markers .marker.active{color:#5cffe1;font-weight:600}.period-grid{grid-template-columns:repeat(2,1fr)}.period-grid .period-grid-item{animation:fadeInUp .5s ease forwards;opacity:0;transform:translateY(20px)}.period-grid .period-grid-item:first-child{animation-delay:.2s}.period-grid .period-grid-item:nth-child(2){animation-delay:.25s}.period-grid .period-grid-item:nth-child(3){animation-delay:.3s}.period-grid .period-grid-item:nth-child(4){animation-delay:.35s}.period-grid-item{transition:all .2s ease}.period-grid-item.selected{border-width:2px}.period-grid-item.selected .period-grid-name,.period-grid-item.selected .period-grid-price{color:#5cffe1}.period-grid-item.popular.selected .period-grid-name,.period-grid-item.popular.selected .period-grid-price{color:gold}.period-grid-item .period-grid-content{display:flex;flex-direction:column;gap:4px;position:relative;z-index:2}.period-grid-item .period-grid-name{color:#fff;font-size:14px;font-weight:500;margin-bottom:2px;transition:color .2s ease}.period-grid-item .period-grid-price{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:20px;font-weight:700;gap:6px;line-height:1.2;transition:color .2s ease}.period-grid-item .period-grid-price .period-grid-old-price{color:#999;font-size:12px;font-weight:400;text-decoration:line-through}.period-grid-item .period-grid-save{background:#5cffe11a;border-radius:12px;color:#5cffe1;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;width:fit-content}.continue-button{align-items:center;background:#5cffe180;border:none;border-radius:16px;box-shadow:0 0 30px #0b3d3f66;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-bottom:20px;padding:18px 16px;transition:all .3s ease;width:100%}.continue-button .continue-price{color:#fff;font-size:20px;font-weight:700}.continue-button:disabled{opacity:.3;pointer-events:none}.continue-button:hover{box-shadow:0 0 40px #0b3d3fcc;transform:translateY(-2px)}.continue-button:active{transform:scale(.95)}.modal-overlay{background:#000000f2;padding-bottom:env(safe-area-inset-bottom)}.payment-modal{animation:slideUp .3s ease;background:#0a0a0a;border:1px solid #5cffe133;border-radius:24px 24px 0 0;box-shadow:0 -10px 30px #5cffe11a;display:flex;flex-direction:column;max-height:95vh;max-width:400px;position:relative}.payment-modal:before{background:linear-gradient(90deg,#0000,#5cffe1,#5cffe1,#0000);border-radius:2px;height:2px;z-index:2}.payment-modal:after,.payment-modal:before{animation:shimmer 2s ease-in-out infinite;content:"";left:0;position:absolute;right:0;top:0}.payment-modal:after{background:radial-gradient(circle,#5cffe14d,#0000);filter:blur(2px);height:4px;pointer-events:none;z-index:1}.modal-header{background:#0000004d;border-bottom:1px solid #5cffe133;flex-shrink:0;padding:20px}.modal-header h3{color:#5cffe1;font-size:18px;font-weight:600;text-shadow:0 0 10px #5cffe14d}.modal-header .close-button{align-items:center;background:#ffffff0d;border:1px solid #5cffe14d;border-radius:50%;color:#5cffe1;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.modal-header .close-button:hover{background:#5cffe133;border-color:#5cffe1;box-shadow:0 0 15px #5cffe14d;transform:scale(1.1)}.modal-content{background:#000c;flex:1 1}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.modal-content::-webkit-scrollbar-thumb{background:#5cffe1;border-radius:2px}.modal-content::-webkit-scrollbar-thumb:hover{background:#5cffe1cc}.modal-total-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b3d3f33;border:1px solid #5cffe133;border-radius:16px;box-shadow:0 4px 15px #0000004d;margin-bottom:10px;padding:16px}.modal-total-section .modal-total-row{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.modal-total-section .modal-total-row:not(:last-child){border-bottom:1px solid #5cffe11a}.modal-total-section .modal-total-row span:first-child{color:#999;font-size:14px}.modal-total-section .modal-total-row .modal-value{color:#fff;font-size:16px;font-weight:500}.modal-total-section .modal-total-row .price-block{align-items:center;display:flex;gap:8px}.modal-total-section .modal-total-row .price-block .old-price{color:#999;font-size:14px;text-decoration:line-through}.modal-total-section .modal-total-row .price-block .total-price{color:#5cffe1;font-size:20px;font-weight:700;text-shadow:0 0 10px #5cffe14d}.modal-total-section .modal-bonus{align-items:center;background:#5cffe11a;border:1px solid #5cffe133;border-radius:12px;color:#5cffe1;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:10px}.modal-total-section .modal-bonus .bonus-icon{filter:drop-shadow(0 0 5px rgba(92,255,225,.5))}.modal-promo-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b3d3f33;border:1px solid #5cffe133;border-radius:16px;margin-bottom:15px;margin-top:15px;padding:16px}.modal-promo-section .promo-input-group{display:flex;gap:8px}.modal-promo-section .promo-input{background:#0009;border:1px solid #5cffe14d;border-radius:12px;color:#fff;flex:1 1;font-size:14px;letter-spacing:.5px;outline:none;padding:12px;transition:all .2s ease}.modal-promo-section .promo-input:focus{background:#000c;border-color:#5cffe1;box-shadow:0 0 10px #5cffe14d}.modal-promo-section .promo-input:disabled{cursor:not-allowed;opacity:.5}.modal-promo-section .promo-input::placeholder{color:#ffffff4d;font-size:13px}.modal-promo-section .promo-button{background:#5cffe11a;border:1px solid #5cffe14d;border-radius:12px;color:#5cffe1;cursor:pointer;font-size:11px;font-weight:500;letter-spacing:.5px;min-width:90px;padding:0 10px;text-transform:uppercase;transition:all .2s ease}.modal-promo-section .promo-button:hover:not(:disabled){background:#5cffe133;border-color:#5cffe1;box-shadow:0 0 15px #5cffe133;transform:translateY(-1px)}.modal-promo-section .promo-button:active:not(:disabled){transform:translateY(0)}.modal-promo-section .promo-button:disabled{cursor:not-allowed;opacity:.5}.modal-promo-section .promo-button.applied{background:#0b3d3f99;border-color:#5cffe1;box-shadow:0 0 15px #5cffe14d;color:#5cffe1}.modal-promo-section .promo-message-payment{align-items:center;border-radius:8px;display:flex;font-size:12px;gap:6px;margin-top:8px;padding:8px 12px}.modal-promo-section .promo-message-payment.success{background:#5cffe11a;border:1px solid #5cffe133;color:#5cffe1}.modal-promo-section .promo-message-payment.success:before{content:"✓";font-weight:700}.modal-promo-section .promo-message-payment.error{background:#ff57571a;border:1px solid #ff575733;color:#ff5757}.modal-promo-section .promo-message-payment.error:before{content:"✕";font-weight:700}.modal-payment-methods{margin-bottom:14px}.modal-payment-methods .modal-payment-title{color:#999;font-size:14px;margin-bottom:10px}.modal-payment-methods .modal-payment-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.modal-payment-methods .modal-payment-grid .modal-payment-option{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b3d3f33;border:2px solid #5cffe133;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 0;transition:all .2s ease}.modal-payment-methods .modal-payment-grid .modal-payment-option:hover{background:#5cffe11a;border-color:#5cffe166;transform:translateY(-2px)}.modal-payment-methods .modal-payment-grid .modal-payment-option.selected{background:#0b3d3f99;border-color:#5cffe1;border-width:2px;box-shadow:0 0 15px #5cffe14d}.modal-payment-methods .modal-payment-grid .modal-payment-option.selected .method-icon,.modal-payment-methods .modal-payment-grid .modal-payment-option.selected .method-name{color:#5cffe1}.modal-payment-methods .modal-payment-grid .modal-payment-option.selected .method-icon{filter:drop-shadow(0 0 5px rgba(92,255,225,.5))}.modal-payment-methods .modal-payment-grid .modal-payment-option .method-icon{color:#fff;font-size:20px;transition:all .2s ease}.modal-payment-methods .modal-payment-grid .modal-payment-option .method-name{color:#999;font-size:11px;transition:all .2s ease}.modal-pay-button{background:linear-gradient(135deg,#0b3d3fcc,#0e4a4dcc);border:1px solid #5cffe14d;border-radius:16px;color:#fff;display:flex;font-size:16px;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.modal-pay-button:before{background:linear-gradient(90deg,#0000,#5cffe133,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.modal-pay-button:hover:not(:disabled){border-color:#5cffe1;box-shadow:0 5px 20px #5cffe14d;transform:translateY(-2px)}.modal-pay-button:hover:not(:disabled):before{left:100%}.modal-pay-button:active:not(:disabled){transform:translateY(0)}.modal-pay-button:disabled{cursor:not-allowed;opacity:.5}.modal-pay-button span:first-child{font-weight:600}.modal-pay-button .pay-button-prices{align-items:center;display:flex;gap:8px}.modal-pay-button .old-price-button{color:#999;font-size:14px;font-weight:400;text-decoration:line-through}.modal-pay-button .final-price-button{color:#5cffe1;font-size:18px;font-weight:700;text-shadow:0 0 10px #5cffe180}.modal-footer{padding-bottom:env(safe-area-inset-bottom,20px);padding-top:8px;text-align:center}.modal-footer .security-info{align-items:center;color:#999;display:flex;font-size:12px;gap:6px;justify-content:center}.modal-footer .security-info .security-icon{filter:drop-shadow(0 0 5px rgba(92,255,225,.3))}.modal-discount{align-items:center;animation:slideIn .3s ease;background:#5cffe11a;border:1px solid #5cffe133;border-radius:12px;display:flex;font-size:14px;justify-content:space-between;margin:8px 0 12px;padding:10px 12px}.modal-discount .discount-icon{filter:drop-shadow(0 0 5px rgba(92,255,225,.5));font-size:18px}.modal-discount .discount-text{color:#fff;font-weight:500}.modal-discount .discount-text span{color:#5cffe1;font-weight:700;margin-left:4px}.modal-discount .discount-amount{background:#ffffff0d;border:1px solid #5cffe14d;border-radius:20px;color:#5cffe1;font-size:16px;font-weight:700;padding:4px 10px}@media(max-width:380px){.modal-content{padding:16px}.modal-total-section{padding:12px}.modal-payment-option{padding:10px 0}.modal-pay-button{padding:14px}.modal-pay-button span:last-child{font-size:16px}}@keyframes priceFadeIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.modal-pay-button .old-price-button{animation:priceFadeIn .3s ease}.modal-pay-button .final-price-button{transition:all .3s ease}.modal-pay-button .final-price-button.price-updated{animation:priceFadeIn .3s ease}.payment-success-page{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:400px;min-height:100vh;min-height:100dvh;padding:20px;position:relative;width:100%;z-index:1}.payment-success-page .success-container{animation:fadeIn .5s ease;text-align:center;width:100%}.payment-success-page .success-container h1{color:#fff;font-family:Modules Medium,sans-serif;font-size:24px;margin-bottom:12px}.payment-success-page .success-container p{color:#ffffffb3;font-size:16px;margin-bottom:8px}.payment-success-page .success-container p.redirect-info{color:#ffffff80;font-size:14px;margin-top:16px}.payment-success-page .success-container p.payment-id{color:#ffffff4d;font-size:12px;margin-top:16px}.payment-success-page .success-container .payment-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:16px 0;padding:12px}.payment-success-page .success-container .payment-details p{font-size:14px;margin:4px 0}.payment-success-page .success-container .success-icon{background:#4caf5033;border:2px solid #4caf50;border-radius:50%;box-shadow:0 0 30px #4caf504d;color:#4caf50}.payment-success-page .success-container .error-icon,.payment-success-page .success-container .success-icon{align-items:center;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.payment-success-page .success-container .error-icon{background:#f4433633;border:2px solid #f44336;border-radius:50%;color:#f44336}.payment-success-page .success-container .loader-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#4caf50;height:60px;margin:0 auto 24px;width:60px}.payment-success-page .success-container .button-group{display:flex;gap:10px;margin-top:20px}.payment-success-page .success-container .button-group .continue-button{flex:1 1;font-size:14px;padding:12px}.payment-success-page .success-container .button-group .continue-button.secondary{background:#ffffff1a;color:#fff}.payment-success-page .success-container .button-group .continue-button.secondary:hover{background:#fff3}.payment-success-page .success-container .continue-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;padding:14px 32px;transition:all .3s ease;width:100%}.payment-success-page .success-container .continue-button:hover{box-shadow:0 5px 20px #4caf5066;transform:translateY(-2px)}.payment-success-page .success-container .continue-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.check-again-button{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;margin:20px 0;padding:12px 24px;transition:all .3s ease}.check-again-button:hover{background:#3a3a3a}.check-again-button:disabled{cursor:not-allowed;opacity:.6}.payment-devices-page{box-sizing:border-box;min-height:100vh;min-height:100dvh;padding:18px 16px 100px;position:relative;width:100%;z-index:1}.payment-devices-page.auth-state,.payment-devices-page.empty-state-page,.payment-devices-page.loading{align-items:center;display:flex;justify-content:center}.payment-shell{animation:devicesFadeUp .45s ease;margin:0 auto;max-width:960px;width:100%}.payment-hero-card{margin-bottom:18px}.payment-hero-card.compact-header .payment-hero-topline{margin-bottom:0}.payment-hero-topline{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.payment-back-button{align-items:center;background:#07121575;border:1px solid #ffffff14;border-radius:50%;color:#f3fffd;cursor:pointer;display:inline-flex;flex-shrink:0;height:48px;justify-content:center;transition:transform .22s ease,background .22s ease,border-color .22s ease;width:48px}.payment-back-button:hover{background:#ffffff0a;border-color:#57f2d324;transform:translateY(-1px)}.payment-back-button svg{height:22px;width:22px}.payment-hero-copy{flex:1 1;min-width:0}.payment-hero-title{color:#f5fffd;font-family:Inter,Arial,sans-serif;font-size:39px;font-weight:700;line-height:1.08;margin:0 0 4px}.payment-hero-subtitle{color:#e2f2f0a3;font-size:23px;line-height:1.35;margin:0}.section-head.section-head-actions{align-items:flex-start}.selection-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:10px}.selection-action-btn{background:#57f2d314;border:1px solid #57f2d31f;border-radius:999px;color:#dcfffa;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:700;min-height:40px;padding:0 14px;transition:transform .22s ease,background .22s ease,opacity .22s ease,border-color .22s ease}.selection-action-btn:hover:not(:disabled){background:#57f2d31f;transform:translateY(-1px)}.selection-action-btn.ghost{background:#ffffff0a;border-color:#ffffff14;color:#e7f3f1db}.selection-action-btn.ghost:hover:not(:disabled){background:#ffffff0f}.selection-action-btn:disabled{cursor:default;opacity:.42}.device-section.profile-style.selection-style{overflow:hidden}.devices-scroll-shell{margin:0 12px 12px 18px;max-height:452px;overflow-y:auto;padding:0 6px 8px 0}.devices-scroll-shell::-webkit-scrollbar{width:6px}.devices-scroll-shell::-webkit-scrollbar-thumb{background:#57f2d32e;border-radius:999px}.devices-scroll-shell::-webkit-scrollbar-track{background:#0000}.devices-scroll-shell .devices-grid.profile-style.selectable-list{display:flex;flex-direction:column;gap:10px}.devices-scroll-shell .device-card.selectable{margin-bottom:0}.device-card.selectable{border:1px solid #ffffff0f;border-radius:20px;cursor:pointer;overflow:hidden;transition:background .22s ease,transform .22s ease,box-shadow .22s ease,border-color .22s ease}.device-card.selectable:hover{background:hsla(0,0%,100%,.025);border-color:#ffffff1f}.device-card.selectable.selected{background:linear-gradient(180deg,#0f2f31e0,#091e1feb);border-color:#57f2d357}.payment-device-status{color:#d5e7e494;font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.4;word-break:break-word}.device-selection-toggle{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;color:#0000;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;transition:all .22s ease;width:34px}.device-selection-toggle.selected{background:#57f2d3;border-color:#57f2d3;box-shadow:0 0 0 4px #57f2d31f;color:#042321}.device-selection-toggle span{font-size:15px;font-weight:800}.payment-period-block{margin-top:18px}.payment-period-header{border-bottom:1px solid #ffffff26;margin-bottom:12px;padding:12px 5px}.payment-period-subtitle{align-items:center;color:#dceeebbf;display:inline-flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:.3px}.period-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.period-grid-item{animation:fadeInUp .5s ease forwards;background:#ffffff08;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;opacity:0;overflow:hidden;padding:16px 12px;position:relative;text-align:left;transform:translateY(20px);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.period-grid-item:first-child{animation-delay:.2s}.period-grid-item:nth-child(2){animation-delay:.25s}.period-grid-item:nth-child(3){animation-delay:.3s}.period-grid-item:nth-child(4){animation-delay:.35s}.period-grid-item:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px)}.period-grid-item.selected{background:#0b3d3f66;border-color:#5cffe1;box-shadow:0 0 20px #5cffe166}.period-grid-item.selected .period-grid-name,.period-grid-item.selected .period-grid-price{color:#5cffe1}.period-grid-item.popular{background:#ffd7000d;border-color:#ffd70066}.period-grid-item.popular:before{background:gold;box-shadow:0 2px 10px #ffd70066;color:#000;content:"🔥 ПОПУЛЯРНОЕ";font-size:8px;font-weight:700;letter-spacing:.5px;padding:4px 30px;position:absolute;right:-30px;top:20px;transform:rotate(45deg);white-space:nowrap;z-index:1}.period-grid-item.popular.selected{border-color:gold;box-shadow:0 0 20px #ffd70066}.period-grid-item.popular.selected .period-grid-name,.period-grid-item.popular.selected .period-grid-price{color:gold}.period-grid-item.popular .period-grid-save{background:#ffd7001a;color:gold}.period-grid-content{display:flex;flex-direction:column;gap:4px;position:relative;z-index:2}.period-grid-name{color:#fff;font-size:14px;font-weight:500;margin-bottom:2px;transition:color .2s ease}.period-grid-price{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:20px;font-weight:700;gap:6px;line-height:1.2;transition:color .2s ease}.period-grid-old-price{color:#999;font-size:12px;font-weight:400;text-decoration:line-through}.period-grid-save{background:#5cffe11a;border-radius:12px;color:#5cffe1;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;width:fit-content}.continue-price{color:#f6fffd;font-size:18px;font-weight:800}.modal-overlay{animation:fadeIn .24s ease;background:#000000c2;inset:0;z-index:1200}.payment-modal{animation:slideUp .28s ease;background:linear-gradient(180deg,#0c1518fa,#060e10fa);border:1px solid #ffffff14;box-shadow:0 24px 48px #00000057;max-width:560px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:12px;justify-content:space-between;padding:20px 20px 16px}.modal-header h3{color:#f5fffd;font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:700;margin:0}.close-button{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;color:#f5fffd;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:transform .22s ease,background .22s ease;width:36px}.close-button:hover{background:#ffffff14;transform:scale(1.04)}.modal-content{max-height:calc(100vh - 80px);overflow-y:auto;padding:20px}.modal-promo-section,.modal-total-section{background:#07121585;border:1px solid #ffffff0f;border-radius:20px;padding:16px}.modal-promo-section,.modal-total-section{margin-bottom:14px}.modal-discount-row,.modal-total-row{align-items:center;color:#dfefecc7;display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:10px 0}.modal-discount-row,.modal-total-row:not(:last-child){border-bottom:1px solid #ffffff0d}.modal-total-row.total{padding-top:14px}.modal-value{color:#f6fffd;font-weight:700}.modal-price-block,.pay-button-prices{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.old-price,.old-price-button{color:#d6e2df75;font-size:14px;text-decoration:line-through}.total-price{color:#57f2d3;font-size:22px;font-weight:800}.modal-discount-row{color:#8df6e0}.discount-value{font-weight:800}.modal-bonus{background:#f3c9691a;border:1px solid #f3c96924;border-radius:999px;color:#f3d589;font-size:13px;font-weight:700;gap:10px;margin-top:14px;min-height:42px;padding:0 12px}.bonus-icon,.method-icon,.modal-bonus{align-items:center;display:inline-flex}.bonus-icon,.method-icon{justify-content:center}.promo-input-group{display:flex;gap:10px}.promo-input{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;color:#f6fffd;flex:1 1;font-size:14px;min-height:46px;outline:none;padding:0 14px}.promo-input:focus{border-color:#57f2d32e;box-shadow:0 0 0 3px #57f2d314}.promo-input:disabled{cursor:default;opacity:.5}.promo-input::placeholder{color:#ddeeec5c}.promo-button{background:#57f2d314;border:1px solid #57f2d31f;border-radius:14px;color:#dbfffa;cursor:pointer;font-size:13px;font-weight:700;min-height:46px;min-width:122px;padding:0 14px;transition:transform .22s ease,opacity .22s ease,background .22s ease}.promo-button:hover:not(:disabled){background:#57f2d31f;transform:translateY(-1px)}.promo-button.applied{background:#0f2f31e0;border-color:#57f2d333}.promo-button:disabled{cursor:default;opacity:.5}.promo-message{border-radius:14px;font-size:13px;line-height:1.4;margin-top:10px;padding:10px 12px}.promo-message.success{background:#57f2d314;border:1px solid #57f2d31a;color:#8df6e0}.promo-message.error{background:#3a1114b8;border:1px solid #f26f7b2e;color:#ffd5da}.modal-payment-title{color:#dfefecc7;font-size:14px;font-weight:700;margin-bottom:12px}.modal-payment-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.modal-payment-option{align-items:center;background:#07121575;border:1px solid #ffffff0f;border-radius:18px;color:#eefaf7;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:14px;transition:transform .22s ease,background .22s ease,border-color .22s ease}.modal-payment-option:hover:not(:disabled){background:#ffffff0a;transform:translateY(-1px)}.modal-payment-option.selected{background:linear-gradient(180deg,#0f2f31e0,#091e1feb);border-color:#57f2d32e;box-shadow:inset 0 0 0 1px #57f2d31a}.modal-payment-option:disabled{cursor:default;opacity:.5}.method-name{font-size:14px;font-weight:700}.payment-error{background:#3a1114b8;border:1px solid #f26f7b2e;border-radius:16px;color:#ffd5da;font-size:14px;margin-bottom:14px;padding:12px 14px}.modal-pay-button{align-items:center;background:linear-gradient(180deg,#0d3534c7,#072323e6);border:1px solid #57f2d31f;border-radius:20px;color:#dbfffa;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:14px;justify-content:space-between;min-height:58px;padding:0 20px;width:100%}.modal-pay-button:disabled{cursor:default;opacity:.56}.final-price-button{color:#f6fffd;font-size:18px;font-weight:800}.modal-footer{margin-top:14px}.security-info{align-items:center;color:#dfefecb8;display:inline-flex;font-size:13px;gap:8px}.spinner{animation:modalSpin .9s linear infinite}.modal-sbp-warning{animation:fadeInUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff646414;border:1px solid #ff64644d;border-radius:12px;margin-bottom:15px;margin-top:5px;padding:12px 14px}.modal-sbp-warning .sbp-warning-content{align-items:flex-start;display:flex;gap:10px}.modal-sbp-warning .sbp-warning-content .warning-icon{filter:drop-shadow(0 0 3px rgba(255,100,100,.5));flex-shrink:0;font-size:16px}.modal-sbp-warning .sbp-warning-content .warning-text{color:#f88;font-size:12px;font-weight:400;line-height:1.4;text-align:left}@media(max-width:380px){.modal-sbp-warning{padding:10px 12px}.modal-sbp-warning .sbp-warning-content .warning-text{font-size:11px}}@keyframes modalSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:960px){.payment-shell{max-width:430px}.section-head.section-head-actions{flex-direction:column}.selection-actions{width:100%}}@media(max-width:768px){.payment-devices-page{padding:14px 12px 92px}.payment-hero-topline{align-items:center}.payment-hero-title{font-size:30px}.payment-hero-subtitle{font-size:15px}.devices-scroll-shell{margin:10px 10px 10px 14px;max-height:392px;padding-right:4px}.promo-input-group{flex-direction:column}.promo-button{width:100%}.modal-payment-grid{grid-template-columns:1fr}.selection-actions{justify-content:flex-start;width:100%}.selection-action-btn{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1;justify-content:center}}@media(max-width:480px){.payment-devices-page{padding:12px 10px 92px}.payment-hero-topline{align-items:flex-start}.payment-back-button{height:44px;width:44px}.payment-hero-title{font-size:24px}.payment-hero-subtitle{font-size:13px}.selection-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.selection-action-btn{width:100%}.continue-button.payment-page-style,.modal-pay-button{min-height:56px;padding:0 16px}.continue-button.payment-page-style{font-size:14px}.continue-price,.final-price-button{font-size:17px}.modal-content{padding:16px}}@media(min-width:769px){.devices-scroll-shell{max-height:468px}}.profile-page{padding:20px 20px 60px}.profile-header{animation:fadeInUp .6s ease .1s both;background:#14141466;border:1px solid #ffffff08;border-radius:30px;margin-bottom:10px;padding:6px;position:relative;transition:all .3s ease}.profile-header:hover{background:#1e1e1e80;border-color:#ffffff14;box-shadow:0 8px 20px #0000004d;transform:translateY(-1px)}.profile-header-inner{align-items:center;display:flex;gap:16px;justify-content:space-between}.profile-header-block{align-items:center;display:flex;flex-direction:row;gap:10px}.user-photo{background:#2a2a2a99;border-radius:50%;flex-shrink:0;height:44px;overflow:hidden;transition:all .3s ease;width:44px}.profile-header:hover .user-photo{transform:scale(1.02)}.user-photo .photo-placeholder{align-items:center;background:#2a2a2a99;color:#ffffffd9;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;text-transform:uppercase;width:100%}.user-photo .user-photo-img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.user-main{display:flex;flex:1 1;flex-direction:column}.user-name{color:#ffffffd9;font-size:18px;font-weight:500;margin-bottom:2px;transition:color .3s ease}.profile-header:hover .user-name{color:#fff}.user-id-row{align-items:center;display:flex;gap:10px}.user-id{color:#ffffff59;font-size:12px;transition:color .3s ease}.profile-header:hover .user-id{color:#ffffff80}.copy-id-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff08;border-radius:50%;color:#ffffffd9;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.copy-id-btn svg{height:18px;transition:all .2s ease;width:18px}.copy-id-btn:hover{background:#ffffff1f;border-color:#ffffff1a;box-shadow:0 4px 12px #0003;transform:scale(1.05)}.copy-id-btn:active{transform:scale(.95)}.copy-id-btn.copied{animation:pulse .3s ease;background:#4caf5026;border-color:#5cffe1}.copy-id-btn.copied svg path{stroke:#5cffe1}.copy-id-btn.copied:hover{background:#4caf5033}.menu-item{justify-content:space-between;padding:14px 0;transition:all .2s}.menu-item:hover{opacity:.8}.menu-item .menu-left{align-items:center;display:flex;flex:1 1;gap:14px}.menu-item .menu-right{align-items:center;color:#ffffff4d;display:flex}.menu-item .menu-right svg{height:20px;width:20px}.menu-item .menu-icon{align-items:center;background:#0b3d3f80;border-radius:12px;color:#5cffe1;display:flex;height:40px;justify-content:center;width:40px}.menu-item .menu-icon svg{height:22px;width:22px}.menu-item .menu-title{color:#fff;font-size:16px;font-weight:500;margin-bottom:4px}.menu-item .menu-subtitle{color:#ffffff80;font-size:12px}.spacer{height:20px;width:100%}.subscription-button-fixed{animation:fadeInUp .6s ease .25s both;bottom:90px;margin-top:auto;position:sticky;width:100%;z-index:10}.subscription-button{align-items:center;background:#fff;border:none;border-radius:30px;box-shadow:0 4px 20px #00000040;cursor:pointer;display:flex;justify-content:space-between;padding:14px 20px;position:relative;transition:all .3s ease;width:100%}.subscription-button:hover{background:#f8f8f8;box-shadow:0 8px 25px #00000059;transform:translateY(-2px)}.subscription-button:hover .subscription-button-text{color:#000}.subscription-button:hover .subscription-button-copy{background:#0000000d}.subscription-button:active{transform:scale(.98)}.subscription-button-text{color:#222;flex:1 1;font-size:14px;font-weight:600;letter-spacing:.2px;overflow:hidden;padding-right:10px;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.subscription-button-label{background:#fff;border:1px solid #4caf5033;border-radius:20px;box-shadow:0 2px 8px #00000026;color:#4caf50;font-size:11px;font-weight:700;left:20px;letter-spacing:.5px;padding:4px 12px;position:absolute;text-transform:uppercase;top:-10px}.subscription-button-copy{align-items:center;background:#00000008;border:1px solid #0000000d;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:all .2s ease;width:38px}.subscription-button-copy svg{height:18px;transition:all .2s ease;width:18px}.subscription-button-copy:hover{background:#00000014;color:#333;transform:scale(1.05)}.subscription-button-copy:active{transform:scale(.95)}.subscription-button-copy.copied{animation:pulse .3s ease;background:#4caf5026;border-color:#4caf504d;color:#4caf50}.subscription-button-copy.copied:hover{background:#4caf5033}.profile-page{flex-direction:column;margin:0 auto;max-width:400px;padding:20px 20px 100px;position:relative;width:100%;z-index:2}.profile-page,.profile-page.loading{display:flex;min-height:100vh;min-height:100dvh}.profile-page.loading{align-items:center;justify-content:center}.profile-page.loading .loader{color:#ffffffd9;font-size:16px}.section-card{animation:fadeInUp .6s ease both;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:24px;margin-bottom:10px;padding:15px 10px;transition:all .3s ease}.section-card:hover{background:#14141499;border-color:#ffffff0f;box-shadow:0 8px 20px #0000004d}.section-card:first-of-type{animation-delay:.2s}.section-card:nth-of-type(2){animation-delay:.3s}.section-card-title{color:#ffffffd9;font-size:16px;font-weight:500;margin-bottom:5px;opacity:.95;padding:0 12px;transition:opacity .3s ease}.section-card:hover .section-card-title{color:#fff;opacity:1}.menu-item{align-items:center;animation:fadeInUp .6s ease both;border-radius:16px;cursor:pointer;display:flex;padding:10px;transition:all .2s ease}.menu-item:first-child{animation-delay:.1s}.menu-item:nth-child(2){animation-delay:.2s}.menu-item:nth-child(3){animation-delay:.3s}.menu-item:nth-child(4){animation-delay:.4s}.menu-item:nth-child(5){animation-delay:.5s}.menu-item:nth-child(6){animation-delay:.6s}.menu-item:nth-child(7){animation-delay:.7s}.menu-item:nth-child(8){animation-delay:.8s}.menu-item:nth-child(9){animation-delay:.9s}.menu-item:nth-child(10){animation-delay:1s}.menu-item:hover{background:#ffffff08;transform:translateX(5px)}.menu-item:hover .menu-icon{background:#0b3d3f66}.menu-item:hover .menu-icon svg{transform:scale(1.1)}.menu-item:hover .menu-title{color:#fff}.menu-item:hover .menu-subtitle{color:#ffffff80}.menu-item:active{background:#ffffff0d;transform:scale(.99)}.menu-left{gap:10px}.menu-icon,.menu-left{align-items:center;display:flex}.menu-icon{background:#ffffff08;border-radius:10px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.menu-icon svg{height:20px;opacity:.8;transition:all .2s ease;width:20px}.menu-title{color:#ffffffd9;font-size:16px;font-weight:500;transition:all .2s ease}.menu-subtitle{color:#ffffff59;font-size:13px;transition:all .2s ease}.user-email-card{align-items:center;animation:fadeInUp .6s ease both;background:#0f0f0f66;border-radius:16px;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px;padding:10px 14px;transition:all .3s ease}.user-email-card:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-1px)}.user-email-card .user-email-info{display:flex;flex-direction:column;gap:2px}.user-email-card .user-email-label{color:#ffffff80;font-size:14px;font-weight:600}.user-email-card .user-email-value{color:#ffffffd9;font-size:14px;font-weight:500;word-break:break-all}.user-email-card .user-email-edit-btn{align-items:center;background:#ffffff14;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transform:scale(1.05);transition:all .2s ease;width:36px}.user-email-card .user-email-edit-btn svg{color:#ffffffd9;height:16px;width:16px}.user-email-card .user-email-edit-btn:hover{background:#ffffff26}.user-email-card .user-email-edit-btn:active{transform:scale(.95)}@media(min-width:1024px){.profile-root{height:auto;min-height:100%}.profile-page{margin:0 auto;max-width:400px;min-height:auto;padding:20px 20px 32px;width:100%}.profile-page.loading{min-height:100%}.subscription-button-fixed{bottom:24px}.spacer{height:12px}}.promo-page{flex-direction:column;margin:0 auto;max-width:400px;padding:20px 20px 60px;position:relative;width:100%;z-index:1}.promo-page,.promo-page.loading{display:flex;min-height:100vh;min-height:100dvh}.promo-page.loading{align-items:center;justify-content:center}.promo-header{align-items:center;animation:fadeInDown .6s ease;display:flex}.promo-header .back-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;margin-right:12px;transition:all .2s ease;width:40px}.promo-header .back-button:hover{background:#ffffff1a;border-color:#fff6;transform:scale(1.05)}.promo-header .back-button:active{transform:scale(.95)}.promo-header .promo-title{color:#fff;flex:1 1;font-size:28px;font-weight:500;letter-spacing:1px;text-shadow:0 0 20px #fff9}.promo-card{animation:fadeInUp .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;margin-bottom:20px;padding:20px;text-align:center}.promo-card .promo-card-icon{filter:drop-shadow(0 0 20px rgba(92,255,225,.3))}.promo-card .promo-card-title{color:#fff;font-size:24px;font-weight:600;margin-bottom:8px}.promo-card .promo-card-subtitle{color:#ffffff80;font-size:14px;margin-bottom:16px}.promo-input-group2{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.promo-input-group2 .promo-input{background:#0009;border:1px solid #5cffe14d;border-radius:16px;color:#fff;flex:1 1;font-size:14px;letter-spacing:.5px;outline:none;padding:14px 16px;text-transform:uppercase;transition:all .2s ease}.promo-input-group2 .promo-input:focus{background:#000c;border-color:#5cffe1;box-shadow:0 0 15px #5cffe14d}.promo-input-group2 .promo-input:disabled{cursor:not-allowed;opacity:.5}.promo-input-group2 .promo-input::placeholder{color:#ffffff4d;text-transform:none}.promo-input-group2 .promo-submit-btn{background:#0b3d3f99;border:1px solid #5cffe14d;border-radius:16px;color:#5cffe1;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;min-width:100px;padding:14px 16px;text-transform:uppercase;transition:all .2s ease}.promo-input-group2 .promo-submit-btn:hover:not(:disabled){background:#0b3d3fcc;border-color:#5cffe1;box-shadow:0 0 20px #5cffe133;transform:translateY(-2px)}.promo-input-group2 .promo-submit-btn:active:not(:disabled){transform:translateY(0)}.promo-input-group2 .promo-submit-btn:disabled{cursor:not-allowed;opacity:.5}.promo-message{align-items:center;animation:slideIn .3s ease;border-radius:12px;display:flex;font-size:14px;gap:8px;padding:12px}.promo-message.success{background:#5cffe11a;border:1px solid #5cffe133;color:#5cffe1}.promo-message.error{background:#f443361a;border:1px solid #f4433633;color:#ff6b6b}.promo-message.loading{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffb3}.promo-message svg{flex-shrink:0}.success-message.detailed{margin-bottom:10px}.promo-success-card{background:#5cffe10d;border:1px solid #5cffe133;border-radius:20px;margin-top:16px;padding:16px;text-align:center}.promo-success-card .success-icon{font-size:48px;margin-bottom:12px}.promo-success-card .success-text{color:#5cffe1;font-size:16px;font-weight:500;margin-bottom:20px}.promo-info-card{animation:fadeInUp .6s ease .1s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:20px}.promo-info-card .info-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:10px}.promo-info-card .info-list{list-style:none;margin:0;padding:0}.promo-info-card .info-list li{align-items:center;border-bottom:1px solid #ffffff0d;color:#ffffffb3;display:flex;font-size:14px;gap:12px;padding:10px 0}.promo-info-card .info-list li:last-child{border-bottom:none}.promo-info-card .info-list li svg{flex-shrink:0}.error-container{margin-top:20px}.error-container .error-icon{margin-bottom:16px;opacity:.5}.error-container h2{margin-bottom:8px}.error-container p{color:#ffffff80}.loader{align-items:center;display:flex;justify-content:center;min-height:200px}.device-modal .modal-content .bonus-info{margin-bottom:20px}.device-modal .modal-content .devices-list{max-height:400px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1024px){.promo-page{max-width:460px;min-height:auto;padding:24px 24px 32px}.promo-page.loading{min-height:100%}}.support-page{flex-direction:column;margin:0 auto;max-width:400px;padding:20px 20px 60px;position:relative;width:100%;z-index:2}.support-page,.support-page.loading{display:flex;min-height:100vh;min-height:100dvh}.support-page.loading{align-items:center;justify-content:center}.support-page.loading .loader{color:#ffffffd9;font-size:16px}.support-hero{animation:fadeInUp .6s ease .1s both;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:24px;margin-bottom:20px;padding:20px 16px;transition:all .3s ease}.support-hero:hover{background:#14141499;border-color:#ffffff0f;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.support-hero:hover .hero-icon{background:#0b3d3f66;color:#5cffe1;transform:scale(1.02)}.support-hero:hover .hero-title{color:#fff}.support-hero:hover .hero-subtitle{color:#ffffff80}.hero-icon{background:#0b3d3f80;color:#5cffe1;margin-bottom:12px}.support-block{align-items:center;animation:fadeInUp .6s ease both;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:20px;cursor:pointer;display:flex;gap:12px;margin-bottom:10px;padding:12px;transition:all .3s ease}.support-block:first-of-type{animation-delay:.2s}.support-block:nth-of-type(2){animation-delay:.25s}.support-block:nth-of-type(3){animation-delay:.3s}.support-block:hover{background:#19191999;border-color:#ffffff14;box-shadow:0 4px 15px #0003;transform:translateX(5px)}.support-block:hover .block-icon{background:#0b3d3f66;color:#5cffe1}.support-block:hover .block-icon svg{transform:scale(1.1)}.support-block:hover .block-title{color:#fff}.support-block:hover .block-subtitle{color:#ffffff80}.support-block:hover .block-arrow{background:#ffffff0f;color:#fff9}.support-block:active{background:#1e1e1eb3;transform:scale(.98)}.block-icon{align-items:center;background:#0b3d3f80;border-radius:16px;color:#5cffe1;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;width:44px}.block-icon svg{height:22px;transition:all .3s ease;width:22px}.block-content{flex:1 1;min-width:0}.block-title{color:#fffc;font-size:16px;font-weight:500;margin-bottom:4px;transition:color .3s ease}.block-subtitle{color:#ffffff59;font-size:13px;line-height:1.3;transition:color .3s ease}.block-arrow{align-items:center;background:#ffffff05;border-radius:50%;color:#ffffff40;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s ease;width:32px}.block-arrow svg{height:18px;transition:all .3s ease;width:18px}.support-block{position:relative}.support-block.has-unread{background:#0b3d3f4d;border-color:#5cffe133}.support-block.has-unread:hover{background:#0b3d3f66;border-color:#5cffe14d}.block-icon{position:relative}.block-icon .support-block-badge{align-items:center;animation:badgePopIn .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#ff4d4d,#ff6b6b);border-radius:20px;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-8px;top:-6px;white-space:nowrap}.block-title{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.block-title .support-block-title-badge{align-items:center;animation:badgePopIn .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#ff4d4d,#ff6b6b);border-radius:20px;box-shadow:0 2px 4px #0003;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}@keyframes badgePopIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes unreadPulse{0%,to{box-shadow:0 0 0 0 #5cffe100}50%{box-shadow:0 0 0 3px #5cffe133}}.support-block.has-unread{animation:unreadPulse 1.5s ease-in-out 2}@media(min-width:1024px){.support-page{min-height:auto;padding:20px 20px 32px}.support-page.loading{min-height:100%}}.support-chat-page{box-sizing:border-box;padding:24px 16px;position:relative;z-index:2}.support-chat-page,.support-chat-page.loading .loader{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh}.support-chat-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(180deg,#051d23e0,#021014f5);border:1px solid #4fe9df1f;border-radius:28px;box-shadow:inset 0 0 0 1px #ffffff05,0 20px 80px #00000073,0 0 40px #00ffdc0a;display:flex;flex-direction:column;height:calc(100vh - 40px);height:calc(100dvh - 40px);max-height:920px;max-width:760px;overflow:hidden;position:relative;width:100%}.support-chat-header{align-items:center;background:linear-gradient(180deg,#0a2329d9,#071b1fa6);border-bottom:1px solid #4fe9df14;display:flex;gap:14px;padding:20px 20px 18px}.support-chat-header__icon{align-items:center;background:#0affe614;border:1px solid #4fe9df24;border-radius:16px;display:flex;height:52px;justify-content:center;min-width:52px;width:52px}.support-chat-header__icon svg{height:24px;width:24px}.support-chat-header__content{flex:1 1;min-width:0}.support-chat-header__title{color:#f2f7f7;font-size:26px;font-weight:700;line-height:1.2;margin-bottom:4px}.support-chat-header__subtitle{color:#d8e8e894;font-size:14px;line-height:1.35}.support-chat-header__status{align-items:center;background:#0affe60f;border:1px solid #4fe9df1f;border-radius:999px;color:#e4f4f4d1;display:flex;font-size:13px;gap:8px;padding:8px 12px;white-space:nowrap}.status-dot{background:#42f5d7}.support-chat-body{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:20px 18px calc(28px + env(safe-area-inset-bottom));scrollbar-color:#4fe9df2e #0000;scrollbar-width:thin}.support-chat-body::-webkit-scrollbar{width:6px}.support-chat-body::-webkit-scrollbar-track{background:#0000}.support-chat-body::-webkit-scrollbar-thumb{background:#4fe9df2e;border-radius:999px}.message-row{display:flex;width:100%}.message-row.support{justify-content:flex-start}.message-row.user{justify-content:flex-end}.telegram-bubble{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;display:flex;flex-direction:column;max-width:78%;overflow:hidden;padding:0}.telegram-bubble.support{background:linear-gradient(180deg,#082228eb,#06181cf2);border:1px solid #4fe9df1a;border-bottom-left-radius:8px;box-shadow:0 8px 24px #00000038;color:#f4fafaf0}.telegram-bubble.user{background:linear-gradient(180deg,#157870f2,#0c5c56f5);border:1px solid #6effea29;border-bottom-right-radius:8px;box-shadow:0 8px 24px #0000003d,0 0 24px #00ffdc0d;color:#efffff}.telegram-bubble__attachments{display:flex;flex-direction:column;gap:2px}.telegram-bubble__text{font-size:15px;line-height:1.4;padding:10px 14px 2px;white-space:pre-wrap;word-break:break-word}.telegram-bubble__footer{display:flex;justify-content:flex-end;padding:4px 10px 8px}.telegram-bubble__time{color:#e2f0f0b8;font-size:12px;line-height:1}.telegram-image{background:#0000;border:none;cursor:pointer;display:block;margin:0;padding:0;width:100%}.telegram-image__img{background:#e8e8e8;display:block;max-height:420px;max-width:420px;object-fit:cover;width:100%}.telegram-file{align-items:center;color:inherit;display:flex;gap:12px;min-width:240px;padding:14px 16px 10px;text-decoration:none}.telegram-file__icon{align-items:center;background:#4fe9df2e;border:1px solid #6effea33;border-radius:50%;color:#dffff8;display:flex;font-size:20px;height:44px;justify-content:center;min-width:44px;width:44px}.telegram-file__content{flex:1 1;min-width:0}.telegram-file__name{font-size:14px;font-weight:500;line-height:1.3;word-break:break-word}.telegram-file__meta{color:#b7e7e2b8;font-size:12px;margin-top:4px}.scroll-to-bottom-button{align-items:center;background:#081d22f5;border:1px solid #4fe9df29;border-radius:50%;bottom:110px;box-shadow:0 10px 24px #00000038,0 0 18px #00ffdc14;color:#ecffff;cursor:pointer;display:flex;height:54px;justify-content:center;position:absolute;right:18px;transition:transform .2s ease,background .2s ease,opacity .2s ease;width:54px;z-index:30}.scroll-to-bottom-button:hover{background:#0a2329fa;transform:translateY(1px)}.scroll-to-bottom-button__arrow{align-items:center;display:flex;height:22px;justify-content:center;width:22px}.scroll-to-bottom-button__arrow svg{display:block;height:30px;width:30px}.scroll-to-bottom-button__badge{align-items:center;background:#2cf1cf;border-radius:999px;box-shadow:0 6px 14px #0000003d;color:#04282a;display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px;position:absolute;right:-2px;top:-4px}.support-chat-input{align-items:center;background:linear-gradient(180deg,#06161ab8,#041014eb);border-top:1px solid #4fe9df14;display:flex;gap:12px;padding:18px 18px calc(18px + env(safe-area-inset-bottom))}.support-chat-input__box{align-items:center;background:#0a1d22eb;border:1px solid #4fe9df1a;border-radius:18px;display:flex;flex:1 1;height:56px;padding:0 16px}.support-chat-input__box input{background:#0000;border:none;color:#f2fbfb;font-size:15px;outline:none;width:100%}.support-chat-input__box input::placeholder{color:#d2e8e85c}.hidden-file-input{display:none}.attach-button{color:#dcecece6;font-size:28px;line-height:1}.attach-button,.send-button{align-items:center;background:#123238e6;border:1px solid #4fe9df14;border-radius:18px;cursor:pointer;display:flex;height:56px;justify-content:center;min-width:56px;outline:none;width:56px}.send-button{color:#dcecec80}.send-button svg{height:20px;width:20px}.send-button.active{background:linear-gradient(180deg,#1ab5a6,#0d867b);color:#fff}.send-button:disabled{cursor:default;opacity:.7}.attached-files-preview{display:flex;flex-wrap:wrap;gap:10px;padding:12px 18px 0}.attached-file-chip{align-items:center;background:#0a2329bf;border:1px solid #4fe9df1a;border-radius:16px;display:flex;gap:10px;max-width:100%;padding:10px 12px}.attached-file-chip__info{min-width:0}.attached-file-chip__name{color:#eefbfb;font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attached-file-chip__size{color:#d8e8e88c;font-size:11px;margin-top:2px}.attached-file-chip__remove{background:#ffffff0f;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:24px;line-height:1;width:24px}.image-preview-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000c7;inset:0;padding:24px;position:fixed;z-index:9999}.image-preview-close,.image-preview-overlay{align-items:center;display:flex;justify-content:center}.image-preview-close{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f14163d;border:1px solid #ffffff0f;border-radius:50%;box-shadow:0 6px 18px #0000002e;color:#fff;cursor:pointer;font-size:24px;height:44px;line-height:1;opacity:.72;position:absolute;right:0;top:0;transition:background .2s ease,transform .2s ease,opacity .2s ease;width:44px;z-index:2}.image-preview-close:hover{background:#0f14168f;border-color:#ffffff1f;opacity:1;transform:scale(1.04)}.image-preview-modal{max-height:92vh;max-width:min(1100px,92vw);position:relative}.image-preview-wrapper{display:inline-block;position:relative}.image-preview-full{border-radius:18px;display:block;max-height:92vh;max-width:100%}.image-preview-download{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f14163d;border:1px solid #ffffff0f;border-radius:50%;bottom:0;box-shadow:0 6px 18px #0000002e;color:#fff;display:flex;height:44px;justify-content:center;opacity:.72;position:absolute;right:0;text-decoration:none;transition:background .2s ease,transform .2s ease,opacity .2s ease;width:44px}.image-preview-download:hover{background:#0f14168f;border-color:#ffffff1f;opacity:1;transform:scale(1.04)}.image-preview-download svg{height:20px;width:20px}.back-button{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.back-button:hover{background:#ffffff1a;border-color:#fff6;transform:scale(1.05)}.back-button:active{transform:scale(.95)}@media(max-width:767px){.support-chat-page{padding:0}.support-chat-card{border-left:none;border-radius:0;border-right:none;height:100vh;height:100dvh;max-height:none}.support-chat-header{padding:16px}.support-chat-header__title{font-size:22px}.support-chat-header__subtitle{font-size:13px}.support-chat-header__status{display:none}.support-chat-body{padding:16px 12px calc(24px + env(safe-area-inset-bottom))}.telegram-bubble{max-width:88%}.telegram-image__img{max-height:320px;max-width:320px}.support-chat-input{padding:14px 12px calc(14px + env(safe-area-inset-bottom))}.support-chat-input__box{height:52px}.attach-button,.send-button{height:52px;min-width:52px;width:52px}.attached-files-preview{padding:10px 12px 0}.attached-file-chip__name{max-width:160px}.scroll-to-bottom-button{bottom:88px;height:48px;right:12px;width:48px}.image-preview-overlay{padding:14px}}.instructions-page{margin:0 auto;max-width:400px;padding:20px 20px 60px;position:relative;width:100%;z-index:1}.page-main-title{animation:fadeInUp .6s ease .1s both;color:#ffffffe6;font-size:28px;font-weight:600;letter-spacing:-.3px;margin-bottom:8px}.page-main-subtitle{animation:fadeInUp .6s ease .15s both;color:#fff6;font-size:14px;line-height:1.4;margin-bottom:24px}.platform-section{animation:fadeInUp .6s ease .2s both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f0f0f80;border:1px solid #ffffff08;border-radius:24px;margin-bottom:16px;padding:16px}.platform-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.platform-card{background:#ffffff05;border-radius:16px;gap:6px;padding:12px 4px;transition:all .2s ease}.platform-card:hover{background:#ffffff0a}.platform-card:active{transform:scale(.97)}.platform-card.active{background:#4caf501a;border-color:#4caf504d}.platform-card.active .platform-card-icon,.platform-card.active .platform-card-name{color:#4caf50}.platform-card.active:hover{background:#4caf5026;border-color:#4caf5066}.platform-card .platform-card-icon{color:#ffffffb3;font-size:24px;transition:color .2s ease}.platform-card .platform-card-name{color:#ffffff80;font-size:11px;font-weight:500;transition:color .2s ease}.instruction-card{animation:fadeInUp .6s ease .25s both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f0f0f80;border:1px solid #ffffff08;border-radius:24px;padding:20px 16px;transition:all .3s ease}.instruction-card:hover{background:#14141499;border-color:#ffffff0f;box-shadow:0 8px 20px #0000004d}.instruction-card-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.instruction-icon{align-items:center;background:#ffffff08;border-radius:16px;display:flex;height:48px;justify-content:center;width:48px}.instruction-icon span{color:#fffc;font-size:28px}.instruction-title{color:#ffffffe6;font-size:20px;font-weight:600}.steps-container{margin-bottom:24px}.step-item{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.step-item:last-child{margin-bottom:0}.step-item:hover .step-number{background:#4caf5026;border-color:#4caf5080;color:#4caf50}.step-item:hover .step-text{color:#ffffffe6}.step-number{align-items:center;background:#4caf5014;border:1px solid #4caf5033;border-radius:50%;color:#4caf50cc;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:28px;justify-content:center;transition:all .2s ease;width:28px}.step-text{color:#ffffffb3;flex:1 1;font-size:14px;line-height:1.5;transition:color .2s ease}.download-button{align-items:center;background:#4caf501a;border:1px solid #4caf504d;border-radius:20px;color:#4caf50;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;margin-top:20px;padding:16px;transition:all .3s ease;width:100%}.download-button .download-icon{font-size:20px;transition:transform .3s ease}.download-button:hover{background:#4caf5026;border-color:#4caf5080;box-shadow:0 8px 20px #4caf5033;transform:translateY(-2px)}.download-button:hover .download-icon{transform:translateY(2px)}.download-button:active{background:#4caf5033;transform:translateY(0)}@media(max-width:380px){.platform-grid{gap:4px}.platform-card{padding:10px 2px}.platform-card .platform-card-icon{font-size:20px}.platform-card .platform-card-name{font-size:10px}.step-item{gap:8px}.step-text{font-size:13px}}.devices-page{box-sizing:border-box;min-height:100vh;min-height:100dvh;padding:18px 16px 100px;position:relative;width:100%;z-index:1}.devices-shell{animation:devicesFadeUp .5s ease;margin:0 auto;max-width:960px;width:100%}.add-device-cta,.device-section,.devices-empty-state,.devices-hero-card,.devices-inline-error{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.devices-hero-card{animation:devicesFadeDown .45s ease;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;margin-bottom:18px;overflow:visible;padding:0;position:relative}.devices-hero-card:before{display:none}.devices-hero-topline{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.devices-hero-title{color:#f5fffd;font-family:Inter,Arial,sans-serif;font-size:39px;font-weight:700;line-height:1.08;margin:0 0 4px 3px}.devices-hero-subtitle{color:#e2f2f0a3;font-size:23px;line-height:1.35;margin:0 0 0 3px}.devices-hero-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px;position:relative;z-index:1}.devices-hero-stats.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stat-card{background:#07121575;border:1px solid #ffffff0d;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff05;min-height:104px;padding:14px}.hero-stat-card.active{border-color:#57f2d324}.hero-stat-card.pending{border-color:#f3c96924}.hero-stat-card.slots{border-color:#84e8f71f}.hero-stat-top{align-items:center;color:#deefecb8;display:flex;font-size:13px;font-weight:600;gap:8px}.hero-stat-value{color:#f6fffd;font-size:32px;font-weight:800;line-height:1;margin-top:14px}.hero-stat-caption{color:#c5d7d48f;font-size:12px;line-height:1.4;margin-top:8px}.devices-progress-card{background:#0610126b;border:1px solid #57f2d30f;border-radius:18px;padding:14px 16px;position:relative;z-index:1}.devices-progress-head{align-items:center;color:#dfefecb3;display:flex;font-size:12px;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:10px}.devices-progress .progress-bar{background:#ffffff0d;border-radius:999px;height:10px;overflow:hidden;width:100%}.devices-progress .progress-fill{background:linear-gradient(90deg,#2ddfc2,#7cf5dd);border-radius:inherit;height:100%;position:relative;transition:width .45s ease}.devices-inline-error{background:#3a1114b8;border:1px solid #f26f7b2e;border-radius:18px;color:#ffd5da;font-size:14px;margin-bottom:18px;padding:14px 16px}.device-section.profile-style{animation:devicesFadeUp .5s ease;animation-fill-mode:both;background:#0812149e;border:1px solid #ffffff0f;border-radius:28px;box-shadow:0 12px 28px #00000024;margin-bottom:16px;overflow:hidden;padding:0}.device-section.profile-style:first-of-type{animation-delay:.06s}.device-section.profile-style:nth-of-type(2){animation-delay:.12s}.device-section.profile-style:nth-of-type(3){animation-delay:.18s}.section-head{align-items:center;display:flex;gap:14px;justify-content:space-between;padding:18px 18px 12px}.section-title{color:#f3fffd;font-size:20px;font-weight:700;line-height:1.1}.section-subtitle,.section-title{font-family:Inter,Arial,sans-serif}.section-subtitle{color:#d5e7e494;font-size:12px;line-height:1.35;margin-top:5px}.section-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:700;height:40px;justify-content:center;min-width:40px;padding:0 12px}.section-badge.green{background:#57f2d314;border:1px solid #57f2d31f;color:#8df6e0}.section-badge.yellow{background:#f3c9691a;border:1px solid #f3c96924;color:#f5d681}.section-badge.cyan{background:#57f2d314;border:1px solid #57f2d31f;color:#7feedd}.devices-grid.profile-style{display:block}.device-card{animation:devicesSoftScale .42s ease;animation-fill-mode:both;background:#0000;border:none;border-top:1px solid #ffffff0a;box-shadow:none;padding:0;position:relative;transition:background .22s ease,transform .22s ease}.devices-grid.profile-style .device-card:first-child{animation-delay:.03s}.devices-grid.profile-style .device-card:nth-child(2){animation-delay:.07s}.devices-grid.profile-style .device-card:nth-child(3){animation-delay:.11s}.devices-grid.profile-style .device-card:nth-child(4){animation-delay:.15s}.devices-grid.profile-style .device-card:nth-child(5){animation-delay:.19s}.devices-grid.profile-style .device-card:nth-child(6){animation-delay:.23s}.device-card.clickable{cursor:pointer}.device-card.clickable:hover{background:hsla(0,0%,100%,.025)}.device-card.is-pressed{transform:scale(.992)}.menu-item-like{align-items:stretch;display:flex;gap:12px;justify-content:space-between;padding:16px 18px}.device-side-icon{align-items:center;background:#5cffe114;border:1px solid #5cffe11a;border-radius:16px;display:flex;flex-shrink:0;height:55px;justify-content:center;width:55px}.device-side-icon.yellow{background:#f3c9691a;border-color:#f3c96924}.device-side-icon.empty,.device-side-icon.green{background:#5cffe114;border-color:#5cffe11a}.menu-right-like{align-items:flex-start;display:flex;flex-shrink:0}.device-main-copy{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;min-width:0}.device-name-row.compact{align-items:center;display:flex;gap:8px}.device-name{color:#f4fffd;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.2;margin:0;word-break:break-word}.status-dot{border-radius:50%;box-shadow:0 0 10px currentColor;flex-shrink:0;height:8px;width:8px}.status-dot.green{background:#57f2d3;color:#57f2d3}.status-dot.yellow{background:#f3c969;color:#f3c969}.device-meta-row{display:flex;flex-wrap:wrap;gap:8px}.device-chip{align-items:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:999px;color:#eaf4f2c7;display:inline-flex;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:600;gap:6px;min-height:28px;padding:0 10px}.device-chip.protocol.green{background:#57f2d314;border-color:#57f2d31a;color:#90f3df}.device-chip.protocol.yellow{background:#f3c96914;border-color:#f3c9691a;color:#f3d589}.device-chip.server{background:#ffffff08;border:1px solid #ffffff0d;color:#d2e0ddb8}.device-settings{align-items:center;background:#ffffff0a;border:none;border-radius:50%;color:#dce7e5;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:transform .24s ease,background .24s ease,color .24s ease;width:36px}.device-settings.static{cursor:default}.device-settings svg{transform-origin:center;transition:transform .24s ease}.device-card.clickable:hover .device-settings{background:#57f2d314;color:#fff}.device-card.clickable:hover .device-settings svg{animation:gearHoverSpin .45s ease}.device-settings.spin svg{animation:gearClickSpin .55s ease}.add-device-cta,.devices-primary-button{border:none;cursor:pointer}.add-device-cta{align-items:center;animation:devicesFadeUp .55s ease;animation-delay:.2s;animation-fill-mode:both;background:linear-gradient(180deg,#0d3534c7,#072323e6);border:1px solid #57f2d31f;border-radius:20px;box-shadow:0 12px 24px #00000024,0 0 18px #57f2d30d;color:#dbfffa;display:inline-flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;margin-top:8px;min-height:56px;padding:0 22px;width:100%}.devices-empty-state{background:linear-gradient(180deg,#0a1418d1,#040b0de6);border:1px solid #57f2d31f;border-radius:28px;margin:40px auto 0;max-width:520px;padding:28px;text-align:center}.devices-empty-state.compact{margin-top:18px}.devices-empty-icon{align-items:center;background:#57f2d314;border-radius:22px;color:#a5fff0;display:flex;font-size:28px;height:70px;justify-content:center;margin:0 auto 16px;width:70px}.devices-empty-state h2{color:#f5fffe;font-family:Inter,Arial,sans-serif;font-size:24px;margin:0 0 10px}.devices-empty-state p{color:#ddeeecb3;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.55;margin:0}.devices-primary-button{background:linear-gradient(180deg,#11534ef0,#0a3835fa);border-radius:16px;color:#ebfffc;font-size:14px;font-weight:700;margin-top:18px;min-height:48px;padding:0 18px}@keyframes devicesFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes devicesFadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes devicesSoftScale{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gearHoverSpin{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes gearClickSpin{0%{transform:rotate(0deg)}to{transform:rotate(220deg)}}@media(max-width:768px){.devices-page{padding:14px 12px 92px}.devices-shell{max-width:430px}.device-section.profile-style,.devices-empty-state,.devices-hero-card{border-radius:22px}.devices-hero-topline{align-items:center}.devices-hero-subtitle{font-size:12px}.devices-hero-stats{gap:10px}.devices-hero-stats,.devices-hero-stats.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.devices-hero-stats .hero-stat-card.slots{grid-column:1/-1}.hero-stat-card{min-height:96px;padding:14px}.hero-stat-top{font-size:12px}.hero-stat-value{font-size:28px;text-align:center}.hero-stat-caption{font-size:11px;text-align:center}.section-head{padding:16px 16px 10px}.section-title{font-size:17px}.menu-item-like{gap:10px;padding:14px 16px}.device-name{font-size:17px}}@media(max-width:480px){.devices-page{padding:12px 10px 92px}.devices-shell{max-width:408px}.devices-hero-topline{align-items:flex-start}.hero-stat-card{min-height:auto}.hero-stat-value{font-size:30px}.menu-item-like{gap:10px;padding:14px}.device-settings{height:34px;width:34px}.device-name{font-size:16px}.device-chip{font-size:11px}}.device-detail-page{display:flex;flex-direction:column;margin:0 auto;max-width:460px;min-height:100vh;min-height:100dvh;padding:18px 16px 96px;position:relative;width:100%;z-index:2}.device-detail-page.device-detail-loading{align-items:center;display:flex;justify-content:center}.device-detail-shell{animation:deviceDetailPageFade .5s ease;width:100%}@keyframes deviceDetailPageFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes deviceDetailFadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes deviceDetailFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes deviceDetailSoftScale{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes deviceDetailSpin{to{transform:rotate(1turn)}}.device-detail-page-header{align-items:center;animation:deviceDetailFadeDown .42s ease;display:flex;gap:12px;margin-bottom:16px}.back-btn,.back-button{align-items:center;background:#ffffff0f;border:1px solid #ffffff0d;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .24s ease;width:40px}.back-btn svg,.back-button svg{height:20px;transition:transform .2s ease;width:20px}.back-btn:hover,.back-button:hover{background:#ffffff1a;transform:translateX(-2px)}.back-btn:hover svg,.back-button:hover svg{transform:translateX(-2px)}.back-btn:active,.back-button:active{transform:scale(.96)}.device-detail-head-copy{min-width:0}.device-detail-page-title{color:#ffffffe6;font-size:26px;font-weight:700;line-height:1.05;margin:0}.device-detail-page-subtitle{color:#ffffff8a;font-size:12px;line-height:1.35;margin:4px 0 0}.device-detail-notice{align-items:center;animation:deviceDetailSoftScale .24s ease;border:1px solid #0000;border-radius:18px;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:12px;padding:13px 14px}.device-detail-notice.device-detail-notice-success{background:#0c464070;border-color:#5cffe12e;color:#dbfff8}.device-detail-notice.device-detail-notice-error{background:#5f1c2370;border-color:#f443362e;color:#ffe2e6}.device-detail-notice.device-detail-notice-info{background:#0b3d3f70;border-color:#5cffe12e;color:#5cffe1}.device-detail-notice-dot{background:currentColor;border-radius:50%;box-shadow:0 0 12px currentColor;flex-shrink:0;height:9px;width:9px}.device-detail-card,.device-detail-config-section,.device-detail-error-container,.device-detail-info-section,.device-detail-modal{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0f0f0f6b;border:1px solid #ffffff0a;border-radius:24px;box-shadow:0 12px 28px #00000024}.device-detail-card{align-items:center;animation:deviceDetailSoftScale .42s ease;animation-delay:.04s;animation-fill-mode:both;display:flex;gap:14px;margin-bottom:10px;padding:18px;transition:all .28s ease}.device-detail-card:hover{background:#1414148f;border-color:#ffffff12;transform:translateY(-1px)}.device-detail-card.device-detail-card-green{border-left:3px solid #5cffe1}.device-detail-card.device-detail-card-yellow{border-left:3px solid #ffc107}.device-detail-card.device-detail-card-red{border-left:3px solid #f44336}.device-detail-card-icon{align-items:center;background:#0b3d3f6b;border-radius:20px;display:flex;flex-shrink:0;height:62px;justify-content:center;width:62px}.device-detail-card-info{display:flex;flex:1 1;flex-direction:row;justify-content:space-between;min-width:0}.device-detail-card-name{color:#ffffffe0;font-size:18px;font-weight:600;margin:0 0 8px;word-break:break-word}.device-detail-card-status{align-items:center;background:#ffffff0d;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;min-height:31px;padding:0 12px}.device-detail-card-status.device-detail-status-green{border:1px solid #5cffe138;color:#5cffe1}.device-detail-card-status.device-detail-status-yellow{border:1px solid #ffc10738;color:#ffc107}.device-detail-card-status.device-detail-status-red{border:1px solid #f4433638;color:#f44336}.device-detail-config-section,.device-detail-info-section{animation:deviceDetailFadeUp .45s ease;animation-fill-mode:both;margin-bottom:10px;padding:18px}.device-detail-info-section{animation-delay:.1s}.device-detail-config-section{animation-delay:.16s}.device-detail-section-head{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding-bottom:8px}.device-detail-section-head.config{margin-bottom:16px}.device-detail-section-title{color:#ffffffe0;font-size:16px;font-weight:600;margin:0}.device-detail-info-list{display:flex;flex-direction:column;gap:10px}.device-detail-info-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:10px 0}.device-detail-info-label{color:#ffffff80;font-size:13px}.device-detail-info-value{align-items:center;color:#ffffffdb;display:flex;font-size:14px;gap:6px;text-align:right}.device-detail-config-actions{display:flex;gap:8px}.device-detail-config-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff0d;border-radius:50%;color:#ffffffa6;cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:all .22s ease;width:38px}.device-detail-config-btn svg{stroke:currentColor;height:18px;width:18px}.device-detail-config-btn:hover{background:#ffffff1a;color:#5cffe1;transform:translateY(-1px)}.device-detail-config-btn:active{transform:scale(.96)}.device-detail-config-btn.device-detail-config-copied{background:#5cffe11f;border-color:#5cffe12e;color:#5cffe1}.device-detail-config-loading{align-items:center;color:#ffffff80;display:flex;font-size:14px;gap:12px;justify-content:center;padding:24px}.device-detail-loader-small{animation:deviceDetailSpin .8s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#5cffe1;height:18px;width:18px}.device-detail-config-preview{background:#00000042;border:1px solid #ffffff0d;border-radius:14px;overflow:hidden;padding:12px}.device-detail-config-scroll{color-scheme:dark;max-height:226px;overflow-x:hidden;overflow-y:auto;padding-right:8px;scrollbar-color:#5cffe173 #ffffff0f;scrollbar-gutter:stable;scrollbar-width:thin}.device-detail-config-scroll::-webkit-scrollbar{width:8px}.device-detail-config-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}.device-detail-config-scroll::-webkit-scrollbar-thumb{background:#5cffe166;border-radius:999px}.device-detail-config-scroll::-webkit-scrollbar-thumb:hover{background:#5cffe199}.device-detail-config-text{color:#ffffffb8;font-family:Courier New,monospace;font-size:11px;line-height:1.5;margin:0;overflow:visible;white-space:pre-wrap;word-break:break-word}.device-detail-action-btn{align-items:center;border:1px solid #0000;border-radius:18px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;min-height:52px;padding:12px 18px;transition:all .24s ease;width:100%}.device-detail-action-btn:active{transform:scale(.98)}.device-detail-action-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.device-detail-action-btn.device-detail-action-pressable.is-pressed{transform:scale(.98)}.device-detail-action-btn.device-detail-action-primary{background:#0b3d3f7a;border-color:#5cffe13d;color:#5cffe1}.device-detail-action-btn.device-detail-action-primary:hover{background:#0b3d3fad;box-shadow:0 6px 16px #5cffe11f}.device-detail-action-btn.device-detail-action-secondary{background:#ffffff12;border-color:#ffffff12;color:#ffffffc7}.device-detail-action-btn.device-detail-action-secondary:hover{background:#ffffff1a}.device-detail-action-btn.device-detail-action-danger{background:#f443361f;border-color:#f4433642;color:#ff7268}.device-detail-action-btn.device-detail-action-danger:hover{background:#f443362e;box-shadow:0 6px 16px #f443361f}.device-detail-actions-grid{grid-gap:10px;animation:deviceDetailFadeUp .45s ease;animation-delay:.22s;animation-fill-mode:both;display:grid;gap:10px;margin-bottom:10px}.device-detail-actions-grid.double{grid-template-columns:1fr 1fr}.device-detail-actions-grid.single{grid-template-columns:1fr}.device-detail-actions-single{animation:deviceDetailFadeUp .45s ease;animation-delay:.28s;animation-fill-mode:both;margin-bottom:6px}.device-detail-modal-overlay{align-items:center;animation:deviceDetailFadeUp .24s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.device-detail-modal{animation:deviceDetailSoftScale .24s ease;max-height:80vh;max-width:400px;overflow-y:auto;width:100%}.device-detail-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:18px 18px 14px}.device-detail-modal-header h3{color:#ffffffe0;font-size:18px;font-weight:700;margin:0}.device-detail-modal-close{align-items:center;background:#ffffff14;border:1px solid #ffffff14;border-radius:50%;color:#ffffffb3;cursor:pointer;display:inline-flex;font-size:18px;height:32px;justify-content:center;transition:all .22s ease;width:32px}.device-detail-modal-close:hover{background:#ffffff24;transform:rotate(90deg)}.device-detail-modal-body{padding:18px}.device-detail-confirm-text{color:#ffffffd6;font-size:15px;line-height:1.5;margin-bottom:20px;text-align:center}.device-detail-confirm-text strong{color:#5cffe1;font-weight:700}.device-detail-confirm-actions{display:flex;gap:10px}.device-detail-confirm-actions .device-detail-action-btn{flex:1 1}.device-detail-setup-text{color:#ffffffad;font-size:14px;line-height:1.45;text-align:center}.device-detail-protocol-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:12px}.device-detail-protocol-btn{align-items:center;background:#0b3d3f6b;border:1px solid #5cffe133;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:14px 10px;transition:all .24s ease}.device-detail-protocol-btn:hover:not(:disabled){background:#0b3d3f9e;border-color:#5cffe157;transform:translateY(-2px)}.device-detail-protocol-btn:disabled{cursor:not-allowed;opacity:.5}.device-detail-protocol-icon{align-items:center;display:flex;height:42px;justify-content:center;width:42px}.device-detail-protocol-icon svg{height:100%;object-fit:contain;width:100%}.device-detail-protocol-name{color:#ffffffd1;font-size:13px;font-weight:600;text-align:center}.device-detail-servers-list{display:flex;flex-direction:column;gap:10px;margin:14px 0 4px;max-height:320px;overflow-y:auto}.device-detail-server-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:14px;transition:all .24s ease}.device-detail-server-btn:hover:not(:disabled){background:#ffffff14;border-color:#5cffe13d}.device-detail-server-btn.device-detail-server-selected{background:#0b3d3f6b;border-color:#5cffe157}.device-detail-server-btn.device-detail-server-full{cursor:not-allowed;opacity:.5}.device-detail-server-name{color:#ffffffe0;font-size:14px;font-weight:600}.device-detail-server-slots{background:#5cffe11a;border-radius:999px;color:#5cffe1;font-size:11px;font-weight:600;padding:5px 10px}.device-detail-server-slots.device-detail-slots-full{background:#f443361a;color:#f44336}.device-detail-create-btn{margin-top:12px}.device-detail-creating-state{padding:36px 18px;text-align:center}.device-detail-creating-state .device-detail-loader{animation:deviceDetailSpin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#5cffe1;height:44px;margin:0 auto 14px;width:44px}.device-detail-creating-state p{color:#ffffff9e;font-size:14px;margin:0}.device-detail-error-container{margin-top:24px;padding:40px 20px;text-align:center}.device-detail-error-icon{font-size:42px;margin-bottom:18px}.device-detail-error-container h2{color:#ffffffe0;font-size:20px;font-weight:700;margin:0 0 10px}.device-detail-error-container p{color:#ffffff8a;font-size:14px;margin:0 0 20px}.device-detail-continue-btn{background:#0b3d3f80;border:1px solid #5cffe14d;border-radius:18px;color:#5cffe1;cursor:pointer;font-size:14px;font-weight:700;padding:12px 20px;transition:all .24s ease}.device-detail-continue-btn:hover{background:#0b3d3fb3}.device-detail-back-block{align-items:center;display:flex;flex-direction:row;gap:8px;margin-bottom:10px}@media(max-width:480px){.device-detail-page{padding:16px 14px 92px}.device-detail-page-title{font-size:24px}.device-detail-page-subtitle{display:none}.device-detail-card{gap:12px;padding:16px}.device-detail-card-icon{border-radius:18px;height:56px;width:56px}.device-detail-card-name{font-size:16px}.device-detail-actions-grid.double{grid-template-columns:1fr}.device-detail-confirm-actions{flex-direction:column}.device-detail-protocol-grid{gap:8px}.device-detail-protocol-btn{padding:12px 8px}.device-detail-server-btn{padding:12px}}@media(min-width:1024px){.device-detail-page{min-height:auto;padding:20px 20px 70px}}.device-detail-servers-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.device-detail-servers-loading p{color:#fff9;font-size:14px;margin:0}.device-detail-loader{animation:spin .8s linear infinite;border:3px solid #57f2d333;border-radius:50%;border-top-color:#57f2d3;height:40px;width:40px}.device-detail-name-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.device-detail-edit-name-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;color:#ffffff80;cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.device-detail-edit-name-btn:hover{background:#5cffe11a;border-color:#5cffe14d;color:#5cffe1}.device-detail-edit-name-field{margin-bottom:20px}.device-detail-edit-name-field label{color:#fff9;display:block;font-size:13px;margin-bottom:8px}.device-detail-name-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:15px;padding:12px 14px;transition:all .2s ease;width:100%}.device-detail-name-input:focus{border-color:#5cffe1;box-shadow:0 0 0 2px #5cffe11a;outline:none}.device-detail-name-hint{color:#fff6;font-size:11px;margin-top:6px;text-align:right}.device-detail-card-info-edit{align-items:flex-start;display:flex;flex-direction:column}.install-page{margin:0 auto;max-width:400px;min-height:100vh;min-height:100dvh;padding:20px 20px 90px;position:relative;width:100%;z-index:1}.install-page.loading{min-height:100vh;min-height:100dvh}.install-page .install-loader,.install-page.loading{align-items:center;display:flex;justify-content:center}.install-page .install-loader{min-height:200px}.install-hero{align-items:flex-start;animation:fadeInUp .6s ease .1s both;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:24px;display:flex;flex-direction:column;margin-bottom:20px;padding:20px 16px;text-align:left;transition:all .3s ease}.install-hero:hover{background:#14141499;border-color:#ffffff0f;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.install-hero:hover .hero-icon{background:#ffffff14;transform:scale(1.02)}.install-hero:hover .hero-icon svg,.install-hero:hover .hero-title{color:#fff}.install-hero:hover .hero-subtitle{color:#ffffff80}.hero-icon{align-items:center;background:#ffffff08;border-radius:20px;color:#fffc;display:flex;height:64px;justify-content:center;transition:all .3s ease;width:64px}.hero-icon svg{height:32px;transition:all .3s ease;width:32px}.hero-icon svg circle,.hero-icon svg path,.hero-icon svg rect{stroke:currentColor}.hero-title{color:#ffffffd9;font-size:28px;font-weight:600;letter-spacing:-.3px;margin-bottom:8px;transition:color .3s ease}.hero-subtitle{color:#fff6;font-size:14px;line-height:1.4;max-width:280px;transition:color .3s ease}.platforms-grid{grid-gap:10px;animation:fadeInUp .6s ease .2s both;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.platform-card{align-items:center;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;padding:20px 12px;text-align:center;transition:all .3s ease}.platform-card:hover{background:#19191999;border-color:#ffffff14;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.platform-card:hover .platform-icon{filter:brightness(1);transform:scale(1.1)}.platform-card:hover .platform-label{color:#ffffffe6}.platform-card:hover .platform-name{color:#ffffffb3}.platform-card:active{transform:scale(.98)}.platform-icon{filter:brightness(.8);height:56px;object-fit:contain;transition:all .3s ease;width:56px}.platform-label{color:#ffffff80;font-size:14px;transition:color .3s ease}.platform-name{transition:color .3s ease}.other-platforms-button,.platform-name{color:#fffc;font-size:16px;font-weight:500}.other-platforms-button{animation:fadeInUp .6s ease .3s both;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:30px;cursor:pointer;padding:16px;transition:all .3s ease;width:100%}.other-platforms-button:hover{background:#19191999;border-color:#ffffff14;box-shadow:0 4px 15px #0003;color:#fff;transform:translateY(-2px)}.other-platforms-button:active{transform:scale(.98)}@media(max-width:380px){.platform-icon{height:48px;width:48px}.platform-label{font-size:12px}.platform-name{font-size:14px}}.key-auth-page-wrapper{background:#000;bottom:0;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:1000}.key-auth-content{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:20px;position:relative;width:100%;z-index:10}.key-auth-error-container,.key-auth-loading-container,.key-auth-success-container{align-items:center;animation:keyAuthFadeIn .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212a6;border:1px solid #5cffe126;border-radius:32px;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:40px 32px;text-align:center;width:100%}.key-auth-title{color:#fff;font-family:Modules Medium,sans-serif;font-size:26px;font-weight:600;letter-spacing:-.3px;margin:0 0 12px;text-shadow:0 0 15px #5cffe133}.key-auth-subtitle{color:#ffffffa6;font-size:15px;line-height:1.4;margin:0 0 8px}.key-auth-countdown{animation:keyAuthPulse 1s ease-in-out infinite;background:#5cffe11f;border-radius:40px;color:#5cffe1;display:inline-block;font-size:28px;font-weight:700;margin:0 4px;min-width:40px;padding:4px 12px}.key-auth-redirect-hint{animation:keyAuthPulse .8s ease-in-out infinite;color:#5cffe1;font-size:13px;margin-top:16px}.key-auth-success-icon{animation:keyAuthScaleIn .5s ease;background:#5cffe11f;border:2px solid #5cffe1;border-radius:50%;box-shadow:0 0 30px #5cffe140;color:#5cffe1}.key-auth-error-icon,.key-auth-success-icon{align-items:center;display:flex;font-size:44px;font-weight:700;height:80px;justify-content:center;margin-bottom:24px;width:80px}.key-auth-error-icon{background:#ff6b6b26;border:2px solid #ff6b6b;border-radius:50%;color:#ff6b6b}.key-auth-error-message{background:#ff6b6b1a;border:1px solid #ff6b6b40;border-radius:16px;box-sizing:border-box;color:#ff6b6b;font-size:15px;margin:16px 0;padding:12px 20px;width:100%;word-break:break-word}.key-auth-hint{color:#ffffff73;font-size:13px;margin:8px 0 16px}.key-auth-button-group{display:flex;gap:12px;margin-top:8px;width:100%}@media(max-width:380px){.key-auth-button-group{flex-direction:column}}.key-auth-button{border:none;border-radius:60px;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:500;padding:14px 20px;transition:all .2s ease}.key-auth-button:active{transform:scale(.97)}.key-auth-button-primary{background:#5cffe11a;border:1px solid #5cffe14d;color:#5cffe1}.key-auth-button-primary:hover{background:#5cffe133;border-color:#5cffe180;box-shadow:0 0 20px #5cffe126;transform:translateY(-1px)}.key-auth-button-secondary{background:#ffffff0d;border:1px solid #fff3;color:#fff}.key-auth-button-secondary:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-1px)}.key-auth-loader-spinner{animation:keyAuthSpin .8s linear infinite;border:3px solid #5cffe133;border-radius:50%;border-top-color:#5cffe1;height:56px;margin-bottom:24px;width:56px}@keyframes keyAuthSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes keyAuthFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes keyAuthScaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes keyAuthPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}@media(max-width:480px){.key-auth-error-container,.key-auth-loading-container,.key-auth-success-container{padding:32px 24px}.key-auth-title{font-size:22px}.key-auth-countdown{font-size:24px;min-width:36px}.key-auth-error-icon,.key-auth-success-icon{font-size:36px;height:64px;width:64px}}.connect-page{display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;min-height:100dvh;padding:20px 20px 80px;position:relative}.connect-page .page-header{align-items:center;display:flex;gap:14px;margin:10px 0 0}.connect-page .page-title-animated{animation:pageTitleSlideIn .45s ease}.connect-page .vpn-back-button{-webkit-tap-highlight-color:rgba(0,0,0,0);all:unset;align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;user-select:none;-webkit-user-select:none;width:40px}.connect-page .vpn-back-button .vpn-back-button-inner{align-items:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;box-sizing:border-box;color:#fff;display:inline-flex;height:40px;justify-content:center;transition:transform .08s ease,background .2s ease,border-color .2s ease;width:40px}.connect-page .vpn-back-button .vpn-back-button-inner svg{display:block;height:22px;width:22px}.connect-page .vpn-back-button:hover .vpn-back-button-inner{background:#ffffff24;border-color:#ffffff3d}.connect-page .vpn-back-button:active .vpn-back-button-inner{transform:scale(.84)}.connect-page .vpn-back-button:focus,.connect-page .vpn-back-button:focus-visible{box-shadow:none;outline:none}.connect-page .page-title{color:#fff;font-size:24px;font-weight:600;margin:0;text-shadow:0 0 20px #ffffff4d}.connect-page .progress-indicator{margin:18px 0 30px}.connect-page .progress-indicator .steps-container{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px;position:relative}.connect-page .progress-indicator .step-indicator{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;z-index:2}.connect-page .progress-indicator .step-indicator .step-icon{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#071418b8;border:1px solid #ffffff14;border-radius:50%;box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #12494324;color:#e6fffa8c;display:flex;height:52px;justify-content:center;transition:all .28s ease;width:52px}.connect-page .progress-indicator .step-indicator .step-icon svg{height:23px;width:23px}.connect-page .progress-indicator .step-indicator .step-title{color:#dcfff885;font-size:12px;line-height:1.2;text-align:center;transition:all .28s ease}.connect-page .progress-indicator .step-indicator.active .step-icon{background:radial-gradient(circle at 50% 35%,#4ef0d424 0,#4ef0d400 58%),#07181ce0;border-color:#4ef0d442;box-shadow:inset 0 1px 0 #ffffff0a,0 0 0 1px #1e8e7f38,0 0 18px #2ec7aa24;color:#f2fffc}.connect-page .progress-indicator .step-indicator.active .step-title{color:#f3fffd;font-weight:600}.connect-page .progress-indicator .step-indicator.completed .step-icon{background:#4ef0d424;border-color:#4ef0d438;box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #2ec7aa29;color:#63f0d6}.connect-page .progress-indicator .step-indicator.completed .step-title{color:#e4fff9c7;font-weight:500}.connect-page .progress-indicator .step-connector{background:#ffffff14;border-radius:999px;flex:.55 1;height:2px;margin:0 -2px;transition:all .28s ease;z-index:1}.connect-page .progress-indicator .step-connector.active{background:linear-gradient(90deg,#4ef0d459,#2ec7aaf2);box-shadow:0 0 10px #2ec7aa14}.connect-page .progress-indicator .progress-bar{background:#ffffff14;border-radius:999px;height:4px;margin-top:10px;overflow:hidden;width:100%}.connect-page .progress-indicator .progress-bar .progress-fill{background:linear-gradient(90deg,#4ef0d4,#2ec7aa);border-radius:999px;box-shadow:0 0 10px #2ec7aa1f;height:100%;transition:width .35s ease}.connect-page .step-content{animation:fadeIn .5s;flex:1 1}.connect-page .step-content h2{color:#fff;font-size:22px;font-weight:600;margin-bottom:10px}.connect-page .step-content .step-description{color:#ffffffb3;font-size:14px;line-height:1.5}.connect-page .step-content .step-description .device-name{color:#667eea;font-weight:600;text-transform:capitalize}.connect-page .step-content .step-1 .reveal{animation:protocolReveal .55s ease forwards;opacity:0;transform:translateY(14px) scale(.985);will-change:opacity,transform}.connect-page .step-content .step-1 .reveal-1{animation-delay:.05s}.connect-page .step-content .step-1 .reveal-2{animation-delay:.14s}.connect-page .step-content .step-1 .reveal-3{animation-delay:.24s}.connect-page .step-content .step-1 .protocol-button{--press-scale:1;--hover-y:0px;align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;justify-content:space-between;margin-bottom:15px;min-height:64px;overflow:hidden;padding:20px;position:relative;text-align:left;transform:translateY(var(--hover-y)) scale(var(--press-scale));transition:transform .15s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%}.connect-page .step-content .step-1 .protocol-button:hover{--hover-y:-2px;background:#ffffff1a;border-color:#fff3}.connect-page .step-content .step-1 .protocol-button:active{--hover-y:0px;--press-scale:0.97}.connect-page .step-content .step-1 .protocol-button.small,.connect-page .step-content .step-1 .protocol-button.vless{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 75% 0,#13a0911f 0,#13a09100 34%),linear-gradient(180deg,#05141880,#030f138f);box-shadow:inset 0 1px 0 #ffffff08,inset 0 0 0 1px #24a79108,0 0 0 1px #0a463f38,0 10px 24px #0000002e}.connect-page .step-content .step-1 .protocol-button.vless{border:1px solid #32d2b424;border-radius:20px;justify-content:center;min-height:110px;overflow:hidden;padding:18px 20px 16px;position:relative}.connect-page .step-content .step-1 .protocol-button.vless:hover{--hover-y:-2px;background:radial-gradient(circle at 75% 0,#20c2af29 0,#20c2af00 38%),linear-gradient(180deg,#081c21cc,#041216d6);border-color:#42e0c438;box-shadow:inset 0 1px 0 #ffffff0a,inset 0 0 0 1px #2ec4aa0a,0 0 0 1px #116b5f4d,0 12px 28px #00000038,0 0 18px #1eaa960d}.connect-page .step-content .step-1 .protocol-button.vless:active{--hover-y:0px;--press-scale:0.97}.connect-page .step-content .step-1 .protocol-button.vless .protocol-button-main{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;position:relative;text-align:center;width:100%;z-index:1}.connect-page .step-content .step-1 .protocol-button.vless .protocol-icon-vless{align-items:center;color:#eafaf7;display:inline-flex;filter:drop-shadow(0 0 8px rgba(101,236,212,.05));flex-shrink:0;height:54px;justify-content:center;width:54px}.connect-page .step-content .step-1 .protocol-button.vless .protocol-icon-vless svg{display:block;height:100%;width:100%}.connect-page .step-content .step-1 .protocol-button.vless .protocol-text-group{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;width:100%}.connect-page .step-content .step-1 .protocol-button.vless .protocol-name{color:#f5fffd;font-size:22px;font-weight:700;line-height:1.1;text-align:center;text-shadow:0 0 14px #62e3cb0a}.connect-page .step-content .step-1 .protocol-button.vless .protocol-ribbon{align-items:center;background:linear-gradient(180deg,#4ef0d4,#2ec7aa);box-shadow:0 4px 14px #1eaa962e,inset 0 -1px 0 #0000001a,inset 0 1px 0 #ffffff29;display:flex;height:28px;justify-content:center;pointer-events:none;position:absolute;right:-50px;top:25%;transform:rotate(45deg);width:190px;z-index:3}.connect-page .step-content .step-1 .protocol-button.vless .protocol-ribbon-text{color:#08211d;font-size:11px;font-weight:800;letter-spacing:.35px;line-height:1;text-transform:uppercase;white-space:nowrap}.connect-page .step-content .step-1 .protocol-button .protocol-name{font-size:18px;font-weight:600;line-height:1.15;min-width:0;overflow-wrap:anywhere;word-break:break-word}.connect-page .step-content .step-1 .protocol-button .protocol-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;flex-shrink:0;font-size:12px;font-weight:500;padding:5px 12px;white-space:nowrap}.connect-page .step-content .step-1 .protocol-button.small{align-items:center;border:1px solid #ffffff14;display:flex;font-size:clamp(13px,3.6vw,16px);justify-content:center;line-height:1.15;margin-bottom:0;min-height:58px;overflow-wrap:anywhere;padding:14px 12px;text-align:center;white-space:normal;width:calc(50% - 5px);word-break:break-word}.connect-page .step-content .step-1 .protocol-button.small:hover{--hover-y:-2px;background:radial-gradient(circle at 75% 0,#20c2af1f 0,#20c2af00 38%),linear-gradient(180deg,#081c21bd,#041216cc);border-color:#ffffff24;box-shadow:inset 0 1px 0 #ffffff0a,inset 0 0 0 1px #2ec4aa08,0 10px 22px #00000029}.connect-page .step-content .step-1 .protocol-button.small:active{--hover-y:0px;--press-scale:0.97}.connect-page .step-content .step-1 .other-protocols{align-items:stretch;display:flex;gap:10px;margin-top:10px}.connect-page .step-content .step-2 .device-card-image-icon{display:block;height:70px;object-fit:contain;width:70px}.connect-page .step-content .step-2 .selected-device-info{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-bottom:20px;padding:14px 16px}.connect-page .step-content .step-2 .selected-device-info p{color:#ffffffc7;font-size:14px;line-height:1.45;margin:0;text-align:center}.connect-page .step-content .step-2 .device-buttons{display:flex;flex-direction:column;gap:14px}.connect-page .step-content .step-2 .device-buttons .device-button{--press-scale:1;--hover-y:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 75% 0,#13a0911a 0,#13a09100 34%),linear-gradient(180deg,#05141880,#030f138f);border:1px solid #ffffff14;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #0a463f1f;color:#fff;cursor:pointer;display:flex;gap:16px;justify-content:space-between;min-height:78px;padding:18px;text-align:left;transform:translateY(var(--hover-y)) scale(var(--press-scale));transition:transform .15s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%;will-change:transform}.connect-page .step-content .step-2 .device-buttons .device-button:hover{--hover-y:-2px;background:radial-gradient(circle at 75% 0,#20c2af24 0,#20c2af00 38%),linear-gradient(180deg,#081c21cc,#041216d6);border-color:#4ef0d429}.connect-page .step-content .step-2 .device-buttons .device-button:active{--hover-y:0px;--press-scale:0.97}.connect-page .step-content .step-2 .device-buttons .device-button.main{border-color:#4ef0d424;box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #2ec7aa1f,0 0 16px #2ec7aa0d}.connect-page .step-content .step-2 .device-buttons .device-button .device-button-left{display:flex;flex-direction:column;justify-content:center;min-width:0}.connect-page .step-content .step-2 .device-buttons .device-button .device-text-main{color:#f4fffc;font-size:17px;font-weight:600}.connect-page .step-content .step-2 .device-buttons .device-button .device-button-right{align-items:center;color:#4ef0d4;display:inline-flex;flex-shrink:0;gap:2%}.connect-page .step-content .step-2 .device-buttons .device-button .device-platform-icon{align-items:center;display:inline-flex;height:28px;justify-content:center;width:28px}.connect-page .step-content .step-2 .device-buttons .device-button .device-platform-icon svg{display:block;height:100%;width:100%}.connect-page .step-content .step-2 .device-buttons .device-button .device-platform-name{color:#dffcf6;font-size:15px;font-weight:600;white-space:nowrap}.connect-page .step-content .step-2 .device-selector-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.connect-page .step-content .step-2 .device-card{--press-scale:1;--hover-y:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 75% 0,#13a0911a 0,#13a09100 34%),linear-gradient(180deg,#05141880,#030f138f);border:1px solid #ffffff14;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #0a463f1f;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:14px;justify-content:center;margin-bottom:0;min-height:132px;padding:18px 14px;text-align:center;transform:translateY(var(--hover-y)) scale(var(--press-scale));transition:transform .15s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;will-change:transform}.connect-page .step-content .step-2 .device-card:hover{--hover-y:-2px;background:radial-gradient(circle at 75% 0,#20c2af24 0,#20c2af00 38%),linear-gradient(180deg,#081c21cc,#041216d6);border-color:#4ef0d429}.connect-page .step-content .step-2 .device-card:active{--hover-y:0px;--press-scale:0.97}.connect-page .step-content .step-2 .device-card .device-card-icon{align-items:center;color:#eefcf8;display:inline-flex;height:70px;justify-content:center;width:70px}.connect-page .step-content .step-2 .device-card .device-card-icon svg{display:block;height:100%;width:100%}.connect-page .step-content .step-2 .device-card .device-card-title{color:#f4fffc;font-size:17px;font-weight:600;line-height:1.2;padding-top:2%}.connect-page .step-content .step-2 .device-card.back .device-card-icon{color:#ffffffb3}.connect-page .step-content .step-2 .device-card.back .device-card-title{color:#ffffffd1}.connect-page .step-content .step-3-server .servers-list{-ms-overflow-style:none;max-height:none!important;overflow:hidden!important;scrollbar-width:none}.connect-page .step-content .step-3-server .servers-list::-webkit-scrollbar{display:none;height:0;width:0}.connect-page .step-content .with-extra-page-bottom{padding-bottom:20%}.connect-page .step-content .step-3-server .loading-servers{padding:40px 20px;text-align:center}.connect-page .step-content .step-3-server .loading-servers p{color:#ffffffb3;margin-top:20px}.connect-page .step-content .step-3-server .servers-list{display:flex;flex-direction:column;gap:14px;max-height:none;padding:4px}.connect-page .step-content .step-3-server .servers-list>.reveal{width:100%}.connect-page .step-content .step-3-server .servers-list .server-option{--press-scale:1;--hover-y:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 75% 0,#13a0911a 0,#13a09100 34%),linear-gradient(180deg,#05141880,#030f138f);border:1px solid #ffffff14;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #0a463f1f;color:#fff;cursor:pointer;display:flex;gap:16px;justify-content:space-between;min-height:82px;padding:18px;text-align:left;transform:translateY(var(--hover-y)) scale(var(--press-scale));transition:transform .15s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%;will-change:transform}.connect-page .step-content .step-3-server .servers-list .server-option:hover{--hover-y:-2px;background:radial-gradient(circle at 75% 0,#20c2af24 0,#20c2af00 38%),linear-gradient(180deg,#081c21cc,#041216d6);border-color:#4ef0d429;box-shadow:inset 0 1px 0 #ffffff0a,0 0 0 1px #2ec7aa24,0 0 18px #2ec7aa0a}.connect-page .step-content .step-3-server .servers-list .server-option:active{--hover-y:0px;--press-scale:0.97}.connect-page .step-content .step-3-server .servers-list .server-option.selected{background:radial-gradient(circle at 75% 0,#13a0911a 0,#13a09100 34%),linear-gradient(180deg,#05141880,#030f138f);border:1px solid #ffffff14;box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #0a463f1f}.connect-page .step-content .step-3-server .servers-list .server-option.selected .free-slots,.connect-page .step-content .step-3-server .servers-list .server-option.selected .max-slots,.connect-page .step-content .step-3-server .servers-list .server-option.selected .server-name,.connect-page .step-content .step-3-server .servers-list .server-option.selected .server-protocol{color:inherit}.connect-page .step-content .step-3-server .servers-list .server-option .server-info{display:flex;flex-direction:column;gap:4px;min-width:0}.connect-page .step-content .step-3-server .servers-list .server-option .server-info .server-name{color:#f4fffc;font-size:17px;font-weight:600;line-height:1.2;overflow-wrap:anywhere;word-break:break-word}.connect-page .step-content .step-3-server .servers-list .server-option .server-info .server-protocol{color:#dffcf69e;font-size:13px;font-weight:500;line-height:1.2}.connect-page .step-content .step-3-server .servers-list .server-option .server-slots{align-items:center;display:flex;flex-shrink:0;font-size:15px;gap:4px}.connect-page .step-content .step-3-server .servers-list .server-option .server-slots .free-slots{color:#dffcf6;font-weight:700}.connect-page .step-content .step-3-server .servers-list .server-option .server-slots .max-slots{color:#ffffff80;font-weight:600}.connect-page .step-content .step-download .download-section{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 75% 0,#13a0911a 0,#13a09100 34%),linear-gradient(180deg,#05141880,#030f138f);border:1px solid #ffffff14;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #0a463f1f;padding:22px 18px;text-align:center}.connect-page .step-content .step-download .download-section .app-info{align-items:center;display:flex;gap:2%;margin-bottom:20px;text-align:left}.connect-page .step-content .step-download .download-section .app-icon-large{align-items:center;color:#eefcf8;display:flex;height:52px;justify-content:center;min-width:36px;width:52px}.connect-page .step-content .step-download .download-section .app-icon-large svg{display:block;height:100%;width:100%}.connect-page .step-content .step-download .download-section .app-details{flex:1 1;min-width:0;text-align:left}.connect-page .step-content .step-download .download-section .app-details h3{color:#f4fffc;font-size:20px;font-weight:700;line-height:1.2;margin:0 0 6px}.connect-page .step-content .step-download .download-section .app-details p{color:#dffcf6b8;font-size:14px;line-height:1.4;margin:0}.connect-page .step-content .step-download .download-section .download-button{--press-scale:1;--hover-y:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:radial-gradient(circle at 75% 0,#20c2af14 0,#20c2af00 38%),linear-gradient(180deg,#081c21f0,#041216fa);border:1px solid #4ef0d424;border-radius:16px;color:#f4fffc;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:58px;overflow:hidden;padding:16px 18px;position:relative;transform:translateY(var(--hover-y)) scale(var(--press-scale));transition:transform .15s ease,box-shadow .3s ease,border-color .3s ease,opacity .3s ease;width:100%;will-change:transform}.connect-page .step-content .step-download .download-section .download-button:hover:not(:disabled){--hover-y:-2px;border-color:#4ef0d433;box-shadow:0 0 18px #2ec7aa14,0 0 30px #2ec7aa0a}.connect-page .step-content .step-download .download-section .download-button:active:not(:disabled){--hover-y:0px;--press-scale:0.97}.connect-page .step-content .step-download .download-section .download-button:disabled{cursor:not-allowed;opacity:.7}.connect-page .step-content .step-download .download-section .download-button span{position:relative;z-index:3}.connect-page .step-content .step-download .download-section .download-button:before{background:linear-gradient(180deg,#ffffff0d,hsla(0,0%,100%,.018) 14%,hsla(0,0%,100%,.006) 24%,#fff0 40%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.connect-page .step-content .step-download .download-section .download-button:after{animation:realisticButtonShine 3.6s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(90deg,#fff0,#ffffff08 18%,#ffffff1c 35%,#ffffff3d 48%,#ffffff6b 50%,#ffffff3d 52%,#ffffff1c 65%,#ffffff08 82%,#fff0);border-radius:999px;content:"";filter:blur(8px);height:210%;left:-32%;mix-blend-mode:screen;opacity:0;pointer-events:none;position:absolute;top:-55%;transform:rotate(20deg);width:18%;z-index:2}.connect-page .step-content .step-download .download-section .next-button{--press-scale:1;--hover-y:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);background:linear-gradient(180deg,#ffffff0f,hsla(0,0%,100%,.035)),linear-gradient(180deg,#0c161ce6,#081116f0);border:1px solid #ffffff1a;box-shadow:inset 0 1px 0 #ffffff0a,0 0 0 1px #ffffff08,0 8px 18px #00000029;color:#f4fffc;transform:translateY(var(--hover-y)) scale(var(--press-scale));transition:transform .15s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease;will-change:transform}.connect-page .step-content .step-download .download-section .next-button:hover:not(:disabled){--hover-y:-2px;background:linear-gradient(180deg,#ffffff14,hsla(0,0%,100%,.045)),linear-gradient(180deg,#0f1b22f0,#0a1419fa);border-color:#ffffff24;box-shadow:inset 0 1px 0 #ffffff0d,0 0 0 1px #ffffff0d,0 10px 22px #0003}.connect-page .step-content .step-download .download-section .next-button:active:not(:disabled){--hover-y:0px;--press-scale:0.97}.connect-page .step-content .step-download .download-section .config-ready{background:#4ef0d414;border:1px solid #4ef0d429;border-radius:12px;color:#4ef0d4;font-size:14px;line-height:1.4;margin-top:16px;padding:12px 14px}.connect-page .step-content .step-download .download-section .generating-config{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;justify-content:center;margin-top:18px;padding:14px 12px}.connect-page .step-content .step-download .download-section .generating-config p{color:#dffcf6b8;font-size:14px;margin-bottom:0;margin-top:12px}@keyframes realisticButtonShine{0%{left:-32%;opacity:0}8%{opacity:.55}18%{opacity:.9}34%{opacity:.72}48%{opacity:.38}58%{left:118%;opacity:0}to{left:118%;opacity:0}}.connect-page .step-content .step-final h2{color:#f4fffc;font-size:24px;font-weight:700;line-height:1.2;margin-bottom:10px;text-align:center}.connect-page .step-content .step-final .step-description{color:#dffcf6b8;font-size:14px;line-height:1.45;margin-bottom:18px;text-align:center}.connect-page .step-content .step-final .config-display{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 75% 0,#13a0911a 0,#13a09100 34%),linear-gradient(180deg,#05141880,#030f138f);border:1px solid #ffffff14;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #0a463f1f;margin:18px 0;padding:18px}.connect-page .step-content .step-final .config-display .config-url{color:#f4fffceb;font-family:monospace;font-size:12px;line-height:1.45;word-break:break-all}.connect-page .step-content .step-final .config-display .config-preview,.connect-page .step-content .step-final .config-display .config-url{background:linear-gradient(180deg,#08161beb,#051014f5);border:1px solid #ffffff14;border-radius:14px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.025),0 0 0 1px #0a463f14;margin-bottom:14px;padding:16px}.connect-page .step-content .step-final .config-display .config-preview pre{color:#dffcf6bd;font-family:monospace;font-size:12px;line-height:1.45;margin:0;white-space:pre-wrap;word-break:break-all}.connect-page .step-content .step-final .config-display .config-actions{display:flex;gap:10px}.connect-page .step-content .step-final .config-display .config-actions .action-btn{--press-scale:1;--hover-y:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border-radius:14px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:12px 10px;transform:translateY(var(--hover-y)) scale(var(--press-scale));transition:transform .15s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease;will-change:transform}.connect-page .step-content .step-final .config-display .config-actions .action-btn svg{flex-shrink:0;height:18px;width:18px}.connect-page .step-content .step-final .config-display .config-actions .action-btn:hover{--hover-y:-2px}.connect-page .step-content .step-final .config-display .config-actions .action-btn:active{--hover-y:0px;--press-scale:0.97}.connect-page .step-content .step-final .config-display .config-actions .action-btn.copy{background:radial-gradient(circle at 75% 0,#20c2af1a 0,#20c2af00 38%),linear-gradient(180deg,#081c21d1,#041216e0);border:1px solid #4ef0d424;box-shadow:inset 0 1px 0 #ffffff0a,0 0 0 1px #2ec7aa1a;color:#f4fffc}.connect-page .step-content .step-final .config-display .config-actions .action-btn.copy:hover{border-color:#4ef0d433;box-shadow:inset 0 1px 0 #ffffff0d,0 0 0 1px #2ec7aa24,0 0 16px #2ec7aa0a}.connect-page .step-content .step-final .config-display .config-actions .action-btn.download{background:linear-gradient(180deg,#ffffff0f,hsla(0,0%,100%,.035)),linear-gradient(180deg,#0c161ce6,#081116f0);border:1px solid #ffffff1a;box-shadow:inset 0 1px 0 #ffffff0a,0 0 0 1px #ffffff08,0 8px 18px #00000029;color:#f4fffc}.connect-page .step-content .step-final .config-display .config-actions .action-btn.download:hover{background:linear-gradient(180deg,#ffffff14,hsla(0,0%,100%,.045)),linear-gradient(180deg,#0f1b22f0,#0a1419fa);border-color:#ffffff24;box-shadow:inset 0 1px 0 #ffffff0d,0 0 0 1px #ffffff0d,0 10px 22px #0003}.connect-page .step-content .step-final .config-display .config-actions .action-btn.share{background:hsla(0,0%,100%,.045);border:1px solid #ffffff14;box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #ffffff05;color:#f4fffcf0}.connect-page .step-content .step-final .config-display .config-actions .action-btn.share:hover{background:#ffffff12;border-color:#ffffff1f}.connect-page .step-content .step-final .instructions{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 75% 0,#13a09114 0,#13a09100 34%),linear-gradient(180deg,#05141870,#030f1380);border:1px solid #ffffff14;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #0a463f1a;margin:18px 0;padding:18px}.connect-page .step-content .step-final .instructions .instruction-step{align-items:flex-start;display:flex;gap:8px;margin-bottom:12px}.connect-page .step-content .step-final .instructions .instruction-number{color:#f4fffcf0;font-weight:700;min-width:20px}.connect-page .step-content .step-final .instructions .instruction-text{color:#f4fffcf0;line-height:1.5}.connect-page .step-content .step-final .instructions .instruction-title{color:#f4fffcf0;font-weight:600;margin:14px 0 12px}.connect-page .step-content .step-final .instructions h3{color:#f4fffc;font-size:16px;font-weight:700;margin-bottom:14px}.connect-page .step-content .step-final .instructions ol{color:#dffcf6bd;margin:0;padding-left:20px}.connect-page .step-content .step-final .instructions ol li{line-height:1.5;margin-bottom:10px}.connect-page .step-content .step-final .instructions ol li:last-child{margin-bottom:0}.connect-page .step-content .step-final .con_instr{--press-scale:1;--hover-y:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);background:hsla(0,0%,100%,.045);border:1px solid #ffffff14;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #ffffff05;color:#f4fffcf0;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:12px;min-height:58px;padding:16px 18px;transform:translateY(var(--hover-y)) scale(var(--press-scale));transition:transform .15s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%;will-change:transform}.connect-page .step-content .step-final .con_instr:hover{--hover-y:-2px;background:#ffffff0f;border-color:#ffffff1c;box-shadow:inset 0 1px 0 #ffffff0a,0 0 0 1px #ffffff08}.connect-page .step-content .step-final .con_instr:active{--hover-y:0px;--press-scale:0.97}.connect-page .step-content .step-final .finish-button{--press-scale:1;--hover-y:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);background:linear-gradient(180deg,#ffffff0f,hsla(0,0%,100%,.035)),linear-gradient(180deg,#0c161ce6,#081116f0);border:1px solid #ffffff1a;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0a,0 0 0 1px #ffffff08,0 8px 18px #00000029;color:#f4fffc;cursor:pointer;font-size:16px;font-weight:600;min-height:58px;padding:16px 18px;transform:translateY(var(--hover-y)) scale(var(--press-scale));transition:transform .15s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%;will-change:transform}.connect-page .step-content .step-final .finish-button:hover{--hover-y:-2px;background:linear-gradient(180deg,#ffffff14,hsla(0,0%,100%,.045)),linear-gradient(180deg,#0f1b22f0,#0a1419fa);border-color:#ffffff24;box-shadow:inset 0 1px 0 #ffffff0d,0 0 0 1px #ffffff0d,0 10px 22px #0003}.connect-page .step-content .step-final .finish-button:active{--hover-y:0px;--press-scale:0.97}.connect-page .step-content .error-message{background:#ef44441f;border:1px solid #ef444459;border-radius:12px;color:#fca5a5;font-size:14px;margin-top:20px;padding:12px 16px;text-align:center}.connect-page .no-device{padding:40px 20px;text-align:center}.connect-page .no-device p{color:#ffffffb3;font-size:16px;margin-bottom:20px}.connect-page .no-device .action-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s}.connect-page .no-device .action-button:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.telegram-webapp .connect-page{padding:16px}.telegram-webapp .connect-page .page-title{font-size:20px;margin:0}.next-button{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:12px;padding:16px;transition:all .3s;width:100%}.next-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.next-button:disabled{cursor:not-allowed;opacity:.5}.protocol-button-content{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:0;text-align:center;width:100%}.device-buttons{display:flex;flex-direction:column;gap:12px}.device-buttons>.reveal{width:100%}.device-selector-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.device-selector-grid>.reveal,.device-selector-grid>.reveal>.device-card{width:100%}.reveal{animation:protocolReveal .55s ease forwards;opacity:0;transform:translateY(14px) scale(.985);will-change:opacity,transform}.reveal-1{animation-delay:.04s}.reveal-2{animation-delay:.1s}.reveal-3{animation-delay:.16s}.reveal-4{animation-delay:.22s}.reveal-5{animation-delay:.28s}.reveal-6{animation-delay:.34s}.protocol-icon{align-items:center;color:#fff;display:inline-flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.protocol-icon svg{display:block;height:100%;width:100%}.step-description-with-selector{padding-bottom:20%}@media(max-width:480px){.connect-page .config-display .config-actions{flex-direction:column}.connect-page .step-3-server .servers-list{max-height:350px}.connect-page .step-download .download-section{padding:16px}.connect-page .step-download .download-section .app-info{flex-direction:column;text-align:center}.connect-page .step-download .download-section .app-info .app-details{text-align:center}.connect-page .step-content .step-1 .protocol-button.vless .protocol-name{font-size:20px}.connect-page .step-content .step-1 .other-protocols{display:flex;gap:8px}.connect-page .step-content .step-1 .protocol-button.small{align-items:center;display:flex;font-size:clamp(13px,3.6vw,16px);justify-content:center;line-height:1.15;margin-bottom:0;min-height:82px;overflow-wrap:anywhere;padding:12px 10px;text-align:center;white-space:normal;width:calc(50% - 5px);word-break:break-word}}@keyframes protocolReveal{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageTitleSlideIn{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}.vpn-empty-state{align-items:center;display:flex;justify-content:center;min-height:560px;overflow:hidden;padding:40px 24px;position:relative}.vpn-empty-glow{background:radial-gradient(circle,#00ffdc2e 0,#00ffdc1a 24%,#00ffdc0d 42%,#00ffdc05 58%,#0000 74%);border-radius:50%;filter:blur(26px);height:520px;left:50%;opacity:.9;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:520px}.vpn-empty-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#071318f0,#040c10fa);border:1px solid #65ffea24;border-radius:28px;box-shadow:inset 0 1px 0 #ffffff0a,inset 0 -1px 0 #ffffff05,0 18px 50px #0000006b,0 0 42px #00ffdc14;max-width:520px;overflow:hidden;padding:32px 24px 24px;position:relative;text-align:center;width:100%;z-index:1}.vpn-empty-card:before{background:linear-gradient(135deg,#66ffee14,#66ffee08 18%,#0000 38%,#0000);border-radius:inherit;inset:0}.vpn-empty-card:after,.vpn-empty-card:before{content:"";pointer-events:none;position:absolute}.vpn-empty-card:after{border:1px solid hsla(0,0%,100%,.025);border-radius:27px;inset:1px}.vpn-empty-icon{align-items:center;display:flex;justify-content:center;margin:0 auto 12px;pointer-events:none}.vpn-empty-icon svg{color:#d8fffb;filter:drop-shadow(0 0 10px rgba(120,255,239,.16));height:90px;width:90px}.vpn-empty-badge{align-items:center;background:#226f6b2e;border:1px solid #6fffed1f;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff08;color:#9cfff2;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;letter-spacing:.12em;line-height:1;margin-bottom:14px;padding:7px 14px;text-transform:uppercase}.vpn-empty-title{color:#f2fffd;font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 10px}.vpn-empty-text{color:#dbf4f1ad;font-size:14px;font-weight:400;line-height:1.5;margin:0 auto 20px;max-width:360px}.vpn-empty-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;position:relative;z-index:2}.vpn-empty-actions,.vpn-empty-btn{align-items:center;justify-content:center}.vpn-empty-btn{appearance:none;-webkit-appearance:none;border:1px solid #0000;border-radius:14px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;height:46px;line-height:1;min-width:170px;outline:none;padding:0 18px;pointer-events:auto;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease;z-index:3}.vpn-empty-btn:hover{transform:translateY(-1px)}.vpn-empty-btn:active{transform:translateY(0)}.vpn-empty-btn-primary{background:linear-gradient(180deg,#1b534b,#1a786e);background:linear-gradient(135deg,#5cffe133,#5cffe11a);border-color:#ffffff14;border-color:#5cffe14d;box-shadow:inset 0 1px 0 #ffffff3d,0 2px 8px #0000001f;color:#041311;color:#5cffe1}.vpn-empty-btn-primary:hover{background:linear-gradient(135deg,#5cffe142,#5cffe124);border-color:#5cffe16b;color:#7affea}.vpn-empty-btn-secondary{background:hsla(0,0%,100%,.025);border-color:#82ffef24;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.025),0 2px 8px #0000001a;color:#dcfffb}.vpn-empty-btn-secondary:hover{background:#ffffff0a;border-color:#82ffef3d;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.025),0 4px 12px #00000024}.vpn-empty-note{color:#bad8d575;font-size:12px;line-height:1.5}@media(max-width:640px){.vpn-empty-state{min-height:auto;padding:24px 16px}.vpn-empty-glow{height:360px;width:360px}.vpn-empty-card{border-radius:22px;max-width:100%;padding:24px 16px 18px}.vpn-empty-card:after{border-radius:21px}.vpn-empty-icon{margin-bottom:10px}.vpn-empty-icon svg{height:90px;width:90px}.vpn-empty-badge{font-size:10px;margin-bottom:12px;padding:6px 12px}.vpn-empty-title{font-size:24px;margin-bottom:8px}.vpn-empty-text{font-size:15px;margin-bottom:16px;max-width:100%}.vpn-empty-actions{flex-direction:column;gap:10px;margin-bottom:14px}.vpn-empty-btn{font-size:17px;height:60px;min-width:0;width:100%}.vpn-empty-note{font-size:11px}}.vpn-empty-btn{overflow:hidden;position:relative}.vpn-empty-btn:after{background:linear-gradient(115deg,#0000,#fff0 30%,#ffffff38 48%,#ffffff14 56%,#fff0 72%,#0000);content:"";height:140%;left:-120%;opacity:0;pointer-events:none;position:absolute;top:-20%;transform:skewX(-20deg);width:60%}.vpn-empty-btn:hover:after{animation:vpnButtonShine .8s ease;opacity:1}@keyframes vpnButtonShine{0%{left:-120%}to{left:140%}}.unauthorized-page{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;position:relative}.unauthorized-page .error-container{animation:fadeInUp .8s ease-out;text-align:center}.unauthorized-page .error-container .error-code{-webkit-text-fill-color:#0000;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff4757,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:800;letter-spacing:.1em;margin-bottom:1rem}.unauthorized-page .error-container .error-message{color:#fffc;font-size:1.5rem;font-weight:500;letter-spacing:.05em;margin-bottom:1.5rem;text-transform:uppercase}.unauthorized-page .error-container .error-line{animation:expand 1s ease-out;background:linear-gradient(90deg,#0000,#ff4757,#0000);height:2px;margin:0 auto;width:60px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes expand{0%{opacity:0;width:0}to{opacity:1;width:60px}}@media(max-width:768px){.unauthorized-page .error-container .error-code{font-size:5rem}.unauthorized-page .error-container .error-message{font-size:1.2rem}}.referral-page{margin:0 auto;max-width:400px;min-height:100vh;padding:20px 20px 90px;position:relative;width:100%;z-index:1}.referral-page.loading{align-items:center;display:flex;justify-content:center}.referral-header{align-items:center;animation:fadeInDown .6s ease;display:flex;margin-bottom:20px}.referral-header .back-button{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;margin-right:12px;transition:all .2s ease;width:40px}.referral-header .back-button:hover{background:#ffffff1a;border-color:#fff6;transform:scale(1.05)}.referral-header .back-button:active{transform:scale(.95)}.referral-header .referral-title{color:#fff;flex:1 1;font-size:24px;font-weight:500;text-shadow:0 0 20px #fff9}.error-message,.success-message{border:1px solid}.error-message .success-close-button-mini,.success-message .success-close-button-mini{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:auto;transition:all .2s ease;width:24px}.error-message .success-close-button-mini:hover,.success-message .success-close-button-mini:hover{background:#fff3;transform:scale(1.05)}.error-message .success-close-button-mini svg,.success-message .success-close-button-mini svg{height:12px;width:12px}.error-message{border-color:#ff575733}.success-message{border-color:#4caf5033}.success-message.detailed{padding:16px}.success-message.detailed .success-icon-large{margin-bottom:12px}.success-message.detailed .success-icon-large svg{height:48px;padding:12px;width:48px}.success-message.detailed .success-content .success-title{font-size:16px;margin-bottom:12px}.success-message.detailed .success-content .success-details .detail-row{padding:6px 0}.success-message.detailed .success-content .success-details .detail-row .detail-value.highlight{color:#4caf50;font-weight:600}.success-message.detailed .success-close-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px}.success-message.detailed .success-close-button:hover{background:#fff3;transform:scale(1.05)}.success-message.detailed .success-close-button svg{height:14px;width:14px}.bonus-card{align-items:center;animation:fadeInUp .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffd7004d;border-radius:24px;display:flex;gap:16px;margin-bottom:16px;padding:20px}.bonus-card .bonus-icon{filter:drop-shadow(0 0 15px rgba(255,215,0,.5));font-size:48px}.bonus-card .bonus-content{flex:1 1}.bonus-card .bonus-content .bonus-label{color:#fff9;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.bonus-card .bonus-content .bonus-days-value{color:gold;font-size:48px;font-weight:700;line-height:1;margin-bottom:8px;text-shadow:0 0 20px #ffd70080}.bonus-card .bonus-content .bonus-hint{align-items:center;color:#fff6;display:flex;font-size:11px;gap:6px}.bonus-card .bonus-content .bonus-hint .hint-icon{font-size:12px}.bonus-breakdown{animation:fadeInUp .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:20px;margin-bottom:16px;padding:16px}.bonus-breakdown .breakdown-title{color:#ffffff80;font-size:12px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.bonus-breakdown .bonus-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.bonus-breakdown .bonus-item:last-child{border-bottom:none}.bonus-breakdown .bonus-item .bonus-from{color:#fffc;font-size:13px}.bonus-breakdown .bonus-item .bonus-days{color:gold;font-size:13px;font-weight:600}.referral-card,.stats-card{animation:fadeInUp .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:16px;padding:20px}.referral-card:nth-child(2),.stats-card:nth-child(2){animation-delay:.1s}.referral-card:nth-child(3),.stats-card:nth-child(3){animation-delay:.15s}.card-header{margin-bottom:16px}.card-header .card-title{align-items:center;color:#5cffe1;display:flex;font-size:16px;font-weight:600;gap:8px}.card-header .card-title svg{height:20px;width:20px}.link-item{margin-bottom:20px}.link-item:last-of-type{margin-bottom:0}.link-item .link-item-label{align-items:center;color:#ffffffb3;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:8px;padding-left:4px}.link-container{align-items:center;background:#0006;border:1px solid #5cffe133;border-radius:12px;display:flex;gap:8px;padding:4px}.link-container .link-code-wrapper{flex:1 1;overflow-x:auto;padding:8px 12px}.link-container .link-code-wrapper::-webkit-scrollbar{height:2px}.link-container .link-code-wrapper::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.link-container .link-code-wrapper::-webkit-scrollbar-thumb{background:#5cffe14d;border-radius:2px}.link-container .link-code{background:#0000;color:#5cffe1;font-family:monospace;font-size:11px;white-space:nowrap}.link-container .link-actions{display:flex;flex-shrink:0;gap:6px;padding-right:4px}.action-button{align-items:center;background:#5cffe11a;border:1px solid #5cffe133;border-radius:10px;color:#5cffe1;cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;padding:8px;transition:all .2s ease}.action-button svg{height:16px;width:16px}.action-button:hover:not(:disabled){background:#5cffe133;border-color:#5cffe1;transform:translateY(-1px)}.action-button:disabled{cursor:not-allowed;opacity:.5}.action-button.copied{background:#4caf5033;border-color:#4caf504d;color:#4caf50}.action-button.copied:hover{transform:none}.action-button.share-button{background:#5cffe126}.action-button.share-button:hover:not(:disabled){background:#5cffe140}.link-note{align-items:center;border-top:1px solid #ffffff0d;color:#fff6;display:flex;font-size:11px;gap:8px;margin-top:12px;padding:12px 0 4px}.link-note .note-icon{font-size:14px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stats-grid .stat-item{background:#ffffff05;border-radius:12px;padding:12px;text-align:center;transition:all .2s ease}.stats-grid .stat-item:hover{background:#ffffff0d;transform:translateY(-2px)}.stats-grid .stat-item .stat-value{color:#5cffe1;font-size:20px;font-weight:700;margin-bottom:4px}.stats-grid .stat-item .stat-label{color:#ffffff80;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.referrals-section{margin-top:16px}.referrals-section .section-subtitle{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff9;display:flex;font-size:12px;gap:6px;margin-bottom:12px;padding-bottom:8px}.referrals-section .section-subtitle svg{height:14px;width:14px}.referrals-section .referrals-list{display:flex;flex-direction:column;gap:12px}.referral-item{align-items:center;background:#ffffff05;border-radius:12px;display:flex;justify-content:space-between;padding:10px;transition:all .2s ease}.referral-item:hover{background:#ffffff0d;transform:translateX(4px)}.referral-item .referral-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.referral-item .referral-name{color:#fff;font-size:13px;font-weight:500}.referral-item .referral-date{align-items:center;color:#fff6;display:flex;font-size:10px;gap:4px}.referral-item .referral-bonus{align-items:center;background:#ffd7001a;border:1px solid #ffd70033;border-radius:20px;color:gold;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px}.referral-item .referral-bonus svg{height:12px;width:12px}.apply-bonus-button{align-items:center;background:linear-gradient(135deg,#5cffe133,#5cffe11a);border:1px solid #5cffe14d;border-radius:16px;color:#5cffe1;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;margin-top:8px;overflow:hidden;padding:18px 20px;position:relative;transition:all .3s ease;width:100%}.apply-bonus-button:before{background:linear-gradient(90deg,#0000,#5cffe133,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.apply-bonus-button:hover:not(:disabled){border-color:#5cffe1;box-shadow:0 5px 20px #5cffe14d;transform:translateY(-2px)}.apply-bonus-button:hover:not(:disabled):before{left:100%}.apply-bonus-button:active:not(:disabled){transform:translateY(0)}.apply-bonus-button:disabled{cursor:not-allowed;opacity:.5}.apply-bonus-button svg{height:20px;width:20px}.apply-bonus-button .button-arrow{font-size:20px;transition:transform .3s ease}.apply-bonus-button:hover .button-arrow{transform:translateX(4px)}.days-selection{margin-bottom:10px}.days-selection .selection-label{color:#ffffffb3;font-size:13px;margin-bottom:10px}.days-selection .days-control{align-items:center;display:flex;gap:12px}.days-selection .days-control .all-days-button{background:#5cffe11a;border:1px solid #5cffe14d;border-radius:30px;color:#5cffe1;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.days-selection .days-control .all-days-button:hover{background:#5cffe133;border-color:#5cffe1;transform:translateY(-1px)}.days-selection .days-control .all-days-button:active{transform:translateY(0)}.days-selection .days-control .all-days-button.active{background:#5cffe140;border-color:#5cffe1;box-shadow:0 0 8px #5cffe14d}.days-selection .days-control .custom-days-input{flex:1 1}.days-selection .days-control .custom-days-input .input-wrapper{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;display:flex;gap:8px;padding:4px 16px 4px 20px;transition:all .2s ease}.days-selection .days-control .custom-days-input .input-wrapper:focus-within{background:#5cffe10d;border-color:#5cffe1}.days-selection .days-control .custom-days-input .input-wrapper .days-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;outline:none;padding:12px 0}.days-selection .days-control .custom-days-input .input-wrapper .days-input::placeholder{color:#fff6;font-size:13px}.days-selection .days-control .custom-days-input .input-wrapper .days-input::-webkit-inner-spin-button,.days-selection .days-control .custom-days-input .input-wrapper .days-input::-webkit-outer-spin-button{opacity:.5}.days-selection .days-control .custom-days-input .input-wrapper .input-suffix{color:#ffffff80;font-size:14px;white-space:nowrap}.modal-overlay{align-items:flex-end;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.device-modal{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212f2;border:1px solid #5cffe133;border-radius:28px 28px 0 0;box-shadow:0 -10px 40px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:560px;width:100%}.device-modal .modal-header{align-items:center;border-bottom:1px solid #5cffe133;display:flex;justify-content:space-between;padding:20px 24px}.device-modal .modal-header h3{color:#5cffe1;font-size:20px;font-weight:600;letter-spacing:.5px;margin:0}.device-modal .modal-header .close-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.device-modal .modal-header .close-button:hover{background:#ffffff1a;border-color:#5cffe14d;transform:scale(1.05)}.device-modal .modal-header .close-button:active{transform:scale(.95)}.device-modal .modal-content{flex:1 1;overflow-y:auto;padding:20px 24px 24px}.device-modal .modal-content::-webkit-scrollbar{width:4px}.device-modal .modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.device-modal .modal-content::-webkit-scrollbar-thumb{background:#5cffe14d;border-radius:4px}.device-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#5cffe180}.device-modal .modal-content .bonus-info{align-items:center;background:#5cffe114;border:1px solid #5cffe133;border-radius:16px;display:flex;gap:12px;margin-bottom:12px;padding:14px 16px}.device-modal .modal-content .bonus-info svg{flex-shrink:0;height:24px;width:24px}.device-modal .modal-content .bonus-info .bonus-text{color:#ffffffe6;font-size:14px;line-height:1.4}.device-modal .modal-content .bonus-info .bonus-text strong{color:#5cffe1;font-weight:700}.device-modal .modal-content .devices-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;max-height:370px;overflow-y:auto;padding-right:4px}.device-modal .modal-content .devices-list::-webkit-scrollbar{width:4px}.device-modal .modal-content .devices-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.device-modal .modal-content .devices-list::-webkit-scrollbar-thumb{background:#5cffe14d;border-radius:4px}.device-modal .modal-content .devices-list::-webkit-scrollbar-thumb:hover{background:#5cffe180}.device-modal .modal-content .device-option{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;cursor:pointer;display:flex;gap:14px;padding:14px;transition:all .25s ease}.device-modal .modal-content .device-option:hover{background:#5cffe10d;border-color:#5cffe133;transform:translateX(4px)}.device-modal .modal-content .device-option.selected{background:#5cffe114;border-color:#5cffe1;box-shadow:0 0 20px #5cffe11a}.device-modal .modal-content .device-option.red{border-left:3px solid #ff5757;opacity:.8}.device-modal .modal-content .device-option.yellow{border-left:3px solid orange}.device-modal .modal-content .device-option.green{border-left:3px solid #5cffe1}.device-modal .modal-content .device-option .device-select{align-items:center;border:2px solid #ffffff4d;border-radius:8px;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.device-modal .modal-content .device-option .device-select svg{color:#5cffe1;height:14px;width:14px}.device-modal .modal-content .device-option.selected .device-select{background:#5cffe11a;border-color:#5cffe1}.device-modal .modal-content .device-option .device-icon{align-items:center;background:#5cffe11a;border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.device-modal .modal-content .device-option .device-icon svg{height:24px;width:24px}.device-modal .modal-content .device-option .device-info{flex:1 1}.device-modal .modal-content .device-option .device-info .device-name{color:#fff;font-size:15px;font-weight:500;margin-bottom:6px}.device-modal .modal-content .device-option .device-info .device-details{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.device-modal .modal-content .device-option .device-info .device-details .device-protocol{background:#5cffe11a;border-radius:12px;color:#5cffe1;font-size:10px;font-weight:500;padding:2px 10px}.device-modal .modal-content .device-option .device-info .device-details .device-expires{color:#ffffff80;font-size:10px}.device-modal .modal-content .device-option .device-info .device-status{font-size:10px;font-weight:500}.device-modal .modal-content .device-option .device-info .device-status.red{color:#ff5757}.device-modal .modal-content .device-option .device-info .device-status.yellow{color:orange}.device-modal .modal-content .device-option .device-info .device-status.green{color:#5cffe1}.device-modal .modal-content .confirm-button{align-items:center;background:linear-gradient(135deg,#5cffe133,#5cffe11a);border:1px solid #5cffe14d;border-radius:16px;color:#5cffe1;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.device-modal .modal-content .confirm-button:before{background:linear-gradient(90deg,#0000,#5cffe133,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.device-modal .modal-content .confirm-button:hover:not(:disabled){border-color:#5cffe1;box-shadow:0 5px 20px #5cffe14d;transform:translateY(-2px)}.device-modal .modal-content .confirm-button:hover:not(:disabled):before{left:100%}.device-modal .modal-content .confirm-button:active:not(:disabled){transform:translateY(0)}.device-modal .modal-content .confirm-button:disabled{cursor:not-allowed;opacity:.5}.device-modal .modal-content .confirm-button svg{animation:spin 1s linear infinite;height:18px;width:18px}.custom-days-input .input-label{color:#ffffff80;display:block;font-size:12px;margin-bottom:8px}.custom-days-input .input-wrapper{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;display:flex;gap:12px;padding:4px 16px 4px 20px;transition:all .2s ease}.custom-days-input .input-wrapper:focus-within{background:#5cffe10d;border-color:#5cffe1}.custom-days-input .input-wrapper .days-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;outline:none;padding:12px 0}.custom-days-input .input-wrapper .days-input::placeholder{color:#ffffff4d}.custom-days-input .input-wrapper .days-input::-webkit-inner-spin-button,.custom-days-input .input-wrapper .days-input::-webkit-outer-spin-button{opacity:.5}.custom-days-input .input-wrapper .input-suffix{color:#ffffff80;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:1024px){.referral-page{max-width:460px;min-height:auto;padding:24px 24px 32px}.referral-page.loading{min-height:100%}}.instruction-detail-page{display:flex;flex-direction:column;margin:0 auto;max-width:400px;min-height:100vh;min-height:100dvh;padding:20px 20px 60px;position:relative;width:100%;z-index:2}.page-header{align-items:center;animation:fadeInDown .6s ease;display:flex;margin-bottom:20px}.page-header .back-button{align-items:center;background:#ffffff14;border:1px solid #ffffff08;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:12px;transition:all .3s ease;width:40px}.page-header .back-button svg{height:20px;transition:transform .2s ease;width:20px}.page-header .back-button:hover{background:#ffffff1f;transform:translateX(-2px)}.page-header .back-button:hover svg{transform:translateX(-2px)}.page-header .back-button:active{transform:scale(.95)}.page-header .page-title{color:#ffffffd9;flex:1 1;font-size:28px;font-weight:600;margin:0}.instruction-header{align-items:center;display:flex;flex-direction:row;gap:5px;margin-bottom:12px}.instruction-hero{align-items:center;animation:fadeInUp .6s ease;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:24px;display:flex;gap:16px;padding:12px;transition:all .3s ease}.instruction-hero:hover{background:#14141499;border-color:#ffffff0f;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.instruction-hero .hero-icon2{align-items:center;background:#0b3d3f80;border-radius:20px;display:flex;justify-content:center;transition:all .3s ease}.instruction-hero .hero-icon2 img{height:48px;object-fit:contain;width:48px}.instruction-hero .hero-info{flex:1 1}.instruction-hero .hero-info .hero-title{color:#ffffffd9;font-size:24px;font-weight:600;margin-bottom:8px}.instruction-hero .hero-info .hero-badge{align-items:center;background:#0b3d3f80;border:1px solid #5cffe14d;border-radius:15px;color:#5cffe1;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 12px}.instruction-content{animation:fadeInUp .6s ease .1s both;display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.instruction-section{background:#0f0f0f66;border:1px solid #ffffff08;border-radius:20px;padding:20px;transition:all .3s ease}.instruction-section:hover{background:#14141499;border-color:#ffffff0f}.instruction-section .section-title{align-items:center;color:#ffffffd9;display:flex;font-size:18px;font-weight:600;gap:12px;margin-bottom:16px}.instruction-section .section-title .section-number{align-items:center;background:#0b3d3f80;border-radius:50%;color:#5cffe1;display:inline-flex;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.instruction-section .section-content p{color:#ffffffb3;font-size:14px;line-height:1.5;margin-bottom:16px}.instruction-section .section-content p:last-child{margin-bottom:0}.download-link{align-items:center;background:#0b3d3f80;border:1px solid #5cffe14d;border-radius:30px;color:#5cffe1;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;text-decoration:none;transition:all .3s ease}.download-link svg{transition:transform .2s ease}.download-link:hover{background:#0b3d3fb3;box-shadow:0 4px 12px #5cffe133;transform:translateY(-2px)}.download-link:hover svg{transform:translateY(2px)}.download-link:active{transform:scale(.98)}.config-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.config-action-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:30px;color:#ffffffb3;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;text-decoration:none;transition:all .3s ease}.config-action-btn svg{height:18px;width:18px}.config-action-btn:hover{background:#ffffff26;border-color:#5cffe14d;color:#5cffe1;transform:translateY(-2px)}.config-action-btn:active{transform:scale(.98)}.error-container{background:#0f0f0f66;border:1px solid #ffffff08;margin-top:40px;padding:60px 20px}.error-container .error-icon{font-size:48px}.error-container h2{color:#ffffffd9;font-weight:600}.error-container .continue-button{background:#0b3d3f80;border-radius:30px;margin-top:20px;padding:12px 24px;transition:all .3s ease}.error-container .continue-button:hover{background:#0b3d3fb3}@media(max-width:480px){.instruction-detail-page{padding:16px 16px 50px}.page-header .page-title{font-size:24px}.instruction-hero{padding:12px}.instruction-hero .hero-icon2 img{height:40px;width:40px}.instruction-hero .hero-info .hero-title{font-size:20px}.instruction-section{padding:16px}.instruction-section .section-title{font-size:16px}.config-actions{flex-direction:column}.config-actions .config-action-btn{justify-content:center;width:100%}}.protocol-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.protocol-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 40px #0000004d;max-width:320px;width:100%}.protocol-modal .protocol-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.protocol-modal .protocol-modal-header h3{color:#ffffffd9;font-size:18px;font-weight:600;margin:0}.protocol-modal .protocol-modal-header .protocol-modal-close{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.protocol-modal .protocol-modal-header .protocol-modal-close:hover{background:#ffffff26;transform:rotate(90deg) scale(1.1)}.protocol-modal .protocol-modal-body{display:flex;flex-direction:column;gap:12px;padding:20px}.protocol-option{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .3s ease}.protocol-option:hover{background:#ffffff14;border-color:#5cffe14d;transform:translateX(4px)}.protocol-option.active{background:#0b3d3f80;border-color:#5cffe166}.protocol-option .protocol-option-name{color:#ffffffd9;font-size:15px;font-weight:500}.protocol-option .protocol-option-arrow{color:#5cffe199;font-size:18px;transition:transform .2s ease}.protocol-option:hover .protocol-option-arrow{color:#5cffe1;transform:translateX(4px)}.protocol-selector{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;gap:8px;padding:0}.protocol-selector .hero-badge{align-items:center;background:#0b3d3f80;border:1px solid #5cffe14d;border-radius:20px;color:#5cffe1;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:6px;padding:4px 12px}.protocol-selector .hero-badge .protocol-icon-inst{align-items:center;display:flex;justify-content:center}.protocol-selector .hero-badge .protocol-icon-inst svg{height:28px;width:28px}.protocol-selector svg{color:#ffffff80;transition:transform .2s ease}.protocol-selector:hover .hero-badge{background:#0b3d3fb3;border-color:#5cffe180}.protocol-selector:hover .protocol-arrow{color:#5cffe1;transform:rotate(180deg)}.protocol-option-left{align-items:center;display:flex;gap:10px}.protocol-option-icon{align-items:center;display:flex;justify-content:center}.protocol-option-icon svg{height:20px;width:20px}.install-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.install-links .download-link{flex:1 1;justify-content:center;margin-top:0}.view-mode-switch{animation:fadeInUp .6s ease .05s both;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:40px;display:flex;gap:12px;margin-bottom:12px;padding:4px}.view-mode-switch .view-mode-btn{align-items:center;background:#0000;border:none;border-radius:36px;color:#fff9;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s ease}.view-mode-switch .view-mode-btn svg{transition:all .3s ease}.view-mode-switch .view-mode-btn:hover{background:#ffffff0d;color:#ffffffe6}.view-mode-switch .view-mode-btn.active{background:#0b3d3f80;color:#5cffe1}.view-mode-switch .view-mode-btn.active svg{stroke:#5cffe1}.image-instructions{display:flex;flex-direction:column;gap:16px}.image-instructions .image-step{animation:fadeInUp .6s ease;animation-fill-mode:both;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:20px;padding:20px;transition:all .3s ease}.image-instructions .image-step:first-child{animation-delay:.05s}.image-instructions .image-step:nth-child(2){animation-delay:.1s}.image-instructions .image-step:nth-child(3){animation-delay:.15s}.image-instructions .image-step:nth-child(4){animation-delay:.2s}.image-instructions .image-step:nth-child(5){animation-delay:.25s}.image-instructions .image-step:nth-child(6){animation-delay:.3s}.image-instructions .image-step:hover{background:#14141499;border-color:#ffffff0f;transform:translateY(-2px)}.image-instructions .image-step .step-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.image-instructions .image-step .step-header .step-number{align-items:center;background:#0b3d3f80;border-radius:50%;color:#5cffe1;display:inline-flex;font-size:16px;font-weight:600;height:32px;justify-content:center;width:32px}.image-instructions .image-step .step-header .step-title{color:#ffffffd9;font-size:18px;font-weight:600;margin:0}.image-instructions .image-step .step-description{color:#ffffffb3;font-size:14px;line-height:1.5;margin-bottom:16px}.image-instructions .image-step .step-image{align-items:center;background:#0000004d;border-radius:16px;display:flex;justify-content:center;margin-top:12px;overflow:hidden}.image-instructions .image-step .step-image img{border-radius:12px;display:block;height:auto;width:100%}.image-instructions .image-step .step-image .image-placeholder{align-items:center;background:#ffffff08;border-radius:12px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px;text-align:center}.image-instructions .image-step .step-image .image-placeholder svg{opacity:.5}.image-instructions .image-step .step-image .image-placeholder span{color:#fff6;font-size:12px}.image-instructions .image-install-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.image-instructions .image-install-links .download-link{flex:1 1;justify-content:center;margin-top:0}.instruction-detail-page.loading{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh}.instruction-detail-page .instruction-loader{align-items:center;display:flex;justify-content:center;min-height:200px}@media(max-width:480px){.view-mode-switch .view-mode-btn{font-size:12px;padding:8px 12px}.view-mode-switch .view-mode-btn svg{height:16px;width:16px}.image-instructions .image-step{padding:16px}.image-instructions .image-step .step-header .step-number{font-size:14px;height:28px;width:28px}.image-instructions .image-step .step-header .step-title{font-size:16px}.image-instructions .image-step .step-description{font-size:13px;padding-left:40px}}@media(min-width:1024px){.protocol-modal-overlay{padding-left:240px}}.payment-history-page{min-height:100vh;min-height:100dvh;padding:20px 20px 100px;position:relative;z-index:2}.payment-history-page .payment-history-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.payment-history-page .payment-history-header .back-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.payment-history-page .payment-history-header .back-button svg{stroke:#fff;height:20px;width:20px}.payment-history-page .payment-history-header .back-button:hover{background:#5cffe11a;border-color:#5cffe14d}.payment-history-page .payment-history-header .payment-history-title{color:#fff;flex:1 1;font-size:24px;font-weight:600;margin:0}.payment-history-page .payment-history-header .filter-toggle{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.payment-history-page .payment-history-header .filter-toggle svg{stroke:#fff;height:20px;width:20px}.payment-history-page .payment-history-header .filter-toggle.active{background:#5cffe11a;border-color:#5cffe14d}.payment-history-page .payment-history-header .filter-toggle.active svg{stroke:#5cffe1}.payment-history-page .payment-history-header .filter-toggle:hover{background:#5cffe11a;border-color:#5cffe14d}.payment-history-page .filters-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;padding:16px}.payment-history-page .filters-panel .filter-section{margin-bottom:16px}.payment-history-page .filters-panel .filter-section:last-child{margin-bottom:0}.payment-history-page .filters-panel .filter-section .filter-label{color:#ffffffb3;font-size:14px;font-weight:500;margin-bottom:12px}.payment-history-page .filters-panel .filter-section .filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.payment-history-page .filters-panel .filter-section .filter-buttons .filter-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.payment-history-page .filters-panel .filter-section .filter-buttons .filter-btn:hover{background:#5cffe11a;border-color:#5cffe14d;color:#fff}.payment-history-page .filters-panel .filter-section .filter-buttons .filter-btn.active{background:#5cffe126;border-color:#5cffe1;color:#5cffe1}.payment-history-page .filters-panel .filter-section .custom-date-range{align-items:stretch;display:flex;flex-direction:column;gap:5px;margin-top:12px}.payment-history-page .filters-panel .filter-section .custom-date-range .date-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:10px 12px}.payment-history-page .filters-panel .filter-section .custom-date-range .date-input:focus{border-color:#5cffe1}.payment-history-page .filters-panel .filter-section .custom-date-range .date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.payment-history-page .filters-panel .filter-section .custom-date-range .date-separator{color:#ffffff80}.payment-history-page .filters-panel .reset-filters-btn{background:#ff64641a;border:1px solid #ff64644d;border-radius:8px;color:#ff6b6b;cursor:pointer;font-size:14px;margin-top:16px;padding:10px;transition:all .2s ease;width:100%}.payment-history-page .filters-panel .reset-filters-btn:hover{background:#ff646433}.payment-history-page .payment-stats{background:#ffffff08;border-radius:12px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.payment-history-page .payment-stats .stats-count{color:#fff9}.payment-history-page .payment-stats .stats-total{color:#5cffe1;font-weight:500}.payment-history-page .payment-history-list{display:flex;flex-direction:column;gap:12px}.payment-history-page .payment-history-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.payment-history-page .payment-history-item:hover{background:#ffffff14;border-color:#5cffe14d}.payment-history-page .payment-history-item-icon{align-items:center;background:#5cffe11a;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.payment-history-page .payment-history-item-icon svg{stroke:#5cffe1;height:24px;width:24px}.payment-history-page .payment-history-item-content{flex:1 1}.payment-history-page .payment-history-item-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.payment-history-page .payment-history-item-header .payment-history-item-left{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.payment-history-page .payment-history-item-description{color:#fff;font-size:16px;font-weight:500}.payment-history-page .payment-history-item-amount{color:#5cffe1;font-size:18px;font-weight:600}.payment-history-page .payment-history-item-details{color:#ffffff80;display:flex;flex-wrap:wrap;font-size:12px;gap:16px}.payment-history-page .payment-history-item-date,.payment-history-page .payment-history-item-devices,.payment-history-page .payment-history-item-id,.payment-history-page .payment-history-item-period{align-items:center;display:flex;gap:4px}.payment-history-page .payment-history-item-date svg,.payment-history-page .payment-history-item-devices svg,.payment-history-page .payment-history-item-id svg,.payment-history-page .payment-history-item-period svg{flex-shrink:0}.payment-history-page .payment-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.payment-history-page .payment-status-badge svg{height:12px;width:12px}.payment-history-page .payment-status-badge.subscription{background:#5cffe11a;color:#5cffe1}.payment-history-page .payment-status-badge.extend{background:#ffc1071a;color:#ffc107}.payment-history-page .payment-history-empty{padding:60px 20px;text-align:center}.payment-history-page .payment-history-empty .empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.payment-history-page .payment-history-empty h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px}.payment-history-page .payment-history-empty p{color:#fff9;font-size:14px;margin-bottom:24px}.payment-history-page .payment-history-empty .go-to-payment-btn,.payment-history-page .payment-history-empty .reset-filters-empty-btn{background:linear-gradient(135deg,#5cffe1,#2e8b57);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.payment-history-page .payment-history-empty .go-to-payment-btn:hover,.payment-history-page .payment-history-empty .reset-filters-empty-btn:hover{box-shadow:0 4px 12px #5cffe14d;transform:translateY(-2px)}.payment-history-page .payment-history-empty .reset-filters-empty-btn{background:#ff646433;border:1px solid #ff64644d;color:#ff6b6b}.payment-history-page .payment-history-empty .reset-filters-empty-btn:hover{background:#ff64644d}.payment-history-page .payment-history-error{padding:60px 20px;text-align:center}.payment-history-page .payment-history-error .error-icon{font-size:48px;margin-bottom:20px}.payment-history-page .payment-history-error p{color:#fffc;font-size:16px;margin-bottom:20px}.payment-history-page .payment-history-error .retry-btn{background:#5cffe11a;border:1px solid #5cffe14d;border-radius:12px;color:#5cffe1;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.payment-history-page .payment-history-error .retry-btn:hover{background:#5cffe133}.payment-history-page.loading{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh}.payment-history-page.loading .loader{display:flex;justify-content:center;width:100%}.faq-page{margin:0 auto;max-width:400px;padding:20px 20px 90px;position:relative;width:100%;z-index:1}.faq-page,.faq-page.loading{min-height:100vh;min-height:100dvh}.faq-page.loading{align-items:center;display:flex;justify-content:center}.faq-page.loading .loader{color:#ffffffd9;font-size:16px}.faq-page-header{animation:fadeInDown .6s ease;display:flex;flex-direction:column;margin-bottom:20px}.faq-page-header-block{align-items:center;display:flex;margin-bottom:8px}.faq-back-button{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:12px;transition:all .2s ease;width:40px}.faq-back-button:hover{background:#ffffff1a;border-color:#fff6;transform:scale(1.05)}.faq-back-button:active{transform:scale(.95)}.faq-back-button svg{height:20px;width:20px}.faq-page-title{color:#fff;flex:1 1;font-size:24px;font-weight:500;letter-spacing:1px;text-shadow:0 0 20px #fff9}.faq-page-subtitle{animation:fadeInUp .6s ease .15s both;color:#fff6;font-size:14px;line-height:1.4}.faq-categories-section{animation:fadeInUp .6s ease .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;margin-bottom:16px;padding:16px}.faq-categories-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.faq-category-card{align-items:center;background:#ffffff05;border:1px solid #ffffff08;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px 4px;transition:all .2s ease}.faq-category-card:hover{background:#ffffff0a;border-color:#ffffff14;transform:translateY(-2px)}.faq-category-card:active{transform:scale(.97)}.faq-category-card.active{background:#5cffe11a;border-color:#5cffe14d}.faq-category-card.active .faq-category-icon,.faq-category-card.active .faq-category-name{color:#5cffe1}.faq-category-card.active:hover{background:#5cffe126;border-color:#5cffe166}.faq-category-card .faq-category-icon{color:#ffffffb3;font-size:24px;transition:color .2s ease}.faq-category-card .faq-category-name{color:#ffffff80;font-size:11px;font-weight:500;transition:color .2s ease}.faq-list{margin-bottom:20px}.faq-item{animation:fadeInUp .6s ease both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:10px;overflow:hidden;transition:all .3s ease}.faq-item:hover{background:#ffffff0d;border-color:#ffffff26}.faq-item:hover .faq-question-text{color:#fffffff2}.faq-item.open{background:#5cffe10d;border-color:#5cffe133}.faq-item.open .faq-question-icon svg{transform:rotate(45deg)}.faq-item.open .faq-answer{max-height:1000px;opacity:1;padding:0 16px 16px}.faq-question{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:16px;-webkit-user-select:none;user-select:none}.faq-question:active{transform:scale(.99)}.faq-question-text{color:#ffffffd9;flex:1 1;font-size:15px;font-weight:500;line-height:1.4;transition:color .2s ease}.faq-question-icon{align-items:center;background:#ffffff0d;border-radius:50%;color:#5cffe1b3;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .3s ease;width:28px}.faq-question-icon svg{height:16px;transition:transform .3s ease;width:16px}.faq-answer{border-top:1px solid #0000;max-height:0;opacity:0;overflow:hidden;padding:0 16px;transition:all .3s ease}.faq-answer .faq-answer-line,.faq-answer p{color:#fff9;font-size:14px;line-height:1.5;margin:0 0 12px}.faq-answer .faq-answer-line:last-child,.faq-answer p:last-child{margin-bottom:0}.faq-answer .faq-answer-list p{margin-bottom:12px}.faq-answer .faq-answer-list p:last-child{margin-bottom:0}.faq-contact-block{animation:fadeInUp .6s ease .5s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:24px 20px;text-align:center;transition:all .3s ease}.faq-contact-block:hover{background:#ffffff0d;border-color:#ffffff26;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.faq-contact-icon{align-items:center;background:#5cffe11a;border-radius:32px;color:#5cffe1;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.faq-contact-icon svg{height:32px;width:32px}.faq-contact-title{color:#ffffffe6;font-size:18px;font-weight:600;margin-bottom:8px}.faq-contact-text{color:#ffffff80;font-size:14px;line-height:1.4;margin-bottom:20px}.faq-contact-button{background:#5cffe11a;border:1px solid #5cffe14d;border-radius:30px;color:#5cffe1;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .3s ease}.faq-contact-button:hover{background:#5cffe126;border-color:#5cffe180;box-shadow:0 4px 12px #5cffe133;transform:translateY(-2px)}.faq-contact-button:active{background:#5cffe133;transform:translateY(0)}@media(max-width:380px){.faq-categories-grid{gap:4px}.faq-category-card{padding:10px 2px}.faq-category-card .faq-category-icon{font-size:20px}.faq-category-card .faq-category-name{font-size:10px}.faq-question-text{font-size:14px}.faq-answer .faq-answer-line,.faq-answer p{font-size:13px}.faq-contact-block{padding:20px 16px}}@media(min-width:1024px){.faq-page{max-width:460px;min-height:auto;padding:24px 24px 32px}.faq-page.loading{min-height:100%}}.add-email-page{margin:0 auto;max-width:400px;min-height:100vh;padding:20px 20px 70px;position:relative;width:100%;z-index:1}.add-email-page.loading{align-items:center;display:flex;justify-content:center}.add-email-header{align-items:center;animation:fadeInDown .6s ease;display:flex;margin-bottom:20px}.add-email-header .back-button{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;margin-right:12px;transition:all .2s ease;width:40px}.add-email-header .back-button:hover{background:#ffffff1a;border-color:#fff6;transform:scale(1.05)}.add-email-header .back-button:active{transform:scale(.95)}.add-email-header .add-email-title{color:#fff;flex:1 1;font-size:24px;font-weight:500;text-shadow:0 0 20px #fff9}.error-message{align-items:center;animation:fadeInUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px 16px}.error-message svg{flex-shrink:0;height:16px;width:16px}.success-message{align-items:center;animation:fadeInUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px 16px}.success-message.detailed{align-items:stretch;background:#4caf501f;border:1px solid #4caf504d;flex-direction:column;overflow:hidden;padding:24px;position:relative}.success-message.detailed:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#4caf50,#4caf5080,#4caf50);content:"";height:2px;left:0;position:absolute;right:0;top:0}.success-message.detailed .success-icon-large{display:flex;justify-content:center;margin-bottom:16px}.success-message.detailed .success-icon-large svg{animation:scaleIn .3s ease;background:#4caf5033;border-radius:50%;height:56px;padding:14px;width:56px}.success-message.detailed .success-content{flex:1 1;text-align:center}.success-message.detailed .success-content .success-title{color:#4caf50;font-size:18px;font-weight:600;margin-bottom:16px}.success-message.detailed .success-content .success-details{background:#0000004d;border-radius:12px;margin-bottom:16px;margin-top:8px;padding:12px}.success-message.detailed .success-content .success-details .detail-row{border-bottom:1px solid #ffffff1a;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.success-message.detailed .success-content .success-details .detail-row:last-child{border-bottom:none}.success-message.detailed .success-content .success-details .detail-row .detail-label{color:#fff9}.success-message.detailed .success-content .success-details .detail-row .detail-value{color:#fff;font-weight:500;max-width:60%;text-align:right;word-break:break-all}.success-message.detailed .success-content .success-note{color:#ffffff80;font-size:12px;margin-top:8px}.email-form .form-group:first-child{animation-delay:.1s}.email-form .form-group:nth-child(2){animation-delay:.2s}.email-form .form-group:nth-child(3){animation-delay:.3s}.submit-button:before{background:linear-gradient(90deg,#0000,#5cffe133,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-button:hover:not(:disabled){border-color:#5cffe1}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:active:not(:disabled){transform:translateY(0)}.error-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:40px 20px;text-align:center}.error-container .error-icon{font-size:64px;margin-bottom:20px}.error-container h2{color:#fff;font-size:20px;margin-bottom:12px}.error-container p{color:#fff9;font-size:14px;margin-bottom:24px}.error-container .continue-button{background:linear-gradient(135deg,#5cffe133,#5cffe11a);border:1px solid #5cffe14d;border-radius:12px;color:#5cffe1;cursor:pointer;font-size:14px;font-weight:600;padding:14px 24px;transition:all .2s ease}.error-container .continue-button:hover{box-shadow:0 5px 20px #5cffe14d;transform:translateY(-2px)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media(min-width:1024px){.add-email-page{max-width:460px;min-height:auto;padding:24px 24px 32px}.add-email-page.loading{min-height:100%}}.change-email-page{margin:0 auto;max-width:400px;min-height:100vh;padding:20px 20px 70px;position:relative;width:100%;z-index:1}.change-email-page.loading{align-items:center;display:flex;justify-content:center}.change-email-header{align-items:center;animation:fadeInDown .6s ease;display:flex;margin-bottom:20px}.change-email-header .back-button{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;margin-right:12px;transition:all .2s ease;width:40px}.change-email-header .back-button:hover{background:#ffffff1a;border-color:#fff6;transform:scale(1.05)}.change-email-header .back-button:active{transform:scale(.95)}.change-email-header .change-email-title{color:#fff;flex:1 1;font-size:24px;font-weight:500;text-shadow:0 0 20px #fff9}.error-message,.success-message{align-items:center;animation:fadeInUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px 16px}.error-message svg,.success-message svg{flex-shrink:0;height:16px;width:16px}.error-message{background:#ff57571a;border:1px solid #ff575733;color:#ff5757}.success-message{background:#4caf501a;border:1px solid #4caf5033;color:#4caf50}.form-card{animation:fadeInUp .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:24px}.form-card .form-subtitle{color:#fff9;font-size:14px;line-height:1.4;margin-bottom:24px;text-align:center}.email-form .form-group{animation:fadeInUp .6s ease both;margin-bottom:20px}.email-form .form-group label{color:#ffffffb3;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.email-form .form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.email-form .form-group input:focus{background:#5cffe10d;border-color:#5cffe1;box-shadow:0 0 0 3px #5cffe11a;outline:none}.email-form .form-group input::placeholder{color:#ffffff4d}.email-form .form-group input:disabled{cursor:not-allowed;opacity:.5}.submit-button{align-items:center;background:linear-gradient(135deg,#5cffe133,#5cffe11a);border:1px solid #5cffe14d;border-radius:16px;color:#5cffe1;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 5px 20px #5cffe14d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-button .loader-spinner{animation:spin .6s linear infinite;border:2px solid #5cffe14d;border-radius:50%;border-top-color:#5cffe1;display:inline-block;height:18px;width:18px}.password-hint{color:#fff9;font-size:13px;margin-top:12px;text-align:center}.password-hint a{color:#5cffe1;text-decoration:underline;transition:color .2s ease}.password-hint a:hover{color:#0b3d3f}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1024px){.change-email-page{max-width:460px;padding:24px 24px 32px}}.other-platforms-page{margin:0 auto;max-width:400px;min-height:100vh;min-height:100dvh;padding:20px 20px 40px;position:relative;width:100%;z-index:1}.other-platforms-page.loading{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh}.other-platforms-page .other-loader{align-items:center;display:flex;justify-content:center;min-height:200px}.other-page-header{animation:otherFadeInUp .6s ease .1s both;gap:16px}.other-back-button{align-items:center;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:30px;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.other-back-button:hover{background:#19191999;border-color:#ffffff14;color:#fff;transform:translateX(-2px)}.other-back-button:active{transform:scale(.95)}.other-back-button svg{height:20px;width:20px}.other-page-title{color:#ffffffe6;font-size:22px;font-weight:600;letter-spacing:-.3px}.other-hero{align-items:flex-start;animation:otherFadeInUp .6s ease .1s both;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:24px;display:flex;flex-direction:column;margin-bottom:20px;padding:20px 16px;text-align:left;transition:all .3s ease}.other-hero:hover{background:#14141499;border-color:#ffffff0f;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.other-hero-icon{align-items:center;background:#ffffff08;border-radius:20px;color:#fffc;display:flex;height:64px;justify-content:center;margin-bottom:16px;transition:all .3s ease;width:64px}.other-hero-icon svg{height:32px;width:32px}.other-hero-title{color:#ffffffd9;font-size:24px;font-weight:600;letter-spacing:-.3px;margin-bottom:8px}.other-hero-subtitle{color:#fff6;font-size:14px;line-height:1.4}.other-platforms-list{animation:otherFadeInUp .6s ease .2s both;display:flex;flex-direction:column;gap:12px}.other-platform-card{align-items:center;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:20px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.other-platform-card:hover{background:#19191999;border-color:#ffffff14;box-shadow:0 4px 15px #0003;transform:translateX(4px)}.other-platform-card:hover .other-platform-icon{filter:brightness(1);transform:scale(1.05)}.other-platform-card:hover .other-platform-label{color:#ffffffe6}.other-platform-card:hover .other-platform-name{color:#ffffffb3}.other-platform-card:active{transform:scale(.98)}.other-platform-icon{filter:brightness(.8);height:56px;object-fit:contain;transition:all .3s ease;width:56px}.other-platform-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.other-platform-label{color:#ffffff80;font-size:13px;transition:color .3s ease}.other-platform-name{color:#fffc;font-size:18px;font-weight:500;transition:color .3s ease}@font-face{font-display:swap;font-family:Modules Medium;font-style:normal;font-weight:500;src:url(/static/media/Modulus-Medium.0bf42184cbbb7d37f36c.otf) format("opentype")}.main-page{background:#000;color:#fff;overflow:hidden}.main-page,.main-page__content{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;position:relative;width:100%}.main-page__content{margin:0 auto;max-width:400px;padding:16px;z-index:2}.main-page__content.loading{align-items:center;display:flex;justify-content:center;min-height:100vh}.main-page__content.loading .loader{color:#fff;font-size:16px}.main-page__wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;min-height:0}.main-page__bottom{padding-bottom:100px;width:100%}.main-page__radar{align-items:center;display:flex;justify-content:center;left:50%;pointer-events:none;position:fixed;top:25%;transform:translate(-50%,-50%);z-index:2}.main-page__toolbar{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#1212128c;border:1px solid #ffffff0f;border-radius:30px;box-shadow:0 8px 24px #0000004d;display:flex;gap:6px;margin:0 auto;max-width:420px;padding:6px;position:relative;width:100%}.main-page__toolbar button{align-items:center;background:#0000;border:none;border-radius:20px;color:#d2d2d2;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:10px 0;position:relative;transition:all .2s ease}.main-page__toolbar button:not(:last-child):after{background:#8e8e93;border-radius:2px;box-shadow:0 0 6px #90909366;content:"";height:50px;position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:1.5px}.main-page__toolbar button span{font-size:14px;font-weight:700}.main-page__toolbar button small{font-size:12px;opacity:.7}.main-page__toolbar button:hover{color:#fff;transform:translateY(-1px)}.main-page__toolbar button:active{transform:scale(.95)}.main-page__toolbar button .icon{align-items:center;display:flex;justify-content:center;margin-bottom:4px}.main-page__toolbar button .icon svg{height:30px;transition:all .2s ease;width:30px}.subscription-alert{align-items:center;animation:slideDown .4s ease,glowPulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffa5001f,#ffa50014);border:1px solid #ffa50066;border-radius:20px;box-shadow:0 4px 20px #ffa5001a;display:flex;gap:14px;margin-bottom:12px;padding:14px 18px}.subscription-alert .alert-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.subscription-alert .alert-icon svg{animation:iconRotate 3s ease-in-out infinite;color:orange;height:28px;width:28px}.subscription-alert .alert-text{color:#fffffff2;flex:1 1;font-size:13px;font-weight:500;letter-spacing:.3px;line-height:1.4}.renew-button .renew-icon svg{transition:all .3s ease}.renew-button.warning small.warning,.renew-button.warning span.warning{animation:textPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,orange,#fc6);-webkit-background-clip:text;background-clip:text;color:#0000}.renew-button.warning .renew-icon.warning svg{fill:orange;animation:iconPulse 1.5s ease-in-out infinite;color:orange}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{border-color:#ffa5004d;box-shadow:0 4px 20px #ffa5001a}50%{border-color:#ffa500b3;box-shadow:0 6px 30px #ffa50040}}@keyframes iconRotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes textPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes iconPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media(max-width:380px){.main-page__content{padding:12px}}@media(min-width:1024px){.main-page,.main-page__content{height:100%;min-height:100%}.main-page__content{margin:0;max-width:none;padding:0;width:100%}.main-page__content.loading,.main-page__wrapper{height:100%;min-height:100%}.main-page__wrapper{align-items:stretch;justify-content:flex-end}.main-page__bottom{display:flex;flex-direction:column;justify-content:center;margin-top:auto;padding:0 24px 24px;width:100%}.subscription-alert{margin:0 auto 10px;max-width:420px}.main-page__toolbar{margin:0 auto;max-width:420px;width:100%}.main-page__radar{left:50%;position:absolute;top:25%;transform:translate(-50%,-50%)}}.other-instruction-page{display:flex;flex-direction:column;margin:0 auto;max-width:400px;min-height:100vh;min-height:100dvh;padding:20px 20px 60px;position:relative;width:100%;z-index:2}@keyframes otherFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes otherFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.other-page-header{align-items:center;animation:otherFadeInDown .6s ease;display:flex;margin-bottom:20px}.other-page-header .other-back-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff08;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.other-page-header .other-back-btn svg{height:20px;transition:transform .2s ease;width:20px}.other-page-header .other-back-btn:hover{background:#ffffff1f;transform:translateX(-2px)}.other-page-header .other-back-btn:hover svg{transform:translateX(-2px)}.other-page-header .other-back-btn:active{transform:scale(.95)}.other-page-header .other-page-title{color:#ffffffd9;flex:1 1;font-size:28px;font-weight:600;margin:0}.other-instruction-header{align-items:center;display:flex;flex-direction:row;gap:5px;margin-bottom:12px}.other-instruction-hero{align-items:center;animation:otherFadeInUp .6s ease;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:24px;display:flex;gap:16px;padding:12px;transition:all .3s ease}.other-instruction-hero:hover{background:#14141499;border-color:#ffffff0f;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.other-instruction-hero .other-hero-icon2{align-items:center;border-radius:20px;display:flex;justify-content:center;transition:all .3s ease}.other-instruction-hero .other-hero-icon2 img{height:48px;object-fit:contain;width:48px}.other-instruction-hero .other-hero-info{flex:1 1}.other-instruction-hero .other-hero-info .other-hero-badge{border:1px solid #5cffe14d;border-radius:15px;font-size:12px;gap:6px;padding:4px 12px}.other-download-btn,.other-instruction-hero .other-hero-info .other-hero-badge{align-items:center;background:#0b3d3f80;color:#5cffe1;display:flex;font-weight:500}.other-download-btn{border:1px solid #5cffe14d;border-radius:30px;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;text-decoration:none;transition:all .3s ease}.other-download-btn svg{transition:transform .2s ease}.other-download-btn:hover{background:#0b3d3fb3;box-shadow:0 4px 12px #5cffe133;transform:translateY(-2px)}.other-download-btn:hover svg{transform:translateY(2px)}.other-download-btn:active{transform:scale(.98)}.other-install-links{display:flex;flex-direction:column;flex-wrap:wrap;gap:12px;margin-top:0}.other-install-links .other-download-btn{flex:1 1;justify-content:center;margin-top:0}.other-install-container{animation:otherFadeInUp .6s ease .05s both;margin-bottom:20px}.other-image-steps{animation:otherFadeInUp .6s ease .1s both;display:flex;flex-direction:column;gap:16px}.other-image-steps .other-step-card{animation:otherFadeInUp .6s ease;animation-fill-mode:both;background:#0f0f0f66;border:1px solid #ffffff08;border-radius:20px;padding:20px;transition:all .3s ease}.other-image-steps .other-step-card:first-child{animation-delay:.03s}.other-image-steps .other-step-card:nth-child(2){animation-delay:.06s}.other-image-steps .other-step-card:nth-child(3){animation-delay:.09s}.other-image-steps .other-step-card:nth-child(4){animation-delay:.12s}.other-image-steps .other-step-card:nth-child(5){animation-delay:.15s}.other-image-steps .other-step-card:nth-child(6){animation-delay:.18s}.other-image-steps .other-step-card:nth-child(7){animation-delay:.21s}.other-image-steps .other-step-card:nth-child(8){animation-delay:.24s}.other-image-steps .other-step-card:nth-child(9){animation-delay:.27s}.other-image-steps .other-step-card:nth-child(10){animation-delay:.3s}.other-image-steps .other-step-card:nth-child(11){animation-delay:.33s}.other-image-steps .other-step-card:nth-child(12){animation-delay:.36s}.other-image-steps .other-step-card:nth-child(13){animation-delay:.39s}.other-image-steps .other-step-card:nth-child(14){animation-delay:.42s}.other-image-steps .other-step-card:nth-child(15){animation-delay:.45s}.other-image-steps .other-step-card:nth-child(16){animation-delay:.48s}.other-image-steps .other-step-card:nth-child(17){animation-delay:.51s}.other-image-steps .other-step-card:nth-child(18){animation-delay:.54s}.other-image-steps .other-step-card:nth-child(19){animation-delay:.57s}.other-image-steps .other-step-card:nth-child(20){animation-delay:.6s}.other-image-steps .other-step-card:nth-child(21){animation-delay:.63s}.other-image-steps .other-step-card:nth-child(22){animation-delay:.66s}.other-image-steps .other-step-card:nth-child(23){animation-delay:.69s}.other-image-steps .other-step-card:nth-child(24){animation-delay:.72s}.other-image-steps .other-step-card:nth-child(25){animation-delay:.75s}.other-image-steps .other-step-card:nth-child(26){animation-delay:.78s}.other-image-steps .other-step-card:nth-child(27){animation-delay:.81s}.other-image-steps .other-step-card:nth-child(28){animation-delay:.84s}.other-image-steps .other-step-card:nth-child(29){animation-delay:.87s}.other-image-steps .other-step-card:nth-child(30){animation-delay:.9s}.other-image-steps .other-step-card:hover{background:#14141499;border-color:#ffffff0f;transform:translateY(-2px)}.other-image-steps .other-step-card .other-step-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.other-image-steps .other-step-card .other-step-header .other-step-number{align-items:center;background:#0b3d3f80;border-radius:50%;color:#5cffe1;display:inline-flex;font-size:16px;font-weight:600;height:32px;justify-content:center;width:32px}.other-image-steps .other-step-card .other-step-header .other-step-title{color:#ffffffd9;font-size:18px;font-weight:600;margin:0}.other-image-steps .other-step-card .other-step-desc{color:#ffffffb3;font-size:14px;line-height:1.5;margin-bottom:16px}.other-image-steps .other-step-card .other-step-image{align-items:center;background:#0000004d;border-radius:16px;display:flex;justify-content:center;margin-top:12px;overflow:hidden}.other-image-steps .other-step-card .other-step-image img{border-radius:12px;display:block;height:auto;width:100%}.other-image-steps .other-step-card .other-step-image .other-image-placeholder{align-items:center;background:#ffffff08;border-radius:12px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px;text-align:center}.other-image-steps .other-step-card .other-step-image .other-image-placeholder svg{opacity:.5}.other-image-steps .other-step-card .other-step-image .other-image-placeholder span{color:#fff6;font-size:12px}.other-error-container{background:#0f0f0f66;border:1px solid #ffffff08;border-radius:24px;margin-top:40px;padding:60px 20px;text-align:center}.other-error-container .other-error-icon{font-size:48px;margin-bottom:20px}.other-error-container h2{color:#ffffffd9;font-size:20px;font-weight:600;margin-bottom:12px}.other-error-container .other-continue-btn{background:#0b3d3f80;border:1px solid #5cffe14d;border-radius:30px;color:#5cffe1;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.other-error-container .other-continue-btn:hover{background:#0b3d3fb3;transform:translateY(-2px)}.other-modal-overlay{align-items:center;animation:otherFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.other-modal{animation:otherSlideUp .3s ease;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 40px #0000004d;max-width:320px;width:100%}.other-modal .other-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.other-modal .other-modal-header h3{color:#ffffffd9;font-size:18px;font-weight:600;margin:0}.other-modal .other-modal-header .other-modal-close{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.other-modal .other-modal-header .other-modal-close:hover{background:#ffffff26;transform:rotate(90deg) scale(1.1)}.other-modal .other-modal-body{display:flex;flex-direction:column;gap:12px;padding:20px}.other-modal-option{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .3s ease}.other-modal-option:hover{background:#ffffff14;border-color:#5cffe14d;transform:translateX(4px)}.other-modal-option.active{background:#0b3d3f80;border-color:#5cffe166}.other-modal-option .other-modal-option-left{align-items:center;display:flex;gap:10px}.other-modal-option .other-modal-option-icon{align-items:center;display:flex;justify-content:center}.other-modal-option .other-modal-option-icon svg{height:20px;width:20px}.other-modal-option .other-modal-option-name{color:#ffffffd9;font-size:15px;font-weight:500}.other-modal-option .other-modal-option-arrow{color:#5cffe199;font-size:18px;transition:transform .2s ease}.other-modal-option:hover .other-modal-option-arrow{color:#5cffe1;transform:translateX(4px)}.other-protocol-selector{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;gap:8px;padding:0}.other-protocol-selector .other-hero-badge{align-items:center;background:#0b3d3f80;border:1px solid #5cffe14d;border-radius:20px;color:#5cffe1;display:flex;flex-direction:row;font-size:12px;font-weight:500;gap:6px;padding:4px 12px}.other-protocol-selector .other-hero-badge .other-protocol-icon{align-items:center;display:flex;justify-content:center}.other-protocol-selector .other-hero-badge .other-protocol-icon svg{height:28px;width:28px}.other-protocol-selector svg{color:#ffffff80;transition:transform .2s ease}.other-protocol-selector:hover .other-hero-badge{background:#0b3d3fb3;border-color:#5cffe180}.other-protocol-selector:hover .other-protocol-arrow{color:#5cffe1;transform:rotate(180deg)}.other-instruction-page.loading{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh}.other-instruction-page .other-loader{align-items:center;display:flex;justify-content:center;min-height:200px}@keyframes otherFadeIn{0%{opacity:0}to{opacity:1}}@keyframes otherSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.other-instruction-page{padding:16px 16px 50px}.other-page-header .other-page-title{font-size:24px}.other-instruction-hero{padding:12px}.other-instruction-hero .other-hero-icon2 img{height:40px;width:40px}.other-image-steps .other-step-card{padding:16px}.other-image-steps .other-step-card .other-step-header .other-step-number{font-size:14px;height:28px;width:28px}.other-image-steps .other-step-card .other-step-header .other-step-title{font-size:16px}.other-image-steps .other-step-card .other-step-desc{font-size:13px;padding-left:40px}}@media(min-width:1024px){.other-modal-overlay{padding-left:240px}}.admin-page{background:linear-gradient(135deg,#0a0a0a,#0f0f0f);min-height:100vh;padding:16px 16px 80px;position:relative}@media(min-width:768px){.admin-page{padding:20px 20px 100px}}.admin-page .admin-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media(min-width:768px){.admin-page .admin-header{align-items:center;flex-direction:row;gap:16px}}.admin-page .admin-header .back-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.admin-page .admin-header .back-button svg{stroke:#fff;height:20px;width:20px}.admin-page .admin-header .back-button:hover{background:#5cffe11a;border-color:#5cffe14d}.admin-page .admin-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#5cffe1);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0}@media(min-width:768px){.admin-page .admin-header h1{flex:1 1}}.admin-page .admin-header .admin-tabs{background:#ffffff0d;border-radius:40px;display:flex;gap:8px;padding:4px}@media(min-width:768px){.admin-page .admin-header .admin-tabs{gap:12px;padding:6px}}.admin-page .admin-header .admin-tabs .admin-tab{background:#0000;border:none;border-radius:32px;color:#fff9;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}@media(min-width:768px){.admin-page .admin-header .admin-tabs .admin-tab{font-size:14px;padding:10px 24px}}.admin-page .admin-header .admin-tabs .admin-tab:hover{background:#ffffff0d;color:#ffffffe6}.admin-page .admin-header .admin-tabs .admin-tab.active{background:#5cffe126;color:#5cffe1}.admin-page .stats-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:20px}@media(min-width:640px){.admin-page .stats-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.admin-page .stats-cards{gap:16px;grid-template-columns:repeat(4,1fr)}}.admin-page .stats-cards .stat-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;display:flex;gap:12px;padding:16px;transition:all .2s ease}@media(min-width:768px){.admin-page .stats-cards .stat-card{gap:16px;padding:20px}}.admin-page .stats-cards .stat-card:hover{background:#ffffff0f;border-color:#5cffe133}.admin-page .stats-cards .stat-card .stat-icon{font-size:32px}@media(min-width:768px){.admin-page .stats-cards .stat-card .stat-icon{font-size:40px}}.admin-page .stats-cards .stat-card .stat-content{flex:1 1}.admin-page .stats-cards .stat-card .stat-content .stat-value{color:#5cffe1;font-size:24px;font-weight:700;margin-bottom:4px}@media(min-width:768px){.admin-page .stats-cards .stat-card .stat-content .stat-value{font-size:28px}}.admin-page .stats-cards .stat-card .stat-content .stat-label{color:#fffc;font-size:13px;font-weight:500;margin-bottom:4px}.admin-page .stats-cards .stat-card .stat-content .stat-sub{color:#fff6;font-size:11px}.admin-page .stats-chart{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:16px;padding:16px}@media(min-width:768px){.admin-page .stats-chart{margin-bottom:20px;padding:20px}}.admin-page .stats-chart h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px}.admin-page .stats-chart .chart-container{margin:0 -8px;overflow-x:auto;padding:0 8px}.admin-page .stats-chart .chart-bars{align-items:flex-end;display:flex;gap:8px;min-width:400px}@media(min-width:768px){.admin-page .stats-chart .chart-bars{gap:16px;min-width:500px}}.admin-page .stats-chart .chart-bars .chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.admin-page .stats-chart .chart-bars .chart-bar-wrapper .chart-bar{background:linear-gradient(180deg,#5cffe1,#2e8b57);border-radius:8px 8px 4px 4px;max-width:50px;min-height:4px;position:relative;transition:height .5s ease;width:100%}@media(min-width:768px){.admin-page .stats-chart .chart-bars .chart-bar-wrapper .chart-bar{max-width:60px}}.admin-page .stats-chart .chart-bars .chart-bar-wrapper .chart-bar.users-bar{background:linear-gradient(180deg,#ffc107,#ff8c00)}.admin-page .stats-chart .chart-bars .chart-bar-wrapper .chart-bar .chart-value{color:#ffffffb3;font-size:10px;left:50%;position:absolute;top:-22px;transform:translateX(-50%);white-space:nowrap}@media(min-width:768px){.admin-page .stats-chart .chart-bars .chart-bar-wrapper .chart-bar .chart-value{font-size:11px;top:-24px}}.admin-page .stats-chart .chart-bars .chart-bar-wrapper .chart-label{color:#ffffff80;font-size:10px}.admin-page .stats-chart .chart-bars .chart-bar-wrapper .chart-count{color:#5cffe1b3;font-size:9px}.admin-page .stats-chart .chart-note{color:#ffffff4d;font-size:10px;margin-top:12px;text-align:center}.admin-page .monthly-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:640px){.admin-page .monthly-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.admin-page .monthly-stats-grid{grid-template-columns:repeat(3,1fr)}}.admin-page .monthly-stats-grid .monthly-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:14px}.admin-page .monthly-stats-grid .monthly-card .monthly-month{border-bottom:1px solid #ffffff0d;color:#5cffe1;font-size:14px;font-weight:600;margin-bottom:10px;padding-bottom:8px}.admin-page .monthly-stats-grid .monthly-card .monthly-details{display:flex;flex-direction:column;gap:6px}.admin-page .monthly-stats-grid .monthly-card .monthly-details .monthly-item{display:flex;font-size:12px;justify-content:space-between}.admin-page .monthly-stats-grid .monthly-card .monthly-details .monthly-item .monthly-label{color:#ffffff80}.admin-page .monthly-stats-grid .monthly-card .monthly-details .monthly-item .monthly-value{color:#ffffffe6;font-weight:500}.admin-page .monthly-stats-grid .monthly-card .monthly-details .monthly-item .monthly-value.highlight{color:#5cffe1}.admin-page .referrals-stats-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media(min-width:640px){.admin-page .referrals-stats-summary{gap:12px;grid-template-columns:repeat(4,1fr)}}.admin-page .referrals-stats-summary .summary-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:14px;text-align:center}.admin-page .referrals-stats-summary .summary-card .summary-value{color:#5cffe1;font-size:24px;font-weight:700;margin-bottom:4px}@media(min-width:768px){.admin-page .referrals-stats-summary .summary-card .summary-value{font-size:28px}}.admin-page .referrals-stats-summary .summary-card .summary-label{color:#ffffff80;font-size:11px}.admin-page .referrals-list{display:flex;flex-direction:column;gap:12px}.admin-page .referrer-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;overflow:hidden}.admin-page .referrer-card .referrer-card-header{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px}@media(min-width:640px){.admin-page .referrer-card .referrer-card-header{flex-wrap:nowrap;padding:16px}}.admin-page .referrer-card .referrer-card-header .referrer-info{align-items:center;display:flex;gap:10px}.admin-page .referrer-card .referrer-card-header .referrer-info .referrer-avatar{align-items:center;background:#5cffe11a;border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.admin-page .referrer-card .referrer-card-header .referrer-info .referrer-avatar svg{stroke:#5cffe1;height:20px;width:20px}.admin-page .referrer-card .referrer-card-header .referrer-info .referrer-details .referrer-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.admin-page .referrer-card .referrer-card-header .referrer-info .referrer-details .referrer-id{color:#fff6;font-family:monospace;font-size:10px}.admin-page .referrer-card .referrer-card-header .referrer-stats{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.admin-page .referrer-card .referrer-card-header .referrer-stats .stat-badge{background:#ffffff08;border-radius:20px;min-width:50px;padding:4px 8px;text-align:center}.admin-page .referrer-card .referrer-card-header .referrer-stats .stat-badge .stat-number{color:#fff;font-size:14px;font-weight:700}.admin-page .referrer-card .referrer-card-header .referrer-stats .stat-badge .stat-label-small{color:#ffffff80;font-size:9px;margin-left:2px}.admin-page .referrer-card .referrer-card-header .referrer-stats .conversion-badge{border-radius:20px;font-size:11px;font-weight:500;padding:4px 8px}.admin-page .referrer-card .referrer-card-header .referrer-stats .conversion-badge.high{background:#4caf5033;color:#4caf50}.admin-page .referrer-card .referrer-card-header .referrer-stats .conversion-badge.medium{background:#ffc10733;color:#ffc107}.admin-page .referrer-card .referrer-card-header .referrer-stats .conversion-badge.low{background:#f4433633;color:#f44336}.admin-page .referrer-card .referrer-card-header .referrer-stats .expand-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;font-size:12px;height:28px;width:28px}.admin-page .referrer-card .referrer-card-details{background:#0003;border-top:1px solid #ffffff0d;padding:12px}@media(min-width:768px){.admin-page .referrer-card .referrer-card-details{padding:16px}}.admin-page .referrer-card .referrer-card-details .referrer-summary{border-bottom:1px solid #ffffff0d;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:12px}@media(min-width:640px){.admin-page .referrer-card .referrer-card-details .referrer-summary{flex-direction:row;gap:24px}}.admin-page .referrer-card .referrer-card-details .referrer-summary .summary-row{color:#fff9;font-size:12px}.admin-page .referrer-card .referrer-card-details .referrer-summary .summary-row .highlight{color:#5cffe1;font-weight:600;margin-left:8px}.admin-page .referrer-card .referrer-card-details .referrals-list-detail h4{color:#fffc;font-size:13px;font-weight:600;margin-bottom:10px}.admin-page .referrer-card .referrer-card-details .referrals-list-detail .referral-item{align-items:center;border-bottom:1px solid #ffffff08;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 0}.admin-page .referrer-card .referrer-card-details .referrals-list-detail .referral-item:last-child{border-bottom:none}.admin-page .referrer-card .referrer-card-details .referrals-list-detail .referral-item .referral-user .referral-name{color:#fff;font-size:13px;font-weight:500}.admin-page .referrer-card .referrer-card-details .referrals-list-detail .referral-item .referral-user .referral-date{color:#fff6;font-size:10px}.admin-page .referrer-card .referrer-card-details .referrals-list-detail .referral-item .referral-stats-detail{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-page .referrer-card .referrer-card-details .referrals-list-detail .referral-item .referral-stats-detail .referral-amount{color:#5cffe1;font-size:13px;font-weight:600}.admin-page .referrer-card .referrer-card-details .referrals-list-detail .referral-item .referral-stats-detail .status-badge{border-radius:12px;display:inline-block;font-size:10px;padding:3px 8px}.admin-page .referrer-card .referrer-card-details .referrals-list-detail .referral-item .referral-stats-detail .status-badge.paid{background:#4caf5033;color:#4caf50}.admin-page .referrer-card .referrer-card-details .referrals-list-detail .referral-item .referral-stats-detail .status-badge.pending{background:#ff980033;color:#ff9800}.admin-page .payments-stats-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media(min-width:640px){.admin-page .payments-stats-summary{gap:12px;grid-template-columns:repeat(3,1fr)}}.admin-page .payments-stats-summary .summary-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:14px;text-align:center}.admin-page .payments-stats-summary .summary-card .summary-value{color:#5cffe1;font-size:24px;font-weight:700;margin-bottom:4px}.admin-page .payments-stats-summary .summary-card .summary-label{color:#ffffff80;font-size:11px}.admin-page .payments-list{display:flex;flex-direction:column;gap:12px}.admin-page .payment-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:14px}.admin-page .payment-card .payment-card-header{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.admin-page .payment-card .payment-card-header .payment-user .payment-user-id{color:#ffffff80;font-family:monospace;font-size:11px}.admin-page .payment-card .payment-card-header .payment-user .payment-username{color:#fff;font-size:14px;font-weight:600;margin-top:2px}.admin-page .payment-card .payment-card-header .payment-amount{color:#5cffe1;font-size:18px;font-weight:700}.admin-page .payment-card .payment-card-details{display:flex;flex-wrap:wrap;gap:12px}.admin-page .payment-card .payment-card-details .payment-detail{align-items:center;background:#ffffff08;border-radius:20px;display:flex;font-size:12px;gap:6px;padding:4px 10px}.admin-page .payment-card .payment-card-details .payment-detail .detail-label{color:#ffffff80}.admin-page .payment-card .payment-card-details .payment-detail .type-badge{border-radius:12px;font-size:10px;font-weight:500;padding:2px 8px}.admin-page .payment-card .payment-card-details .payment-detail .type-badge.subscription{background:#5cffe126;color:#5cffe1}.admin-page .payment-card .payment-card-details .payment-detail .type-badge.extend{background:#ffc10726;color:#ffc107}.admin-page .payment-card .payment-card-details .payment-detail .payment-email{color:#5cffe1b3;font-size:11px}.admin-page .load-more-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:14px;transition:all .2s ease;width:100%}.admin-page .load-more-btn:hover:not(:disabled){background:#5cffe11a;border-color:#5cffe14d;color:#5cffe1}.admin-page .load-more-btn:disabled{cursor:not-allowed;opacity:.5}.admin-page .admin-empty{padding:40px 20px;text-align:center}.admin-page .admin-empty .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.admin-page .admin-empty p{color:#fff6;font-size:14px}.admin-page .admin-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.admin-page .admin-loading .spinner{animation:spin 1s linear infinite;border:3px solid #5cffe133;border-radius:50%;border-top-color:#5cffe1;height:48px;width:48px}.admin-page .admin-loading span{color:#fff9}.admin-page .admin-error{background:#ff57571a;border:1px solid #ff575733;border-radius:20px;margin:40px 0;padding:40px 20px;text-align:center}.admin-page .admin-error .error-icon{font-size:48px;margin-bottom:12px}.admin-page .admin-error h2{color:#ff5757;font-size:18px;font-weight:600;margin-bottom:8px}.admin-page .admin-error p{color:#ffffffb3;font-size:14px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.807cc600.css.map*/