     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
	 <meta name='viewport' content='width=device-width, initial-scale=1.0'>
	 <style>
	 @font-face {     
	 font-family: 'Palanquin Dark'; 
	 font-style: normal;     
	 font-weight: 400;     
	 font-display: swap;     
	 src: url(pictures/atlantus.woff2) 
	 format('woff2');     
	 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;   }      
	 body {   
	 overflow: hidden;   
	 position: fixed;   
	 font-family: 'Palanquin Dark', sans-serif;      
	 background: url(https://i.ibb.co/GQbfJ8N/bg-app.png);   
	 background-size: cover;   color: white;   margin: 0px;   left: 0px;   top: 0px;   height: 100%;   width: 100%; }  
	 .moonbottom {   position: fixed;   bottom: -5px;   width: 150%;   height: 138px;   left: -25%;   background: #ffffff;   border-top-left-radius: 70%;   border-top-right-radius: 70%; }  .notification {   background: linear-gradient(     45deg     , #3f51b5, #0d4181);         transform: translate(0%, -50%);         position: fixed;         right: 5px;         top: 12%;         height: 50px;         width: max-content;         color: white;         text-align: left;         padding-left: 19px;         padding-right: 15px;         z-index: 7;         font-size: 15px;         border-radius: 11px; }  #logsview {   position: absolute;   top: 46px;   left: 0px;   height: 69%;   display: none;   font-size: 14px;   font-family: sans-serif;   width: 100%;   text-align: left;   color: #ccc;   overflow: scroll;   padding-left: 20px; }  .atlimg.animated {     -webkit-animation: filter-animation 5s infinite;     animation: filter-animation 5s infinite; } @-webkit-keyframes filter-animation {     0% {       -webkit-filter: hue-rotate(0deg);     }          40% {       -webkit-filter: hue-rotate(100deg);     }            76% {         -webkit-filter: hue-rotate(     241deg);     }     100% {       -webkit-filter: hue-rotate(   343deg);   }   }      @keyframes filter-animation {     0% {       filter: hue-rotate(0deg);     }          50% {       filter: hue-rotate(100deg);     }     86% {       filter: hue-rotate(   241deg);   }   100% {     filter: hue-rotate(   343deg);   }        }    .demotxt   {     position: fixed;      -webkit-transform: translate(-50%, -50%);      transform: translate(-50%, -50%);      left: 50%; top: 50%;       font-size: 7vw; width: 85%;        text-shadow: 0px 0px 5px black;   }   @keyframes demo {     0% {     box-shadow: 0px 0px 0px 2px #ff004c;;     }     25% {       box-shadow: 0px 0px 0px 2px #8a2b47;;     }     75% {       box-shadow: 0px 0px 0px 2px #4b242f;;     }     100% {       box-shadow: 0px 0px 0px 2px #972b4c;;     } }    @keyframes shake {     0% {       transform: translate(-50%, -50%) rotate(     0deg);       filter: drop-shadow(2px 4px 16px red);     }     25% {       transform: translate(-50%, -50%) rotate(     -1deg);       filter: drop-shadow(2px 4px 6px rgb(197, 12, 43));     }     50% {       transform: translate(-50%, -50%) rotate(     1deg);       filter: drop-shadow(2px 4px 6px darkred);     }     75% {       transform: translate(-50%, -50%) rotate(     -1deg);     }     100% {       transform: translate(-50%, -50%) rotate(     -1deg);     } }  .hshakex {   animation: shakex 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite; }  .hshake {   animation: shake 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite; }  .hshakez {   animation: shakez 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite; }    @keyframes shakez {   0% {     filter: drop-shadow(0px 0px 14px rgb(167, 139, 164));   }   25% {     filter: drop-shadow(0px 0px 10px rgb(167, 144, 168));   }   50% {     filter: drop-shadow(0px 0px 4px rgb(98, 93, 99));   }   75% {   }   100% {   } }    @keyframes shakex {     0% {       filter: drop-shadow(2px 4px 16px rgb(10, 24, 44));     }     25% {       filter: drop-shadow(2px 4px 6px rgb(2, 26, 49));     }     50% {       filter: drop-shadow(2px 4px 6px rgb(0, 25, 139));     }     75% {     }     100% {       filter: drop-shadow(2px 4px 6px rgb(2, 26, 49));     } }  #connecting {      display:none;   margin-left: 7px;   color: #c7c7c7; } #connected { 	display:none;   color: #1dc471; } .lds-ring {     display: inline-block;        position: absolute;        display:none;        top: -13px;        left: -13px;    }    .lds-ring div {        box-sizing: border-box;        display: block;        position: absolute;        width: 160px;        height: 161px;        margin: 8px;        border: 4px solid #1f312f;        border-radius: 50%;        animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;        border-color: #3ab757 #41b73a #69b73a #80b73a;    }    .lds-ring div:nth-child(1) {      animation-delay: -0.45s;    }    .lds-ring div:nth-child(2) {      animation-delay: -0.3s;    }    .lds-ring div:nth-child(3) {      animation-delay: -0.15s;    }    @keyframes lds-ring {      0% {        transform: rotate(0deg);      }      100% {        transform: rotate(360deg);      }    }     .lds-dual-ringz:after {     content: " ";     display: block;     width: 108px;     height: 108px;     margin: 0px;     border-radius: 50%;     margin-left: -21px;     margin-top: -12px;     border: 2px solid #fff;     border-color: #172b4c00 #0e1e3f00 #255caa #2549c8;     animation: lds-dual-ring 1.2s linear infinite; }  .lds-dual-ringz {   display: inline-block;      width: 80px;      height: 80px;      position: absolute;      margin-left: -35px;      margin-top: 1px;  }  .lds-dual-ring {     display: inline-block;        width: 80px;        height: 80px;        position: absolute;        margin-left: -35px;        margin-top: 1px; }  .lds-dual-ring:after {     content: " ";     display: block;     width: 12px;     height: 12px;     margin: 8px;     border-radius: 50%;     border: 2px solid #fff;     border-color: #508ef8 #303030 #1e1e1e #3c3c3c;     animation: lds-dual-ring 1.2s linear infinite;    }    @keyframes lds-dual-ring {      0% {        transform: rotate(0deg);      }      100% {        transform: rotate(360deg);      } }  .lds-dual-ring {  display: inline-block;     width: 80px;     height: 80px;     position: absolute;     margin-left: -35px;     margin-top: 1px; }  .lds-dual-ring:after {   content: " ";   display: block;   width: 13px;   height: 13px;   margin: 6px;   border-radius: 50%;   border: 2px solid #fff;   border-color: #fff #fff5f536 #fff white;   animation: lds-dual-ring 1.2s linear infinite; } .atlantusblock { 	position: relative; 	width: 500px; 	height: 250px; 	background: linear-gradient(0deg, #000, #272727); }  .atlantusblock:before, .atlantusblock:after {   content: '';   position: absolute;   left: -2px;   top: -2px;   background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000);   background-size: 400%;   width: calc(100% + 4px);   height: calc(100% + 4px);   z-index: -1;   border-radius: 13px;   opacity: 0.1;   animation: steam 28s linear infinite; }  @keyframes steam { 	0% { 		background-position: 0 0; 	} 	50% { 		background-position: 400% 0; 	} 	100% { 		background-position: 0 0; 	} }  .atlantusblock:after {   filter: blur(15px);   -webkit-backface-visibility: hidden;   -webkit-perspective: 1000;   -webkit-transform: translate3d(0,0,0);   -webkit-transform: translateZ(0);   backface-visibility: hidden;   perspective: 1000;   transform: translate3d(0,0,0);   transform: translateZ(0); } @keyframes lds-dual-ring {   0% {     transform: rotate(0deg);   }   100% {     transform: rotate(360deg);   } }  .flagserver {   height: 32px;   position: absolute;   left: 11px;   top: 10px; }  .substatus {     display: inline-block;     font-size: 16px;     position: relative;     left: 7px;     top: 0px; }  .statusserver {   position: absolute;   width: 100%;   top: 113px;   font-size: 16px;   color: #9e9e9e;   display: inline-block;   left: 0px; }  .arrowudp {   position: absolute;     right: 13px;     height: 18px;     top: 18px;     filter: invert(1); }  .arrowserver { 	position: absolute;     right: 13px;     height: 18px;     top: 18px;     filter: invert(1); }  .descserver {   width: 59%;   text-align: left;   height: 22px;   white-space: nowrap;   overflow: hidden;   text-overflow: ellipsis;   position: absolute;   top: 23px;   font-size: 12px;   left: 57px;   color: #cccc; }  .focuinauth {    position: fixed;   background: #00000017;   height: 200%;   width: 100%;   top: -176px;   z-index: 1;   left: 0px;   backdrop-filter: blur(0.5px);   display:none; }  .focuinserver {   height: 200%;   width: 100%;   position: fixed;   background: #000000a3;   display:none;   left: 0px;   top: -248px;   z-index: 4; }  .nameserver {   position: absolute;   top: 3px;   font-size: 16px;   width: 64%;   text-align: left;   left: 57px;   white-space: nowrap;   overflow: hidden;   text-overflow: ellipsis; }  .selectedserver {       background: linear-gradient(174deg, #1e0d0e82, #140711d4);   width: 91%;   height: 35px;   border-radius: 4px;   z-index: 5;   padding: 9px;   position: relative;   display: inline-block;   top: -54px;   left: 0px;   box-shadow: 0px 0px 15px black;   border-radius: 5px; }    #logexpand {   position: absolute;   right: 0px;   height: 100%;   bottom: 0px;   display: none;   width: 298px;   padding-left: 11px;   background: #0a060ce0;   z-index: 6;   border-bottom-left-radius: 20px;   border-top-left-radius: 20px; }  #menuexpand {   position: absolute;   left: 0px;   height: 100%;   bottom: 0px;   display: none;   width: 284px;   padding-left: 11px;   background: linear-gradient(174deg, #1e0d0ef0, #140711d4);   z-index: 7; }  .logbubble {      background: #15154c;   font-size: 10px;   border-radius: 60px;   z-index: 3;   position: absolute;   width: 18px;   top: 68px;   left: 23px; }  .connectbt {   width: 91%;   height: 32px;   padding: 10px;   box-shadow: 0px 0px 15px black;   background: linear-gradient(174deg, #09071429, #140711d4);   border-radius: 13px;   font-size: 21px;   border-radius: 10px;   position: relative;   top: 21px;   display: inline-table;   left: 1px; }    .inputmax {   padding: 11px;   width: 48%;   font-size: 19px;   background: #0d0a1dc7;   border: 0;   color: #acacac;   position: relative;   top: 23px;   border-radius: 8px;   border-radius: 10px; }   #nrlixuser {   width: 92%;   height: 336px;   border-bottom-left-radius: 10px;   border-bottom-right-radius: 10px;   -webkit-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);   left: 50%;   top: 50%;   z-index: 1;   position: fixed;   border-radius: 10px; }  #logsbar {      position: absolute;   bottom: -1px;   left: -2px;       height: 77px;   font-size: 11px;   transition: width 2s, height 0.8s;   width: 100%;   text-align: center;    z-index: 5;   background: #0000004d;   color: #ccc;   border: 2px solid #160f0fd1;   overflow: visible;   border-radius: 6px; }  .presshere {   position: absolute;   -webkit-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);   top: 24%;   left: 49%;   font-size: 16px;   width: 330px;   text-align: center;   color: #ffffff;   text-shadow: 0px 0px 5px black; }    .freeimg { 	height: 40px;     width: 40px;     background: #ffffff4d url(pictures/crown.png);     background-repeat: no-repeat;     background-position: 5px;     border-radius: 60px;     position: absolute;     top: 9px;     left: 6px; }  .freetxtsmall { 	    position: absolute;     left: 58px;     top: 26px;     color: #ccc;     font-size: 12px; } .freetxt { 	position: absolute;     left: 58px;     top: 4px;     font-size: 17px; }  .header { 	position: fixed;     top: 57px; 	 left: 0px;  	 width: 100%; 	 z-index:3; 	 text-align: center; }  .startfree {     width: 300px;     height: 60px;     background: #4b0e79;     position: absolute;     left: 50%;     bottom: 27px;     -webkit-transform: translate(-50%, -50%);     transform: translate(-50%, -50%);     border-radius: 10px; }  .centerbody {   background: url(pictures/map.png);   position: absolute;   opacity: 0.03;   height: 495px;   width: 100%;   z-index: 1;   left: 50%;   background-size: 200% 100%;   background-position-x: -120px;   top: 49%;   -webkit-transform: translate(-50%, -50%);   transform: translate(-50%, -50%); }  .containerzz {   position: relative;   width: 100%;   display: flex;   justify-content: center;   align-items: center;   transform: translate(-50%, -50%);   left: 50%;   top: 50%; } .containerzz .ringplus {     position: relative;     width: 150px;     height: 150px;     margin: -30px;     border-radius: 50%;     border: 4px solid transparent;     border-top: 4px solid #24ecff;     animation: animate 4s linear infinite; } @keyframes animate {     0%     {         transform: rotate(0deg);     }     100%     {         transform: rotate(360deg);     } } .containerzz .ringplus::before {     content: '';     position: absolute;     top: 12px;     right: 12px;     border-radius: 50%;     width: 15px;     height: 15px;     background: #24ecff;     box-shadow: 0 0 0 5px #24ecff33,     0 0 0 10px #24ecff22,     0 0 0 20px #24ecff11,     0 0 20px #24ecff,     0 0 50px #24ecff; } .containerzz .ringplus:nth-child(2) {     animation: animate2 4s linear infinite;     animation-delay: -1s;     border-top: 4px solid transparent;     border-left: 4px solid #93ff2d; } .containerzz .ringplus:nth-child(2)::before {     content: '';     position: absolute;     top: initial;     bottom: 12px;     left: 12px;     border-radius: 50%;     width: 15px;     height: 15px;     background: #93ff2d;     box-shadow: 0 0 0 5px #93ff2d33,     0 0 0 10px #93ff2d22,     0 0 0 20px #93ff2d11,     0 0 20px #93ff2d,     0 0 50px #93ff2d; } @keyframes animate2 {     0%     {         transform: rotate(360deg);     }     100%     {         transform: rotate(0deg);     } } .containerzz .ringplus:nth-child(3) {     animation: animate2 4s linear infinite;     animation-delay: -3s;     position: absolute;     top: -66.66px;     border-top: 4px solid transparent;     border-left: 4px solid #e41cf8; } .containerzz .ringplus:nth-child(3)::before {     content: '';     position: absolute;     top: initial;     bottom: 12px;     left: 12px;     border-radius: 50%;     width: 15px;     height: 15px;     background: #e41cf8;     box-shadow: 0 0 0 5px #e41cf833,     0 0 0 10px #e41cf822,     0 0 0 20px #e41cf811,     0 0 20px #e41cf8,     0 0 50px #e41cf8; } .containerzz p {   position: absolute;   color: #9d9d9d;   font-size: 1.5em;   bottom: -129px;   text-shadow: 0px 0px 10px #ffffff24; } #splashscreen {   background: #0c0c11;   position: fixed;   height: 100%;   width: 100%;   z-index: 500; }  #application {     display: none; } .menuiconx { 	    position: absolute;     right: 19px;     filter: invert(1);     top: 44px;     height: 24px; }  #appname {   font-size: 0px;   color: #ff3434; }  .pingserver { 	 position: absolute;     right: 14px;     font-size: 13px;     color: #ccc; }  .premiumserver { 	display:none; }  .bronzeserver { 	display: none; }  .freeserver { }  .goldserver { 	display: none; }  .recommendserver { 	display: none; }  .greenping { 	  background: #49ff50;     width: 5px;     height: 13px;     position: absolute;     right: -8px;     border-radius: 55px;     top: 7px; } .orangeping { 	  background: #ff9100;     width: 5px;     height: 13px;     position: absolute;     right: -8px;     border-radius: 55px;     top: 7px; } .redping { 	  background: #ff0000;     width: 5px;     height: 13px;     position: absolute;     right: -8px;     border-radius: 55px;     top: 7px; } .svbubble {   background: #0f171e;   width: 88%;   transform: translate(-50%, 0%);   left: 45%;   height: 31px;   border-radius: 8px;   top: 6px;   margin-bottom: 7px;   padding: 9px;   position: relative; }  .typeserver {     position: relative;     width: 100%;     text-align: left;     padding-left: 20px;     top: 20px;  } .userprofile {   background: url(pictures/149071.png);   position: relative;   height: 80px;   width: 220px;   background-size: 80px 80px;   border-bottom: 1px solid #2b3548;   background-repeat: no-repeat;   left: 15px;   top: 100px;   padding-bottom: 50px;   background-position-x: 65px; }  .descudp {   left: 14px;   font-family: sans-serif;   top: 27px; }  #serverlist {   position: fixed;   top: 56px;   left: 2.5%;   display: none;   overflow-x: hidden;   overflow-y: scroll;   width: 95%;   border-bottom: 4px solid #9e9e9e;   border-top: 4px solid #9e9e9e;   background: #000000e0;   height: 56%;   padding-bottom: 100px;   z-index: 8;   transform: translate(-50%, -50%);   left: 50%;   top: 50%;   box-shadow: 8px 7px 9px black; } .lds-dual-ringzpzp {   display: inline-block;   width: 80px;   height: 80px;   position: absolute;   margin-left: -35px;   margin-top: 1px; } .lds-dual-ringzpzp:after {   content: " ";   display: block;   width: 47px;   height: 47px;   margin: 8px;   border-radius: 50%;   border: 4px solid #000;   border-color: #000 #000000 #673ab7 black;   animation: lds-dual-ring 1.2s linear infinite; }  .userid { 	    position: absolute;     bottom: 8px;     width: 100%;     text-align: center;     font-size: 12px;     color: #909090; }  .atlcircle {   height: 19px;     width: 19px;     display: inline-block;     background: #e91e63;     border-radius: 60px;     position: absolute;     top: 9px;     box-shadow: 0px 0px 13px 3px #060810;     right: 15px; } .registerbubble {   position: absolute;   right: 4px;   top: 11px;   font-size: 14px;   font-weight: 100;   color: #cdd8df;   padding: 3px;   background: linear-gradient(174deg, #1e0d0e82, #140711d4);   border-radius: 5px;   box-shadow: 0px 0px 5px black;   border-radius: 5px;   width: 91px; } .userexp { 	    position: absolute;         bottom: 23px;     color: #8e8e8e;     width: 100%;     text-align: center;     font-size: 12px; }  .newbtx {   text-align: left;   margin-left: -7px;   border-left: 2px solid #1e394e;   margin-top: 21px;   padding: 2px; } .starttext {   font-size: 17px;   position: relative;   color: #dfdfee; } .menulist { 	position: absolute;     color: #adadaf;     top: 275px;     left: 52px; } .menuicon {   position: absolute;   left: 3px;   top: 11px;   height: 23px;   padding: 5px;   filter: invert(1); }  .menutxt {   position: relative;   margin-bottom: 30px;   margin-left: -38px; } .rightbt {   position: absolute;   right: 10px;   transform: rotate(  0deg );   /* background: #00000052; */   text-align: center;   padding: 4px;   width: 33px;   height: 94px;   top: -1px;   border-radius: 60px; }  .menuicond { 	 position: absolute;     height: 18px;     left: -27px;     top: 6px;     filter: invert(1);     opacity: 0.77; } .crowimg {   height: 20px;   position: relative;   left: 11px;   top: 0px;   display: inline-block; }  .acceptbt {   position: relative;   top: 14px;   padding: 5px;   background: #3f51b5;   width: 150px;   left: 82px;   border-radius: 5px; }  .activebt {     position: relative;     top: 14px;     padding: 5px;     display: inline-block;     background: #3f51b5;     width: 78px;     border-radius: 5px; } .textboost {     font-size: 14px;         color: #e6e6e6; } .titleboost {     margin-top: -59px;         font-size: 24px;         color: #ffa382;         filter: grayscale(1); }  .wave {   animation-name: wave-animation;  /* Refers to the name of your @keyframes element below */   animation-duration: 2.5s;        /* Change to speed up or slow down */   animation-iteration-count: infinite;  /* Never stop waving :) */   transform-origin: 70% 70%;       /* Pivot around the bottom-left palm */   display: inline-block; }  @keyframes wave-animation {     0% { transform: rotate( 0.0deg) }    10% { transform: rotate(14.0deg) }  /* The following five values can be played with to make the waving more or less extreme */    20% { transform: rotate(-8.0deg) }    30% { transform: rotate(14.0deg) }    40% { transform: rotate(-4.0deg) }    50% { transform: rotate(10.0deg) }    60% { transform: rotate( 0.0deg) }  /* Reset for the last half to pause */   100% { transform: rotate( 0.0deg) } }   #authshow {   transform: translate(-50%, -50%);   position: fixed;   left: 49%;   top: 49%;   width: 90%;   height: 185px;   padding: 9px;   text-align: center; } .bodyboost {   position: absolute;   left: 50%;   top: 48%;   -webkit-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);   height: 350px;   width: 80%;   border-radius: 5px;   padding: 20px;   text-align: center;   max-width: 352px;   border-bottom: 4px solid #9e9e9e;   border-top: 4px solid #9e9e9e;   background: #000000e0; } .atlantusoverlay {       display: none;   position: absolute;   height: 100%;   width: 100%;   background: rgb(4 5 10 / 78%);   z-index: 5; } #boostmode {     display:none;     position: absolute; height: 100%;      width: 100%;       backdrop-filter: blur(4px);      background: rgb(0 0 0 / 61%); z-index: 5; } #connectedpl {     display:none;     position: absolute; height: 100%;      width: 100%;       backdrop-filter: blur(4px);      background: rgb(0 0 0 / 61%); z-index: 5; } #storagemode {     display:none;     position: absolute; height: 100%;      width: 100%; background: rgba(0, 0, 0, 0.76); z-index: 5; } .protxt {   color: #dadada;     font-weight: 100;     display: inline-block;     font-size: 13px;     width: 100%;     text-align: center;     position: relative;     left: 0px; }   .blobs {   filter: url(#goo);   width: 300px;   height: 300px;   position: relative;   overflow: hidden;   border-radius: 70px;   transform-style: preserve-3d; } .blobs .blob-center {   transform-style: preserve-3d;   position: absolute;   background: #FFF200;   top: 50%;   left: 50%;   width: 30px;   height: 30px;   transform-origin: left top;   transform: scale(0.9) translate(-50%, -50%);   -webkit-animation: blob-grow linear 3.4s infinite;           animation: blob-grow linear 3.4s infinite;   border-radius: 50%;   box-shadow: 0 -10px 40px -5px #FFF200; }  .blob {   position: absolute;   background: #FFF200;   top: 50%;   left: 50%;   width: 30px;   height: 30px;   border-radius: 50%;   -webkit-animation: blobs ease-out 3.4s infinite;           animation: blobs ease-out 3.4s infinite;   transform: scale(0.9) translate(-50%, -50%);   transform-origin: center top;   opacity: 0; } .blob:nth-child(1) {   -webkit-animation-delay: 0.2s;           animation-delay: 0.2s; } .blob:nth-child(2) {   -webkit-animation-delay: 0.4s;           animation-delay: 0.4s; } .blob:nth-child(3) {   -webkit-animation-delay: 0.6s;           animation-delay: 0.6s; } .blob:nth-child(4) {   -webkit-animation-delay: 0.8s;           animation-delay: 0.8s; } .blob:nth-child(5) {   -webkit-animation-delay: 1s;           animation-delay: 1s; }  @-webkit-keyframes blobs {   0% {     opacity: 0;     transform: scale(0) translate(calc(-330px - 50%), -50%);   }   1% {     opacity: 1;   }   35%, 65% {     opacity: 1;     transform: scale(0.9) translate(-50%, -50%);   }   99% {     opacity: 1;   }   100% {     opacity: 0;     transform: scale(0) translate(calc(330px - 50%), -50%);   } }  @keyframes blobs {   0% {     opacity: 0;     transform: scale(0) translate(calc(-330px - 50%), -50%);   }   1% {     opacity: 1;   }   35%, 65% {     opacity: 1;     transform: scale(0.9) translate(-50%, -50%);   }   99% {     opacity: 1;   }   100% {     opacity: 0;     transform: scale(0) translate(calc(330px - 50%), -50%);   } } @-webkit-keyframes blob-grow {   0%, 39% {     transform: scale(0) translate(-50%, -50%);   }   40%, 42% {     transform: scale(1, 0.9) translate(-50%, -50%);   }   43%, 44% {     transform: scale(1.2, 1.1) translate(-50%, -50%);   }   45%, 46% {     transform: scale(1.3, 1.2) translate(-50%, -50%);   }   47%, 48% {     transform: scale(1.4, 1.3) translate(-50%, -50%);   }   52% {     transform: scale(1.5, 1.4) translate(-50%, -50%);   }   54% {     transform: scale(1.7, 1.6) translate(-50%, -50%);   }   58% {     transform: scale(1.8, 1.7) translate(-50%, -50%);   }   68%, 70% {     transform: scale(1.7, 1.5) translate(-50%, -50%);   }   78% {     transform: scale(1.6, 1.4) translate(-50%, -50%);   }   80%, 81% {     transform: scale(1.5, 1.4) translate(-50%, -50%);   }   82%, 83% {     transform: scale(1.4, 1.3) translate(-50%, -50%);   }   84%, 85% {     transform: scale(1.3, 1.2) translate(-50%, -50%);   }   86%, 87% {     transform: scale(1.2, 1.1) translate(-50%, -50%);   }   90%, 91% {     transform: scale(1, 0.9) translate(-50%, -50%);   }   92%, 100% {     transform: scale(0) translate(-50%, -50%);   } } @keyframes blob-grow {   0%, 39% {     transform: scale(0) translate(-50%, -50%);   }   40%, 42% {     transform: scale(1, 0.9) translate(-50%, -50%);   }   43%, 44% {     transform: scale(1.2, 1.1) translate(-50%, -50%);   }   45%, 46% {     transform: scale(1.3, 1.2) translate(-50%, -50%);   }   47%, 48% {     transform: scale(1.4, 1.3) translate(-50%, -50%);   }   52% {     transform: scale(1.5, 1.4) translate(-50%, -50%);   }   54% {     transform: scale(1.7, 1.6) translate(-50%, -50%);   }   58% {     transform: scale(1.8, 1.7) translate(-50%, -50%);   }   68%, 70% {     transform: scale(1.7, 1.5) translate(-50%, -50%);   }   78% {     transform: scale(1.6, 1.4) translate(-50%, -50%);   }   80%, 81% {     transform: scale(1.5, 1.4) translate(-50%, -50%);   }   82%, 83% {     transform: scale(1.4, 1.3) translate(-50%, -50%);   }   84%, 85% {     transform: scale(1.3, 1.2) translate(-50%, -50%);   }   86%, 87% {     transform: scale(1.2, 1.1) translate(-50%, -50%);   }   90%, 91% {     transform: scale(1, 0.9) translate(-50%, -50%);   }   92%, 100% {     transform: scale(0) translate(-50%, -50%);   } }</style><meta name="viewport" content="width=device-width, initial-scale=1.0"> <div style="   position: absolute;   font-size: 3vw;   color: #eaeaea;   left: 0px;   top: 0px;   width: 173%;   text-align: left;   opacity: 0.09;   display:none; ">Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 Dev_Release | qEclipse_19/02/22 </div>  <div id="withoutlogin" class="body">     <div id="updatechecking" style="     position: absolute;     bottom: 63px;     display:none;     left: 42px;     font-size: 13px;     color: #999;     text-align: center; "><div class="lds-dual-ring" style="     height: 30px;     width: 30px;     position: relative;     top: 7px;     left: -3px; "></div>Buscando atualização...</div> <div id="menuexpand" onclick="menuclose()">     <div class="menulist">         <div class="menutxt" onclick=" initupdate();">🔰 Verificar atualizações</div>         
	 <div class="menutxt" onclick="termos()">📃 Termos de uso</div>         
	 <div class="menutxt" onclick="settings()">⚙️ Ajustes</div>        
	 <div class="menutxt hsharez" style="display:none;" onclick="hostshare()">🔌 HostShare</div>         
	 <div class="menutxt ipv6txt"  style="display:none;" onclick="setipv6()">🕋 IPV6 (Desligado)</div>         
	 <div class="menutxt" onclick="exitapp('')">❌ Encerrar aplicativo</div>     </div>     <div class="userprofile">         <div class="userid">USER-ID: 0000xx</div>     </div>     <img src="pictures/menu.png" class="menuiconx" /> </div>      <div id="settingsapp" class="atlantusoverlay" >     <div class="bodyboost" style="     height: 358px; ">        <div class="titleboost" style="       color: #ffc83d;     margin-top: -121px;     font-size: 90px;     color: azure; "><br>     <div class="textboost" style="     margin-top: -55px;     margin-bottom: 38px;     font-size: 18px;     ">Área destinada a ajustes de vpn.</div></div>     <div style="    height: 214px;     overflow: scroll;     position: relative;     padding-top: 19px;">     <div class="selectedserver udplist"  style="         width: 29%;     z-index: 25;     height: 134px;     position: absolute;     border-radius: 6px;     background: rgb(17, 15, 29);     left: 58%;     top: 0px; "> </div>     <div class="menutxt newbtx" style="margin-bottom: -5px; margin-left: -8px; margin-top: -20px;" onclick="udpchange()">📌 Porta UDP <div id="udpbubble" class="atlcircle descudp" style="     padding: 0px;         padding: 0px;     top: 9px;     color: #999;     background: transparent;     font-size: 15px;     left: 74%;">%</div></div>     <div class="menutxt newbtx" style="margin-bottom: -5px; margin-left: -8px;" onclick="setipv6()">📌 IPV6 <div id="ipv6bubble" class="atlcircle"></div></div>      <div class="menutxt newbtx" style="margin-bottom:0px;    margin-left: -8px;" onclick="setdialogpass()">📌 Evitar erro de login <div id="wrongauthbubble" class="atlcircle"></div></div>     <div class="menutxt newbtx" style="margin-bottom:0px;    margin-left: -8px;" onclick="setkeepvpn()">📌 KeepVPN <div id="keepvpnbubble" class="atlcircle"></div></div>     <div class="menutxt newbtx" style="margin-bottom:0px;    margin-left: -8px;" onclick="hostshare()">📌 Hostshare </div>     <div class="menutxt newbtx" style="margin-bottom:0px;    margin-left: -8px;" onclick="setdatacompression()">📌 Compressão de dados <div id="compressbubble" class="atlcircle"></div></div>     </div>     <br>     <div onclick="exitsettings()" class="activebt" style="margin-left: 5px;background: #ab2323;width: 80%;border-radius: 4px;box-shadow: 5px 4px 5px black;">Fechar</div>     </div></div>        <div id="exitapp" class="atlantusoverlay">         <div class="bodyboost" style="         height: 260px;     "><span class="wave" style="     height: 106px;     position: relative;     top: -70px;     font-size: 70px;     margin-left: -16px; ">👋</span>                <div class="titleboost" style="         color: #ffc83d;     ">Deseja realmente sair?<br>         <div class="textboost">Sua conexão será encerrada, se você confirmar este dialogo.</div></div>         <br>         <div onclick="exitappfinish()" class="activebt hshareon">Sim</div>         <div onclick="exitappclose()" class="activebt" style="     margin-left: 5px;     background: #b2355b; ">Não</div><div onclick="exitapphide()" class="activebt" style="     margin-left: 5px;     background: #673ab7;     margin-top: 5px; ">Minimizar</div>         </div></div>         <div id="hostshare" class="atlantusoverlay" style="">         <div class="bodyboost" style="         height: 246px;     ">             <img src="pictures/hostshare.gif" style="             height: 106px;             position: relative;             top: -55px;             filter: invert(1);         ">         <div class="titleboost" style="         color: #2196f3;     ">HostShare<br>         <div class="textboost">Esta função serve para rotear para outros dispositivos o hostshare, caso queira configurar, clique em gerenciar.</div></div>         <br>         <div onclick="hostshareset()" class="activebt hshareon">Gerenciar</div>         <div onclick="hostshareclose()" class="activebt" style="     margin-left: 5px;     background: #b2355b; ">Cancelar</div>         </div></div>        <div id="wronguser" class="atlantusoverlay">         <div class="bodyboost" style="         height: 246px;     ">             <img src="pictures/wrong.svg" style="             height: 106px;             position: relative;             top: -55px;         ">         <div class="titleboost" style="         color: #ff2222;     ">Autenticação Falhou<br>         <div class="textboost">Seus dados de usuário estão incorretos ou seu acesso foi bloqueado, verifique novamente o seus dados ou entre em contato conosco para solucionar o caso.</div></div>         <div onclick="authfinishu()" class="activebt">Corrigir</div>              </div></div>           <div id="deviceid" class="atlantusoverlay" style="display:none;">             <div class="bodyboost" style="height: 247px;border-radius: 30px;border: 0px;background: linear-gradient(273deg, #f48931, #a32020);">                 <img src="pictures/limiter.png" style="                 height: 130px;                 position: relative;                 top: -59px;                 margin-top: -26px;             ">             <div class="titleboost" style="             color: #f0f0f0;             filter: none;             ">Limite Ultrapassado<br>             <div class="textboost" style="font-size: 14px; color: #e6e6e6; height: 168px; overflow: scroll;">               <center>Este acesso já ultrapassou o limite de dispositivos registrados.<br>              Entre em contato com o fornecedor para mais informações.<br>             </center></div></div>             <br><div onclick="deviceclose()" style="             width: 200px;             background: #07060c;             top: -74px;             " class="activebt">Confirmar</div>           </div></div>          <div id="permissao" class="atlantusoverlay" style="display: none;">             <div class="bodyboost">                 <img src="pictures/terms.svg" style="                 height: 106px;                 position: relative;                 top: -55px;             ">             <div class="titleboost" style="             color: #ffd800; filter: none;">Permissão Necessária<br>             <div class="textboost" style="font-size: 14px; color: #e6e6e6; height: 168px; overflow: scroll;">               <center>Você precisa permitir a sobreposição, isso serve para que a VPN sempre se<br>                  mantenha ativa e também com o processo acima de outros aplicativos                    para que o sistema não encerre a menos que você mesmo faça.<br>                    Você só precisa fazer isso uma única vez.</center></div></div>             <br><div onclick="permitirsob()" style="             width: 200px;             background: #fe9500;" class="activebt">Permitir</div>           </div></div>                       <div id="logsviewnew" class="atlantusoverlay" style="display: none;">             <div class="bodyboost" style="         height: 69%;         top: 50%;     ">                 <img src="pictures/document.png" style="                 height: 106px;                 position: relative;                 top: -55px;             ">             <div class="titleboost" style=" color: #e64c3c;">             <div id="logslist" class="textboost" style="font-size: 12px;color: #e6e6e6;height: 168px;overflow: scroll;border-bottom: 2px solid;height: 79%;margin-top: 22px;">               <center>-- Bem vindo aos registros --</center></div></div>             <br><div onclick="logsviewnewclose()" class="activebt" style="         width: 300px;         top: -19px;     ">Fechar</div>           </div></div>      

	 <div id="termos" class="atlantusoverlay">         
	 <div class="bodyboost">             
	 <img src="pictures/terms.svg" style="             height: 106px;             position: relative;             top: -55px;         ">         
	 <div class="titleboost"  style=" color: #e64c3c;">Termos de Uso<br>         
	 <div class="textboost" style="font-size: 14px; color: #e6e6e6; height: 168px; overflow: scroll;">           
	 <center>Certifique-se de não usar este aplicativo para atividades ilegais, sua conta será suspensa se detectada.<br>             
	 Algum conteúdo pode estar banido em seu país, então não acesse,<br>              
	 apenas faça atividades básicas como filmes, jogos e música e pesquisas em geral,<br>              
	 pornografia infantil e golpes são inaceitáveis ​​e você será severamente punido se usar<br>                
	 este aplicativo para cometer esses absurdos .</center></div></div>         <br>
	 <div onclick="termos()" class="activebt">Concordo</div>       </div></div>          
	 
	 
	         
	 
	 
	 
	 <div id="validadeapp" class="atlantusoverlay" style="display: none;">         <div class="bodyboost" style="         height: 148px;         background: white;         border: 0px;     "><div id="textvalidade" style="         position: absolute;         color: #333;         width: 100%;         top: 45px;         left: 0px;     "><div class="lds-dual-ringzpzp"></div></div>                  <img src="pictures/pet.png" style="         position: absolute;         right: -12px;         top: -87px;         height: 114px;     ">                <div class="titleboost" style="         color: #ffc83d;         margin-top: -121px;         font-size: 90px;     "><br>         <div class="textboost" style="         margin-top: -55px;         margin-bottom: 38px;         font-size: 18px;         color: #222;         ">Checando Validade</div></div>                  <br>         <div onclick="closevalidity()" class="activebt" style="margin-left: 5px;background: #313048;width: 80%;border-radius: 4px;box-shadow: 5px 4px 5px black;margin-top: 17px;">Fechar</div>         </div></div>                   <div id="devtest" style="display:none;" class="atlantusoverlay">         <div class="bodyboost">             <img src="pictures/terms.svg" style="             height: 106px;             position: relative;             top: -55px;         ">         <div class="titleboost"  style=" color: #e64c3c;">Aplicativo de TESTE<br>         <div class="textboost" style="font-size: 14px; color: #e6e6e6; height: 168px; overflow: scroll;">           <center>Esse aplicativo é apenas um teste produzido por RGN & ATLANTUS.<br>             Não divulgue esta versão, não altere nem faça nada.<br>             Teste conexões e afins.<br>               Agradecemos sua contribuição.</center></div></div>         <br><div onclick='dev()' class="activebt">Concordo</div>       </div></div>           <div id="storagemode">         <div class="bodyboost" style="         height: 241px;">             <img src="pictures/lock.svg" style="             height: 106px;             position: relative;             top: -55px;         ">         <div class="titleboost"  style="         color: #b79608;">Acesso Restrito<br>         <div class="textboost">Este acesso atingiu o limite em dipositivos que pode conectar, caso esta mensagem seja um engano, contate o fornecedor de serviço para mais informações.</div></div>         <br><div onclick="storagemode()" class="activebt">Certo</div>       </div></div>            <div id="connectedpl" >         <div class="bodyboost" style="         height: 271px;">             <img src="pictures/check.svg" style="             height: 106px;             position: relative;             top: -55px;         ">         <div class="titleboost" style="         color: #6d86ff;     ">Conectado com sucesso<br>         <div class="textboost">Conexão bem sucedida, fique atento <b style="         color: cadetblue;     ">{{ username }}</b> faltam 56 dias para seu acesso expirar, recomendamos renovar de forma antecipada para que ele não seja excluido após acabar os dias.</div></div>         <br><div onclick="$('#connectedpl').fadeOut(0);" class="activebt" style="    color: white;         background: #12226e;">Entendi</div>         </div></div>       <div id="boostmode">     <div class="bodyboost">         <img src="pictures/boost.svg" style="         height: 106px;         position: relative;         top: -55px;     ">     <div class="titleboost">Modo Boost<br>     <div class="textboost">O modo Boost pode otimizar a velocidade e detectar os aplicativos usados &ZeroWidthSpace;&ZeroWidthSpace;para melhorar a experiência de conexão, você pode habilitar este modo. No entanto, você precisa conceder as permissões necessárias para realizar esta atividade.</div></div>     <br><div onclick="acboostmode()" class="activebt">Ativar</div>     <div onclick="boostmode()" style="margin-top: 5px; background: #9e330a;" class="activebt">Cancelar</div></div></div>       <div id="authtype" style=" position: absolute; height: 100%; width: 100%; display:none; background: #000000c2; z-index: 5; "><div style=" position: absolute; left: 50%; top: 35%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #1e2532; height: 250px; width: 330px; border-radius: 10px; text-align: center; "><img src="pictures/149071.png" style=" height: 77px; position: relative; top: -37px; "> <div style=" margin-top: -23px;color: cadetblue; margin-bottom: 1px;">Selecione o modo de login</div> <div onclick="authfinish()" style="     position: relative;     top: 14px;     padding: 5px;     background: #673ab7;     width: 200px;     left: 59px;     border-radius: 5px; ">Modo Token</div> <div onclick="authfinishu()" style="    position: relative; top: 21px; padding: 5px; background: #30329a; width: 200px; left: 59px; border-radius: 5px; ">Modo Usuário</div> <div style=" font-size: 11px; margin-top: 26px; color: #ccc; ">Selecione o modo de autenticação.</div></div></div>     <div id="authtoken" style="     position: absolute;     height: 100%;     width: 100%;     display:none;     background: #000000c2;     z-index: 5;     "><div style="     position: absolute;     left: 50%;     top: 35%;     -webkit-transform: translate(-50%, -50%);     transform: translate(-50%, -50%);     background: #1e2532;     height: 250px;     width: 330px;     border-radius: 10px;     text-align: center; "><img src="pictures/user.png" style="     filter: invert(1);     height: 77px;     position: relative;     top: -37px; "> <div style="     margin-top: -11px; ">Acesso token</div><input type="text" id="token" placeholder="token" style="     padding: 10px;     border-radius: 5px;     background: #191e25;     border: 0px;     font-size: 18px;     color: #999;     margin-top: 11px; "> <div onclick="authfinish()" style="     position: relative;     top: 14px;     padding: 5px;     background: #3f51b5;     width: 100px;     left: 106px;     border-radius: 5px; ">Entrar</div> <div style="     font-size: 11px;     margin-top: 26px;     color: #ccc; ">O acesso token pode ser obtido com o fornecedor.</div></div></div>        <div id="logsbar" style="display:none;" onclick="viewlogs()"><div id="openlog" style="     text-align: center;     font-size: 14px;     margin-top: 8px; ">🔼 Expandir Logs 🔼</div> <div id="logsview"></div></div>  <div onclick="logsviewnewopen()" style="position: absolute;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); bottom: 6%;left: 50%;font-size: 18px;width: 330px;text-align: center;color: #000000;z-index: 6; border-bottom: 1px dashed;width: 142px;padding-left: 17px;"> <img src="pictures/share.png" style="     height: 20px;     position: absolute;     margin-left: -26px;     margin-top: 7px;     ">Registros</div>     <div id="dontconnect" class="presshere">Desconectado</div>     <div id="connecting" class="presshere"><div class="lds-dual-ring"></div></div>     <div id="connected" class="presshere">Conetado</div> </div><div id="withoutlogin" class="header">     <div class="moonbottom"></div>  <div class="focuinauth"></div> <div id="nrlixserver" style=" "><center>     <div id="serverlist" onclick="serverchange()">          </div>             <div class="focuinserver"></div>     <div id="authshow">     <div id="contentblock" style="     position: fixed;     top: -49px;     width: 97%;     z-index: 21;     display: none;     height: 106%; "></div> <div  class="authshow">     <div class="selectedserver selectedserverz" onclick="serverchange()">     <img id="fserver" src="pictures/flags/none.png" class="flagserver">     <div id="nserver" class="nameserver">Defina um provedor</div>     <div id="dserver" class="descserver">O modo de proteção</div>     <img src="pictures/arrow.png" class="arrowserver">     </div> <div style="     width: 91%;     height: 29px;     z-index: 5;     padding: 9px;     position: relative;     display: inline-block;     margin-top: -43px;     box-shadow: 0px 0px 15px black;     background: linear-gradient(174deg, #1e0d0e82, #140711d4);     border-radius: 5px; "><img src="pictures/user.png" style="     position: absolute;     left: 10px;     height: 24px;     top: 11px;     filter: invert(1);     opacity: 0.8; "><input placeholder="Login" class="nrlixusernew" id="inputUsuarioSSH" style="     position: absolute;     width: 82%;     left: 50px;     padding: 8px;     background: transparent;     border: 0px;     font-size: 19px;     color: #797979;     top: 5px; "></div><div style="     width: 91%;     height: 29px;     border-radius: 4px;     z-index: 5;     padding: 9px;     position: relative;     display: inline-block;     margin-top: 8px;     box-shadow: 0px 0px 15px black;     background: linear-gradient(174deg, #1e0d0e82, #140711d4);     border-radius: 5px; "><img src="pictures/pass.png" style="     position: absolute;     left: 10px;     height: 24px;     top: 11px;     filter: invert(1);     opacity: 0.8; "><input placeholder="Senha" class="nrlixpass" style="     position: absolute;     width: 82%;     left: 50px;     padding: 8px;     background: transparent;     border: 0px;     font-size: 19px;     color: #797979;     top: 5px; "></div> </div> <div onclick="startatlantus()" class="connectbt atlantusblock">     <div class="starttext">Conectar</div></div> </div>  </center></div> <div class="registerbubble" onclick="menuaction()" style="     left: 9px; "><img src="pictures/menububble.png" style="     position: relative;     left: -31px;     top: 1px;     height: 22px;     padding: 5px;     filter: invert(1);     " class="menuicon"><div style="     position: absolute;     top: 6px;     left: 39px; ">Menu</div></div>  <div id="appname"></div> <img class="logoapp" src="https://i.ibb.co/QMHRT19/logo-ci-b.png" style=" height: 40px;     -webkit-transform: translate(-50%, -50%);     transform: translate(-50%, -50%);     left: 50%;     top: 18%;     position: fixed; "> <div class="logoappx" style="     display:none;      height: 107px;     background-size: 100% 100%;     width: 107px;     -webkit-transform: translate(-50%, -50%);     transform: translate(-50%, -50%);     left: 50%;     top: 109px;     position: fixed; "></div> <div style="display:none;" class="statusserver">Status: <div class="substatusz">Desconectado</div> </div>      </div>
  
<div id="checkValidade" style="
    background: #04030491;
    height: 29px;
    border-radius: 4px;
    padding: 9px;
    border: 1px solid #0d0d26;
    margin-top: 8px;
    box-shadow: 4px 5px 8px 0px #000000;
    width: 75%; 
    z-index:2; 
    position: fixed; 
    display: hidden;
    left: 8%; 
    top: 65%;
    font-size: 15px;
    color: #FFFFFF;
    opacity: 0.3; 
    "></div>

<script type="text/javascript"> 
  
  function consultaValidade() {

    var userSSH = document.getElementById("inputUsuarioSSH");

    // Informe o link do seu painel na linha abaixo
    fetch('https://conexaoinfinity.cf/api/checkuser.php?usuario=' + userSSH.value)
    .then(response => response.json())
    .then(data => {
     
      var strCheckValidade = '<center>Vencimento: ' + data[0].validade;

      document.getElementById("checkValidade").innerHTML = strCheckValidade;

    }).catch(err => {
        console.log(err);
    });    
    
    setTimeout("consultaValidade()", 10000);

  }

</script>