html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}*{max-height:999999px;font-family:SF Pro Display,sans-serif}html,body{width:100%;height:100%;padding-top:calc(var(--tg-content-safe-area-inset-top,0px) + 32px);padding-bottom:calc(var(--tg-content-safe-area-inset-bottom,0px) + 5.7em);margin:0;padding:0;overflow:hidden}*{font-family:SF Pro Display,sans-serif}body{background:#03002d;position:relative}button{color:#000;cursor:pointer;border:none;border-radius:6px;outline:none;padding:10px 20px;transition:all .3s ease-in-out}button:hover{opacity:.7}.column-button{flex-direction:column;gap:10px;width:100%;margin-bottom:20px;display:flex}input{color:#fff;background:#1c192d;border:1px solid #ffffff12}input:focus{border-color:#7850d9;outline:none}button.warn{color:#fff!important;background:red!important}button.primary{color:#fff!important;background:#7850d9!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0;border-radius:4px}::-webkit-scrollbar-thumb{background:#7269e3;border:1px solid #ffffff1a;border-radius:4px;transition:all .3s ease-in-out}@font-face{font-family:SF Pro Display;src:url("/fonts/SF Pro Display/SFPRODISPLAYBOLD.OTF")format("opentype");font-weight:700;font-style:normal}@font-face{font-family:SF Pro Display;src:url("/fonts/SF Pro Display/SFPRODISPLAYMEDIUM.OTF")format("opentype");font-weight:500;font-style:normal}@font-face{font-family:SF Pro Display;src:url("/fonts/SF Pro Display/SFPRODISPLAYREGULAR.OTF")format("opentype");font-weight:400;font-style:normal}h1{color:#fff;word-wrap:break-word;margin-top:0;font-size:25px;font-weight:600;display:flex}h1 span{color:#7850d9;word-wrap:break-word;margin-top:0;margin-left:5px;font-size:25px;font-weight:600;display:flex}h1 i{color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border-radius:9999px;justify-content:center;align-items:center;width:30px;height:30px;margin-right:12px;font-size:14px;display:flex!important}.decoration-circle.top{width:310px;height:310px;top:0;left:0}.decoration-circle{pointer-events:none;opacity:.5;mix-blend-mode:overlay;filter:blur(81.55px);background:radial-gradient(81.77% 81.77% at 14.66% 57.21%,#ef88ed 0%,#7269e3 54%,#8350db 100%);border-radius:9999px;position:absolute;box-shadow:81.5485px 81.5485px 81.5485px}.decoration-circle.bottom{width:376px;height:376px;bottom:0;right:0}.application-window{box-sizing:border-box}#loading-page{background:linear-gradient(135deg,#03002d 0%,#0a0045 50%,#03002d 100%) 0 0/200% 200%;animation:3s infinite pulse-bg;padding:20px!important}.skeleton-server{align-items:center;display:flex}.pull-to-refresh-indicator{color:#fff;z-index:10;flex-direction:column;align-items:center;width:100%;padding:10px 0;font-size:12px;display:flex;position:absolute;top:0;left:0}.refresh-icon{margin-bottom:5px;animation:1s infinite bounce}.refresh-icon.refreshing{animation:1s linear infinite spin}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content{box-sizing:border-box;opacity:0;visibility:hidden;will-change:transform,opacity;perspective:1000px;scrollbar-width:none;-webkit-overflow-scrolling:touch;backface-visibility:hidden;flex-direction:column;width:100vw;height:100vh;padding:20px;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden auto;transform:translate(100%);padding-top:calc(env(safe-area-inset-top,0px) + 4em)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 5.7em)!important}.content.active{opacity:1;visibility:visible;transform:translate(0)}.content.exit-forward{opacity:0;transform:translate(-100%)}.content.exit-backward,.content.enter-forward{opacity:0;transform:translate(100%)}.content.enter-backward{opacity:0;transform:translate(-100%)}.content.enter-forward.active,.content.enter-backward.active{opacity:1;visibility:visible;transform:translate(0)}footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;opacity:0;background:#ffffff08;border-top:.5px solid #3c3c4321;justify-content:flex-start;align-items:center;gap:30px;width:100%;padding:12px 18px 34px;transition:all .5s cubic-bezier(.215,.61,.355,1);display:flex;position:fixed;bottom:-100%}footer.show{opacity:1;animation:.5s cubic-bezier(.16,1,.3,1) forwards footer-appear;bottom:0}@keyframes footer-appear{0%{transform:translateY(100%)}to{transform:translateY(0)}}footer .page{cursor:pointer;color:#8e8e93;white-space:nowrap;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:center;font-size:10px;font-weight:600;transition:all .3s ease-in-out;display:flex}footer .page i{margin-bottom:8px;font-size:20px;transition:transform .3s}footer .page.active{color:#7850d9!important}footer .page.active i{animation:.4s cubic-bezier(.34,1.56,.64,1) icon-pop;transform:scale(1.2)}@keyframes icon-pop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1.2)}}header{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}#main-loader-logo{width:250px;animation:1.2s cubic-bezier(.34,1.56,.64,1) forwards loader}@keyframes loader{0%{opacity:0;transform:scale(0)rotate(-10deg)}60%{transform:scale(1.1)rotate(5deg)}80%{transform:scale(.95)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}header .username-info img{height:42px}.logo-text{height:25px!important}header .username-info{justify-content:flex-start;align-items:center;gap:16px;width:100%;display:flex}header .username-info span{color:#e1e5ee;white-space:nowrap;font-size:18px;font-weight:400}header .username-info h1{color:#fff;white-space:nowrap;margin:0;padding:0;font-size:25px;font-weight:700}.avatar{border:2px solid #fff3;border-radius:9999px;width:58px;height:58px}.statistic{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;margin-bottom:25px;display:flex}.statistic.on-line{flex-direction:row!important}.statistic span{color:#fff;font-size:18px;font-weight:500}.statistic span.selected{color:#7850d9;font-weight:700}.statistic .statistic-list{justify-content:flex-start;align-self:stretch;align-items:center;gap:12px;display:flex}.statistic .stats-container{box-sizing:border-box;-webkit-backdrop-filter:blur(15.13px);backdrop-filter:blur(15.13px);opacity:0;background:#1c192d80;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:flex-start;width:100%;padding:12px;transition:all .3s ease-in-out;animation:.5s ease-out forwards fade-in-up;display:flex;position:relative;transform:translateY(20px)}.statistic .stats-container:first-child{animation-delay:.1s}.statistic .stats-container:nth-child(2){animation-delay:.2s}.widgets-container .widget-server:hover,.statistic .stats-container:hover{border:1px solid #ffffff26}.widgets-container .widget-server{cursor:pointer;opacity:0;transition:all .3s ease-in-out;animation:.5s ease-out forwards fade-in-up;transform:translateY(20px)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.widgets-container .widget-server:first-child{animation-delay:.3s}.widgets-container .widget-server:nth-child(2){animation-delay:.4s}.widgets-container .widget-server:nth-child(3){animation-delay:.5s}.stats-container .buttons-text{gap:10px;width:100%;display:flex}.content.visible .statistic,.content.visible .widgets-container{animation:.5s ease-out forwards fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}button{transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-in-out}button:active{transform:scale(.95)}.pull-to-refresh-indicator{transition:opacity .3s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-loader{background:linear-gradient(90deg,#ffffff0d 0%,#ffffff1a 20%,#ffffff0d 40%) 0 0/200% 100%!important;animation:1.5s infinite shimmer!important}.statistic .stats-container h3{color:#9e9ab7;word-wrap:break-word;margin:0 0 4px;font-size:13px;font-weight:500}.statistic .stats-container h4{text-align:right;color:#9e9ab7;word-wrap:break-word;flex:1 1 0;margin:0;font-size:14px;font-weight:600}.statistic .stats-container .between-text h3 span{margin-left:2px;font-size:14px;font-weight:500}.statistic .stats-container .between-text{justify-content:flex-start;align-self:stretch;align-items:center;gap:15px;margin-bottom:6px;display:flex}.statistic .stats-container.gpa{padding:18px 12px}.statistic .stats-container .percent-bar{background:#2e294b;border-radius:6px;justify-content:flex-start;align-items:center;width:100%;height:6px;display:flex;overflow:hidden}.statistic .stats-container span{color:#fff;word-wrap:break-word;font-size:16px;font-weight:600}.widgets-container{grid-template-columns:repeat(1,1fr);justify-content:center;align-items:center;gap:12px;display:grid}.stats-content{justify-content:space-between;align-items:center;width:100%;display:flex}.stats-buttons{align-items:center;gap:15px;display:flex}.stats-buttons i{cursor:pointer;color:#8d8d8d;font-size:16px;transition:color .3s;position:static!important;transform:none!important}.stats-buttons i:hover{color:#7850d9}.stats-container .fa-circle-info,.stats-container .fa-plus,.stats-container .fa-rotate{cursor:pointer;color:#8d8d8d;font-size:16px;transition:color .3s,transform .3s;position:static;transform:none}.stats-container .fa-circle-info:hover,.stats-container .fa-plus:hover{color:#7850d9}.fa-rotate{transition:transform .3s,color .3s!important}.fa-rotate:hover{color:#7850d9;transform:rotate(90deg)!important}.traffic-controls,.traffic-buttons{display:none}.fa-arrow-right{cursor:pointer;color:#fff;font-size:18px;transition:transform .3s,color .3s}.fa-arrow-right:hover{color:#7850d9;transform:translate(5px)}.online-circle{background:linear-gradient(135deg,#32cd32 0%,green 100%);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:5px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 10px #32cd32b3,0 0 20px #32cd3280,0 0 30px #32cd324d}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 10px #32cd32b3,0 0 20px #32cd3280,0 0 30px #32cd324d}50%{transform:scale(1.1);box-shadow:0 0 15px #32cd32e6,0 0 30px #32cd3299,0 0 45px #32cd3266}to{transform:scale(1);box-shadow:0 0 10px #32cd32b3,0 0 20px #32cd3280,0 0 30px #32cd324d}}.online-circle.offline{background:linear-gradient(135deg,#cd3232 0%,maroon 100%);animation:none;box-shadow:0 0 10px #cd3232b3,0 0 20px #cd323280,0 0 30px #cd32324d}.widgets-container .widget{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c192d80;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:0 15px 15px;display:flex}.widgets-container .widget-server img{width:30px}.plan h1{margin:0;padding:0;font-size:25px}.plan button{width:100%}.plan button s{opacity:.5}.plan span{color:#fff;opacity:.8;margin:0 0 10px;padding:0;font-size:14px}.plan .tags-container{gap:8px;display:flex;position:absolute;top:8%;right:5%}.plan tag{border-radius:10px;justify-content:center;align-items:center;padding:10px 12px;font-size:12px;display:flex}.plan tag.orange{color:#fff;background:#f39f21}.plan tag.red{color:#fff;background:#fd3a3a}.plan{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-image:url(/img/tarif_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;width:100%;padding:20px 22px;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden}.plan:hover{border:1px solid #ffffff1a}.widgets-container .widget-server{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c192d80;border:1px solid #ffffff12;border-radius:12px;justify-content:flex-start;align-items:center;width:100%;padding:14px;display:flex}.widgets-container .widget-server .text{flex-direction:column;flex:1 1 0;gap:2px;margin-left:12px;display:flex}.widgets-container .widget-server i{color:#fff}.widgets-container .widget-server h1{color:#fff;word-wrap:break-word;margin:0;font-size:16px;font-weight:600}.widgets-container .widget-server span{color:#9e9ab7;word-wrap:break-word;font-size:10px;font-weight:600}.widget img{width:115px}.percent-bar .current-bar{background:#7850d9;border-radius:6px;height:6px}.widgets-container .widget .text{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.widgets-container .widget h1{color:#fff;word-wrap:break-word;margin:0;font-size:15px;font-weight:600}.widgets-container .widget span{color:#9e9ab7;word-wrap:break-word;font-size:9px;font-weight:600;line-height:20px}.table-container{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c192d80;border:1px solid #ffffff1a;border-bottom:none;border-radius:16px 16px 0 0;height:97%;padding:20px}table{border-collapse:collapse;width:100%;height:100%}th,td{text-align:left;border-bottom:1px solid #ffffff1a;padding:12px}th{color:#9e9ab7;text-transform:uppercase;letter-spacing:.5px;font-size:16px;font-weight:600}td{color:#9e9ab7;font-size:14px}tr:last-child td{border-bottom:none}tr:hover{background:#ffffff08;transition:background .2s}.content .warning-content{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.content .warning-content span{color:#8e8e93;font-size:14px}.content .warning-content i{opacity:.6;margin-bottom:20px;font-size:60px}#info-page .info-container{box-sizing:border-box;-webkit-backdrop-filter:blur(15.13px);backdrop-filter:blur(15.13px);background:#1c192d80;border:1px solid #ffffff12;border-radius:12px;flex:1 1 0;justify-content:flex-start;align-items:center;width:100%;padding:15px;display:flex}#info-page .info-container img{width:25px;margin-right:10px}#info-page .info-container span{color:#fff;font-size:16px}#info-page .info-container span.styled{opacity:.7}#info-page button{border-radius:10px;width:100%;padding:18px 20px;font-size:14px}#info-page .social-container{color:#ffffffb3;background:#1c192d;border:1px solid #ffffff12;border-radius:12px;justify-content:center;align-items:center;width:100%;height:80px;font-size:40px;display:flex}.overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background-color:#0009;width:100%;height:100%;transition:all .3s ease-in-out;position:fixed;top:0;left:0}.overlay.show{opacity:1}.dialog .text-container span{color:#9e9ab7;word-wrap:break-word;font-size:14px;font-weight:500}.dialog .text-container span b{color:#fff}.dialog button{letter-spacing:.4px;color:#000;background:#fff;border-radius:8px;align-self:stretch;padding:15px 10px;font-size:14px;font-weight:400}.dialog .text-container h1{color:#fff;word-wrap:break-word;margin:0;font-size:20px;font-weight:600}.dialog .text-container{flex-direction:column;flex:1 1 0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:5px;display:flex}.dialog.show{transform:translate(-50%)}.dialog.payment #payment-description{margin-top:20px;margin-bottom:70px}.dialog input{box-sizing:border-box;border-radius:8px;width:100%;margin-top:10px;padding:12px}.dialog{z-index:2001;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c192de6;border-top:1px solid #ffffff12;border-left:1px solid #ffffff12;border-right:1px solid #ffffff12;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:30px;width:90%;padding:20px 20px 30px;transition:all .3s ease-in-out;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%,100%)}.fa-chevron-right{cursor:pointer}#auth-page{cursor:pointer;justify-content:center;align-items:flex-start;width:100%;padding:0;display:flex}.form-group{text-align:left;width:100%;margin-bottom:1.5rem}#login-form h1{font-size:24px}#login-form{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff12;border-top:0;border-radius:0 0 35px 35px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;animation:1.2s cubic-bezier(.215,.61,.355,1) forwards form;display:flex;width:90%!important}@keyframes form{0%{opacity:0;transform:translateY(-1000px)}to{opacity:1;transform:translateY(0)}}#login-form img{opacity:.8;width:50px;margin-top:60%;margin-bottom:20px}.form-group label{color:#fff;margin-bottom:.5rem;font-size:1rem;display:block}.form-group input{box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:.8rem;font-size:1rem}form{width:100%}form button{border-radius:8px;width:100%;padding:18px 20px;font-size:14px}#tarifs-list{scrollbar-width:none;scrollbar-width:none;flex-direction:column;justify-content:flex-start;align-self:stretch;gap:25px;max-height:100%;display:flex;overflow:hidden auto}.plan-buttons{align-items:center;gap:15px;width:100%;display:flex}.plan-buttons button{flex:1}.plan-buttons i{cursor:pointer;color:#ffffffb3;font-size:20px;transition:color .3s}.plan-buttons i:hover{color:#7850d9}@media (max-width:400px){header .username-info span{font-size:14px}header .username-info h1{font-size:20px}.avatar{width:45px;height:45px}.statistic span{font-size:16px}.statistic .stats-container h3{font-size:11px}.statistic .stats-container h4,.statistic .stats-container .between-text h3{font-size:12px}.statistic .stats-container span{font-size:14px}h1 span,h1{font-size:20px}h1 i{width:24px;height:24px;font-size:10px}.content{padding:18px 18px 95px}footer{padding:12px 18px 24px}.widget img{width:80px}.widgets-container .widget h1{font-size:12px}.widgets-container .widget span{font-size:8px;line-height:12px}footer .page{font-size:9px}footer .page i{margin-bottom:6px;font-size:16px}.widgets-container .widget{padding:0 0 12px}}@media (min-width:1025px){.content{padding:20px}}.statistic .stats-container h3,.statistic .stats-container span,.statistic .stats-container .between-text h3,.statistic .stats-container .between-text h3 span,.widgets-container .widget-server h1,.widgets-container .widget-server span,.widgets-container .widget h1,.widgets-container .widget span,.plan h1,.plan span,footer .page,.dialog .text-container h1,.dialog .text-container span,.dialog button{transform-origin:0!important;font-size:16px!important;transform:scale(1)!important}.statistic .stats-container h3{font-size:13px!important}.statistic .stats-container span{font-size:16px!important}.statistic .stats-container .between-text h3,.statistic .stats-container .between-text h3 span{font-size:14px!important}.widgets-container .widget-server h1{font-size:16px!important}.widgets-container .widget-server span{font-size:10px!important}.widgets-container .widget h1{font-size:15px!important}.widgets-container .widget span{font-size:9px!important}footer .page{font-size:10px!important}h1,h1 span{font-size:25px!important}@supports (-webkit-touch-callout:none){body{touch-action:manipulation}input,button,select,textarea{font-size:16px!important}}@supports not (-webkit-touch-callout:none){body{touch-action:pan-x pan-y}}