@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-white:#fff;--spacing:.25rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--radius-3xl:1.5rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.flex{display:flex}.h-\[13\%\]{height:13%}.h-\[22px\]{height:22px}.h-\[55\%\]{height:55%}.h-\[80\%\]{height:80%}.h-\[100px\]{height:100px}.h-\[200px\]{height:200px}.h-full{height:100%}.h-screen{height:100vh}.w-\[22px\]{width:22px}.w-\[42px\]{width:42px}.w-\[45\%\]{width:45%}.w-\[80\%\]{width:80%}.w-\[100px\]{width:100px}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.\!cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.justify-evenly{justify-content:space-evenly}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-\[8px\]{gap:8px}.gap-\[10px\]{gap:10px}.overflow-y-scroll{overflow-y:scroll}.scroll-smooth{scroll-behavior:smooth}.rounded-full{border-radius:3.40282e38px}.rounded-b-3xl{border-bottom-right-radius:var(--radius-3xl);border-bottom-left-radius:var(--radius-3xl)}.border-white{border-color:var(--color-white)}.\!bg-\[\#193e50\]{background-color:#193e50!important}.bg-\[\#50C878\]{background-color:#50c878}.bg-\[\#c85050\]{background-color:#c85050}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing)*1)}.pr-1\.5{padding-right:calc(var(--spacing)*1.5)}.pl-1\.5{padding-left:calc(var(--spacing)*1.5)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.\!text-\[10px\]{font-size:10px!important}.text-blue-500{color:var(--color-blue-500)}.text-white{color:var(--color-white)}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}@media (hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}}@media (min-width:48rem){.md\:w-\[40\%\]{width:40%}.md\:gap-5{gap:calc(var(--spacing)*5)}}}#root{touch-action:none;background-color:#0b0c0e;flex-direction:column;gap:10px;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif;display:flex;overflow:hidden}body{height:100vh;margin:0;overflow:hidden}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.vpn__info{width:350px;padding:10px;background-image:url(/assets/logo-C6IT3pSz.png);background-size:300px;background-repeat:no-repeat;background-position:180px center;border:1px solid #a9a9a9;border-radius:8px;display:flex;flex-direction:column;gap:5px}.vpn__info .no__sub{width:100%;height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.vpn__info .no__sub img{width:60px}.vpn__info .no__sub .no__sub__text{font-family:Montserrat,sans-serif;font-weight:600;font-size:18px;color:#fff;height:-moz-fit-content;height:fit-content}.vpn__info .vpn__info__text,.vpn__info .bottom__wrapper .vpn__btn__text,.vpn__info .center__wrapper .vpn__expire__date,.vpn__info .center__wrapper .vpn__expire,.vpn__info .top__wrapper .vpn__status .status,.vpn__info .no__sub button{font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;color:#fff}.vpn__info .top__wrapper{display:flex;flex-direction:row;gap:10px;align-items:center}.vpn__info .top__wrapper .vpn__info__heading{font-family:Montserrat,sans-serif;font-weight:600;font-size:24px;color:#fff;height:-moz-fit-content;height:fit-content}.vpn__info .top__wrapper .vpn__status{display:flex;gap:5px;flex-direction:row;align-items:center}.vpn__info .top__wrapper .vpn__status .indicate__status{height:7px;width:7px;border-radius:100%}.vpn__info .center__wrapper{display:flex;flex-direction:row;gap:5px;align-items:center}.vpn__info .vpn__button,.vpn__info .vpn__large__button,.vpn__info .no__sub button{width:140px;height:38px;background:#5ac8fb;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.vpn__info .bottom__wrapper{display:flex;flex-direction:column;gap:5px}.vpn__info .bottom__wrapper .two__btns{display:flex;gap:10px;width:-moz-fit-content;width:fit-content}.vpn__info .vpn__large__button{width:290px}.user__info{padding:10px 10px 0;width:300px;display:flex;flex-direction:column;align-items:center;gap:5px}.user__info .info__user__pfp{width:100px;height:100px;background:#5ac8fb;border-radius:100%}.user__info .info__heading{font-family:Montserrat,sans-serif;font-weight:600;font-size:20px;color:#fff;height:-moz-fit-content;height:fit-content;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user__info .info__user__id{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3px}.user__info .info__user__id .user__id{font-family:Montserrat,sans-serif;font-size:14px;color:#fff;font-weight:600;height:-moz-fit-content;height:fit-content}.user__info .info__user__id .user__show__id{width:21px;height:-moz-fit-content;height:fit-content;cursor:pointer}.user__info .info__balance__btn{background:#5ac8fb;width:140px;height:38px;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer}.user__info .info__balance__btn .info__balance{font-family:Montserrat,sans-serif;color:#fff;font-weight:600;font-size:14px;width:70%}.user__info .info__balance__btn .info__add__balance{height:100%;width:30%;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:0 8px 8px 0;box-shadow:2px 0 #fff inset}.user__info .info__balance__btn .info__add__balance img{width:22px;height:22px}.traffic__info{width:350px;border:1px solid #a9a9a9;padding:10px;border-radius:8px;display:flex;flex-direction:column;gap:5px}.traffic__info .traffic__info_no_sub{height:60px;display:flex;align-items:center;justify-content:center}.traffic__info .top__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.traffic__info .top__wrapper .traffic__text{font-family:Montserrat,sans-serif;font-weight:600;color:#fff;font-size:16px}.traffic__info .top__wrapper .left__wrapper{width:150px;display:flex;gap:2px}.traffic__info .top__wrapper .left__wrapper img{width:24px;height:24px;transform:rotate(-90deg)}.traffic__info .top__wrapper .right__wrapper{width:150px;display:flex;gap:2px}.traffic__info .top__wrapper .right__wrapper img{width:24px;height:24px;transform:rotate(90deg)}.traffic__info .bottom__wrapper{display:flex;justify-content:space-between;align-items:center}.traffic__info .bottom__wrapper .traffic__block,.traffic__info .bottom__wrapper .upload,.traffic__info .bottom__wrapper .download{display:flex;align-items:center;justify-content:center;border-radius:8px;border-width:1px;border-style:solid}.traffic__info .bottom__wrapper .traffic__block p,.traffic__info .bottom__wrapper .upload p,.traffic__info .bottom__wrapper .download p{font-family:Montserrat,sans-serif;font-weight:600;font-size:16px;color:#fff}.traffic__info .bottom__wrapper .download{background-color:#10351d;border-color:#50c878;width:150px;height:44px}.traffic__info .bottom__wrapper .upload{background-color:#47181a;border-color:#ce2029;width:150px;height:44px}footer{height:90px;width:100%;display:flex;justify-content:center;align-items:center;padding:10px;position:fixed;bottom:0;border-top:1px solid #3f3f3f;background-color:#0b0c0e}footer .footer__nav{display:flex;gap:50px}footer .footer__nav .footer__buttons{display:flex;flex-direction:column;align-items:center;justify-content:center}footer .footer__nav .footer__buttons img{width:28px;height:28px}footer .footer__nav .footer__buttons .nav__text{font-family:Montserrat,sans-serif;font-weight:600;font-size:12px;color:#acacac}@media (max-height: 500px){footer{display:none}}.modal{height:100vh;width:100%;background:#00000052;display:flex;justify-content:center;padding:10px;position:absolute;z-index:50}.modal .modal__window{position:relative;width:330px;top:50px;height:-moz-fit-content;height:fit-content;background-color:#0b0c0e;border:1px solid #a9a9a9;border-radius:8px;display:flex;align-items:center;flex-direction:column;padding:20px;gap:10px;z-index:1000}.modal .modal__window .close__btn{position:absolute;top:10px;right:10px;cursor:pointer}.modal .modal__window .close__btn span{display:flex;flex-direction:row-reverse}.modal .modal__window .close__btn span img{width:28px;height:28px;transform:rotate(-45deg)}.modal .modal__window .modal__heading{font-family:Montserrat,sans-serif;font-weight:600;color:#fff;font-size:22px}.modal .modal__window .modal__content{font-family:Montserrat,sans-serif;font-weight:600;color:#fff;font-size:16px;width:100%;overflow-wrap:break-word;border:1px solid #a9a9a9;padding:10px;border-radius:8px}.modal .modal__window .modal__bottom__btns{display:flex;justify-content:space-evenly;width:100%}.modal .modal__window .modal__btn{padding:5px;height:38px;background:#5ac8fb;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal .modal__window .modal__btn span{font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;color:#fff}.content{font-family:Montserrat,sans-serif;font-weight:600;color:#fff}.modal__sub__content{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.modal__sub__content button{background-color:#5ac8fb}.modal__sub__content .modal__sub__btns{display:flex;justify-content:center;gap:5px}.modal__sub__content .modal__sub__btns .sub__days{width:100px;height:28px;border:1px solid #a9a9a9;border-radius:calc(infinity * 1px);display:flex;justify-content:center;align-items:center}.modal__sub__content .modal__sub__btns .sub__days .days{font-family:Montserrat,sans-serif;font-weight:600;font-size:16px;color:#fff;text-align:center;line-height:0px}.modal__sub__content .modal__sub__btns .control__days{width:28px;height:28px;border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.modal__sub__content .modal__sub__btns .control__days span{font-family:Montserrat,sans-serif;font-weight:600;font-size:24px;color:#fff;text-align:center;line-height:0px}.modal__sub__content .submit__btn{display:flex;justify-content:center;align-items:center;height:38px;width:140px;border-radius:calc(infinity * 1px);cursor:pointer}.modal__sub__content .submit__btn span{font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;color:#fff;text-align:center;line-height:0px}.loader{width:45px;aspect-ratio:.75;--c: no-repeat linear-gradient(#ffffff 0 0);background:var(--c) 0% 100%,var(--c) 50% 100%,var(--c) 100% 100%;background-size:20% 65%;animation:l8 1s infinite linear}@keyframes l8{16.67%{background-position:0% 0%,50% 100%,100% 100%}33.33%{background-position:0% 0%,50% 0%,100% 100%}50%{background-position:0% 0%,50% 0%,100% 0%}66.67%{background-position:0% 100%,50% 0%,100% 0%}83.33%{background-position:0% 100%,50% 100%,100% 0%}}.modal__buy__btns{width:100%;gap:5px;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4)}.modal__buy__btns .modal__btn__btn{padding:10px;height:76px;border:#5ac8fb 2px solid;border-radius:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.modal__buy__btns .modal__btn__btn span{font-family:Montserrat,sans-serif;font-weight:600;font-size:22px;color:#fff}.popup__buy{display:flex;justify-content:center;align-items:center;z-index:999;border-radius:8px;position:fixed;top:5px;width:90%;height:50px}.popup__buy.no__funds{background-color:#c10606ab}.popup__buy.succses{background-color:#06c144ab}.popup__buy span{font-family:Montserrat,sans-serif;font-weight:600;color:#fff}.input__container{display:flex;justify-content:center;align-items:center;width:100%;gap:10px}.input__container .input__wrapper{position:relative;display:flex;height:38px;width:240px}.input__container .input__wrapper .input__fund__amount{font-family:Montserrat,sans-serif;font-weight:600;color:#fff;border:1px solid #a9a9a9;border-radius:8px;width:100%;padding:0 60px 0 10px}.input__container .input__wrapper .input__currency{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;right:10px;font-family:Montserrat,sans-serif;font-weight:600;color:#fff;top:50%;transform:translateY(-50%);line-height:1}.input__container .currency__wrapper{position:relative;gap:10px}.input__container .currency__wrapper .currency{width:38px;height:38px;display:flex;justify-content:center;align-items:center;background-color:#5ac8fb;border-radius:8px;cursor:pointer}.input__container .currency__wrapper .currency span{color:#fff}.input__container .currency__wrapper .currency__modal{top:43px;position:absolute;width:75px;border:1px solid #a9a9a9;border-radius:8px;display:flex;gap:10px;background-color:#000;flex-direction:column;align-items:center;justify-content:center}.input__container .currency__wrapper .currency__modal button{width:100%;height:36px;cursor:pointer}.input__container .currency__wrapper .currency__modal button span{color:#fff;font-family:Montserrat,sans-serif;font-weight:600}.input__container .currency__wrapper .currency__modal hr{width:80%;border-color:#a9a9a9;margin:-10px 0}.main__info::-webkit-scrollbar{display:none}.main__info{padding-bottom:100px}