.unselectable{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:450;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--bg-color: #181818;--second-bg-color: #000000;--text-color: #ffffff;--second-text-color: #9A9A9A;--accent-color: #3b82f6;--modal-shadow: 0 0 10px rgba(0, 0, 0, .5);--divider: #333;--profile-name-gradient: linear-gradient(to bottom, #8B9398, #ffffff);--profile-subscription-days-gradient: linear-gradient(to top, rgb(152, 139, 139), #ffffff)}*{-webkit-tap-highlight-color:transparent;outline:none}.scale-small,.scale-large{transition:transform .3s ease}body{margin:0}#root{min-height:100vh;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center}.page-content{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;font-family:Montserrat,sans-serif;font-weight:400;max-width:450px;margin-top:var(--tg-safe-area-inset-top)}.error_loader{height:100px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.error_loader p{font-family:Montserrat,sans-serif;font-size:16px;color:var(--text-color);margin:35px 0 0}.error_spinner{width:44.8px;height:44.8px;animation:spinner-y0fdc1 2.4s infinite ease;transform-style:preserve-3d}.error_spinner>div{background-color:#e8494c33;height:100%;position:absolute;width:100%;border:2.2px solid rgb(232,73,76)}.error_spinner div:nth-of-type(1){transform:translateZ(-22.4px) rotateY(180deg)}.error_spinner div:nth-of-type(2){transform:rotateY(-270deg) translate(50%);transform-origin:top right}.error_spinner div:nth-of-type(3){transform:rotateY(270deg) translate(-50%);transform-origin:center left}.error_spinner div:nth-of-type(4){transform:rotateX(90deg) translateY(-50%);transform-origin:top center}.error_spinner div:nth-of-type(5){transform:rotateX(-90deg) translateY(50%);transform-origin:bottom center}.error_spinner div:nth-of-type(6){transform:translateZ(22.4px)}.main_name{display:flex;flex-direction:column;width:300px;margin-top:15vh;z-index:1;font-family:Montserrat,sans-serif}.main_name_text{color:var(--text-color);font-size:70px;font-weight:600;text-align:center}.over_main_name_text{display:block;color:var(--second-text-color);font-size:20px;font-weight:600;text-align:center;line-height:10px}.under_main_name_text{display:block;color:var(--second-text-color);font-size:20px;font-weight:600;text-align:right;margin-right:-25px;line-height:10px}.bottom-buttons{position:absolute;bottom:10px;display:flex;flex-direction:column;align-items:center;width:75vw;max-width:350px;z-index:1}.button-primary{font-family:Montserrat,sans-serif;display:inline-block;width:100%;padding:15px;margin:5px;font-size:16px;color:#fff;background-color:var(--accent-color);border:none;border-radius:8px;cursor:pointer;font-weight:600}.button-secondary{font-family:Montserrat,sans-serif;display:inline-block;width:100%;padding:15px;margin:5px;font-size:16px;color:var(--text-color);background-color:var(--second-bg-color);border:none;border-radius:8px;text-decoration:none;cursor:pointer;font-weight:600}.button-text{font-family:Montserrat,sans-serif;display:inline-block;width:100%;padding:15px;margin:5px;font-size:16px;color:#999;background-color:transparent;border:none;cursor:pointer;font-weight:600}.test-banner{position:relative;width:75vw;max-width:350px;background-color:var(--second-bg-color);margin:5px;border-radius:10px;text-align:left;box-shadow:0 0 10px #0000001a;color:var(--text-color)}.test-banner svg{position:absolute;top:23px;right:23px;background:none;border:none;cursor:pointer}.test-banner h1{font-size:15px;padding:20px 20px 0;font-weight:650;margin-block-start:0;margin-block-end:0;max-width:80%;font-family:Montserrat,sans-serif}.test-banner p{font-size:15px;padding:7px 20px 0;margin-block-start:0;margin-block-end:0;max-width:80%;font-family:Montserrat,sans-serif;font-weight:450}.test-banner button{background-color:var(--accent-color);color:#fff;padding:8px 12px;margin:15px 20px;border:none;border-radius:8px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:15px;font-weight:600}.profile-component-wrapper{position:relative;width:90vw;max-width:450px}.profile-modal-container{background-color:var(--second-bg-color);border-radius:16px;font-family:Montserrat,sans-serif;padding:16px 25px;display:flex;flex-direction:column;gap:16px}.profile-modal-header{display:flex;justify-content:space-between;align-items:center}.icon-button{background:none;color:var(--text-color);border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.settings-menu{position:absolute;bottom:calc(100% + 8px);left:0;width:100%;background-color:var(--second-bg-color);border-radius:10px;z-index:1000;overflow:hidden;box-sizing:border-box}.settings-menu ul{list-style:none;margin:0;padding:0}.settings-menu li{display:flex;font-family:Montserrat,sans-serif;align-items:center;gap:12px;padding:12px 16px;color:var(--text-color);font-size:16px;cursor:pointer;transition:background-color .2s ease}.settings-menu li:not(:last-child){border-bottom:1px solid var(--divider)}.custom-checkbox{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;background-color:transparent;border:1px solid var(--divider);flex-shrink:0}.custom-checkbox.checked{background-color:#007aff;border-color:#007aff}.user-info-section{background-color:var(--bg-color);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px}.avatar-placeholder{width:60px;height:60px;border-radius:50%;overflow:hidden;background-color:var(--text-color);flex-shrink:0}.avatar-placeholder img{width:100%;height:100%;object-fit:cover;display:block}.user-details{flex-grow:1;display:flex;flex-direction:column;gap:8px}.user-name{-webkit-background-clip:text;background-clip:text;color:var(--text-color);font-size:17px;font-weight:600;margin:0}.progress-bar-container{width:100%;height:16px;background-color:var(--divider);border-radius:10px;box-shadow:0 3px 4px #18181859}.progress-bar-fill{height:100%;background-image:linear-gradient(to right,#007aff,#55a7ff);border-radius:10px;max-width:242px;box-shadow:0 0 2px #007aff,0 0 5px #007aff,0 0 10px #007aff}.subscription-days{-webkit-background-clip:text;background-clip:text;color:var(--text-color);font-size:17px;font-weight:600;margin:0}.devices-section{background-color:var(--bg-color);border-radius:12px}.devices-dropdown-wrapper{overflow:hidden}.devices-dropdown-header{width:100%;font-family:Montserrat,sans-serif;padding:16px;background:none;border:none;color:var(--text-color);display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:15px;font-weight:450}.devices-dropdown-header.open{border-bottom:1px solid var(--divider)}.arrow-icon{display:inline-block;transform:rotate(180deg);transition:transform .25s ease-in-out}.arrow-icon.open{transform:rotate(0)}.device-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--divider);padding:15px}.device-no-item{justify-content:center;color:#707579;font-size:15px}.device-item:last-child{border-bottom:none}.device-info{display:flex;align-items:center;gap:12px;color:var(--text-color);font-size:15px}.device-icon{display:flex;align-items:center;justify-content:center}.inline-buttons-container{display:flex;flex-direction:column;align-items:center;max-width:350px}.profile-button-sub{font-family:Montserrat,sans-serif;display:inline-block;width:100%;padding:15px;margin:5px;font-size:16px;color:var(--text-color);background-color:var(--bg-color);border:none;border-radius:8px;cursor:pointer;font-weight:600}.disconnect-button{background:none;border:none;padding:0;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center}.tariff-selector{position:relative;background-color:var(--second-bg-color);border-radius:9px;width:70%;display:flex;flex-direction:row;align-items:center;padding:2px;margin-top:var(--tg-content-safe-area-inset-top)}.tariff-selector .option{border-radius:7px;height:40px;width:50%;font-size:15px;color:var(--second-text-color);font-family:Montserrat,sans-serif;display:flex;justify-content:center;align-items:center;font-weight:600;position:relative;z-index:1;cursor:pointer}.active-bg{position:absolute;top:2px;bottom:2px;left:0;right:0;background:var(--bg-color);border-radius:7px;z-index:0}.tooltip{position:absolute;top:25px;left:50%;color:var(--text-color);font-size:12px;white-space:nowrap;z-index:10}.option{transition:background-color .3s ease,color .3s ease;position:relative}.tariff-selector-name{color:var(--second-text-color);font-weight:600;margin-top:25px;font-size:20px}.tariff-container{width:80%;max-width:500px}.tariff-wrapper{width:100%;position:relative;cursor:pointer;height:160px;margin-top:15px}.tariff-item{position:absolute;left:0;top:0;background-color:var(--second-bg-color);height:100%;width:100%;border-radius:16px}.selection-indicator{position:absolute;right:0;top:0;height:100%;width:75px;background-color:var(--accent-color);border-radius:16px;display:flex;align-items:center;justify-content:center;transform-origin:right center}.tariff-item h1{color:var(--text-color);margin:20px 0 0 20px;font-size:50px;font-weight:600}.tariff-item p{color:var(--second-text-color);margin-block-start:0;margin-block-end:0;margin-left:25px;font-size:20px;font-weight:600;line-height:10px}.price{color:var(--text-color);font-size:20px;font-weight:600;position:absolute;right:25px;bottom:20px}.price s{color:var(--second-text-color);opacity:.7;font-size:13px}.tariff-item .tariff-item-top{color:var(--text-color);font-size:16px;font-weight:600;position:absolute;right:24px;top:29px}.tariff-item .tariff-item-top:before{content:"";display:inline-block;width:20px;height:20px;background-image:url(/fire.png);background-size:contain;background-repeat:no-repeat;vertical-align:text-bottom}.tariff-item-device-limit{color:var(--text-color);font-size:16px;font-weight:600;position:absolute;left:24px;bottom:22px}.tariff-item-device-limit:before{content:"";display:inline-block;width:20px;height:20px;background-image:url(/icons/device.svg);background-size:contain;background-repeat:no-repeat;margin-right:4px;vertical-align:text-bottom}.payment-modal-container{width:80vw;border-radius:16px}.payment-modal-header{height:60px;background-color:var(--bg-color);border-radius:16px 16px 0 0;display:flex}.payment-modal-header p{font-family:Montserrat,sans-serif;margin:14px 0;font-size:20px;font-weight:600}.payment-modal-main{margin-top:-12px;background-color:var(--second-bg-color);border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.payment-method-container{width:100%;background-color:var(--bg-color);border-radius:16px}.payment-method-logo{height:100px;width:100%;border-radius:16px;display:flex;justify-content:center;align-items:center}.payment-method-logo img{height:45%}.payment-method-container p{width:90%;font-family:Montserrat,sans-serif;font-size:15px;font-weight:450;color:var(--second-text-color);margin:10px auto;text-align:center}.loader{margin-top:20px;height:100px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loader p{font-family:Montserrat,sans-serif;font-size:16px;color:var(--text-color);margin:35px 0 0}.spinner{width:44.8px;height:44.8px;animation:spinner-y0fdc1 2.4s infinite ease;transform-style:preserve-3d}.spinner>div{background-color:#3b82f633;height:100%;position:absolute;width:100%;border:2.2px solid #3b82f6}.spinner div:nth-of-type(1){transform:translateZ(-22.4px) rotateY(180deg)}.spinner div:nth-of-type(2){transform:rotateY(-270deg) translate(50%);transform-origin:top right}.spinner div:nth-of-type(3){transform:rotateY(270deg) translate(-50%);transform-origin:center left}.spinner div:nth-of-type(4){transform:rotateX(90deg) translateY(-50%);transform-origin:top center}.spinner div:nth-of-type(5){transform:rotateX(-90deg) translateY(50%);transform-origin:bottom center}.spinner div:nth-of-type(6){transform:translateZ(22.4px)}@keyframes spinner-y0fdc1{0%{transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}to{transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}.faq_container{display:flex;flex-direction:column;width:80%;margin-top:var(--tg-content-safe-area-inset-top);border-radius:12px;overflow:hidden}.faq_element{background-color:var(--second-bg-color);color:var(--text-color);border-bottom:1px solid #333;cursor:pointer}.faq_element:last-child{border-bottom:none}.faq_header{display:flex;justify-content:space-between;align-items:center;padding:15px;position:relative;z-index:2}.faq_title{font-size:15px;font-weight:600;margin:0}.faq_arrow{transition:transform .3s ease-in-out}.faq_arrow.open{transform:rotate(180deg)}.faq_content_wrapper{overflow:hidden;position:relative;z-index:1}.faq_content{padding:0 15px 15px}.faq_text{margin:0;white-space:pre-line;font-size:15px;font-weight:450;line-height:1.4;color:var(--text-color)}.os-select-wrapper{display:flex;position:relative;flex-direction:column;justify-content:center;background-color:var(--second-bg-color);border-radius:12px;color:var(--text-color);font-size:15px;cursor:pointer;width:90%;height:45px;font-family:Montserrat,sans-serif;font-weight:450;margin-top:var(--tg-content-safe-area-inset-top)}.os-select-wrapper p{font-family:Montserrat,sans-serif;margin:0 0 0 16px;z-index:10}.os-select-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--second-bg-color);border-radius:12px;margin-top:4px;z-index:5}.divider{height:1px;background-color:var(--divider);margin:0 12px}.os-select-option{padding:12px 16px;cursor:pointer}.select-arrow{position:absolute;height:20px;right:14px;top:50%;transform:translateY(-50%)}.app-select-wrapper{display:flex;justify-content:space-between;align-items:center;width:320px;position:relative;margin-top:20px;color:var(--text-color)}.app-label{font-weight:600;font-size:14px;flex-shrink:0}.app-select{display:flex;align-items:center;border-radius:12px;background-color:var(--second-bg-color);cursor:pointer;width:45%;font-size:15px;color:var(--accent-color);font-family:Montserrat,sans-serif;font-weight:450;height:45px;position:relative}.app-select p{margin:0 0 0 16px;z-index:4}.select-arrow{margin-left:auto;margin-right:0;pointer-events:none}.app-select-dropdown{position:absolute;top:100%;right:0;width:45%;background-color:var(--second-bg-color);border-radius:12px;margin-top:4px;z-index:3}.app-select-option{padding:12px 16px;cursor:pointer}.animated-container{transform-origin:center center}.connect-instructions{margin-top:24px;background-color:var(--second-bg-color);border-radius:16px;width:320px}.connect-instructions-title{margin:15px;font-size:15px;font-weight:600;color:var(--text-color)}.connect-instructions-list{width:80%;margin:0;padding-bottom:10px;color:var(--text-color);font-size:15px}.connect-instructions-list li{padding:10px 5px}.connect-download-btn,.connect-connect-btn,.connect-copy-btn{margin-top:8px;display:inline-block;padding:10px 16px;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;cursor:pointer;text-decoration:none;font:inherit;text-align:center;appearance:none;-webkit-appearance:none;-moz-appearance:none}.connect-video-button{display:inline-flex;align-items:center;gap:6px;font-size:14px;padding:0 0 15px 26px;color:var(--accent-color);text-decoration:none;font-weight:500;position:relative;transition:opacity .2s}.connect-video-button:hover{opacity:.8}.connect-video-button .dot{margin-top:3px;width:6px;height:6px;background-color:var(--accent-color);border-radius:50%;animation:pulse 1.6s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.8);opacity:.4}}.copy-wrapper{position:relative;display:inline-block}.copy-notification{position:absolute;top:calc(100% + 8px);transform:translate(-50%);background-color:#222;color:#fff;padding:6px 12px;font-size:13px;border-radius:4px;pointer-events:none;white-space:nowrap}