
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,500,700&display=swap");


*{border:0;font-family:"Roboto Condensed",sans-serif;margin:0;padding:0;box-sizing:border-box}
*:focus{outline:none}
.clear{clear:both}
.hidden{display:none}
.bold{font-weight:700}


html,body{height:100%}
body{
  background-color:#000;
  background-attachment:fixed!important;
  background-size:cover!important;
  color:#fff;
}


.container-outer{
  width:550px;
  margin:20px auto;
}
.container-inner{
  margin:20px;
}
.container-content{
  background-color:rgba(22,22,22,.94);
  border:2px solid rgba(0,255,120,.18); 
  border-radius:14px;
  box-shadow: 0 20px 60px rgba(0,0,0,.55), 0 0 0 1px rgba(0,255,120,.06) inset;
  overflow:hidden; 
}
.centered{text-align:center}

.header-logo{
  width:70%;
  border-radius:15px;
  margin-bottom:-25px;
}


@media(max-width:959px){
  .container-outer{width:95%}
  .container-inner{margin:14px}
  .container-content{
    border-left:none;
    border-right:none;
    border-radius:0;
  }
}


.container-heading,
.container-heading2{
  font-size:20px;
  text-align:center;
  line-height:48px;
  height:48px;
  color:#fff;
  text-transform:uppercase;
  background: linear-gradient(180deg, rgba(0,255,120,.08), rgba(0,0,0,0));
  border-bottom:1px solid rgba(0,255,120,.12);
  letter-spacing:2px;
}
.container-heading2{
  text-transform:none;
}


.activity-row{display:inline-block;margin:10px 0}
.activity-text-block{height:24px;padding:0 0 0 4px;display:inline-block}
.flag{vertical-align:middle;width:20px;height:11px}
.activity-text-country{float:left;height:24px;width:32px;margin:0 10px 0 0;display:inline-block}


.field-container,.field-container1{margin:20px 0}
.field-text-pre{
  font-size:13px;
  color:#fff;
  text-transform:uppercase;
  padding:0 0 11px 5px;
  font-weight:700;
  letter-spacing:.08em;
}

.form-field{
  background-color:#fff;
  position:relative;
  transition:all .15s linear;
  width:100%;
  border-radius:10px;
  overflow:hidden;
}
.form-field-focused{border:2px solid #99f;box-shadow:0 0 4px 2px #99f}
.form-field-label{background-color:#fff;height:42px;position:absolute;width:42px}
.form-field-label>img{height:100%;width:100%}
.form-field-input{height:42px;margin:0 12px 0 32px;padding:5px}
.form-field-input>input{border:0;font-size:15px;height:20px;padding:6px;width:100%}

.form-field-select{
  background-color:#ddd;
  height:42px;
}
.form-field-select>select{
  border:0;
  font-size:15px;
  height:42px;
  width:100%;
  background:transparent;
}
.form-field-select option{background-color:#fff;font-size:15px;height:42px}

.form-button-container{text-align:center}
.form-button,
.form-button:hover{
  background-color:orange;
  text-transform:uppercase;
  color:#fff;
  display:inline-block;
  width:200px;
  font-size:20px;
  height:52px;
  line-height:52px;
  text-align:center;
  cursor:pointer;
  border-radius:10px;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

.form-delimeter{width:100%;border-top:2px solid #ddd;margin:10px 0}
.form-error-list-row{
  background-color:#fdd;
  border-left:3px solid #a00;
  border-bottom-right-radius:2px;
  border-top-right-radius:2px;
  color:#bf0000;
  font-size:14px;
  margin:0 0 15px;
  padding:8px;
}



.recent-activity{
  position:relative;
  padding:14px 14px;
  margin-top:12px;
  border-radius:14px;
  border:1px solid rgba(0,255,120,.18);
  background: rgba(0,0,0,.40);
  box-shadow: 0 18px 55px rgba(0,0,0,.55), 0 0 0 1px rgba(0,255,120,.06) inset;
  overflow:hidden; 
}


.recent-activity::before{
  content:"";
  position:absolute;
  inset:-120% 0 auto 0;
  height:120%;
  background: linear-gradient(to bottom, transparent, rgba(0,255,120,.10), transparent);
  animation: matrixScan 4.2s linear infinite;
  pointer-events:none;
  opacity:.8;
}


.recent-activity::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(0,255,120,.05) 1px, transparent 1px) 0 0/100% 18px,
    radial-gradient(circle at 25% 25%, rgba(0,255,120,.10), transparent 55%),
    radial-gradient(circle at 75% 75%, rgba(0,255,120,.08), transparent 60%);
  opacity:.30;
  pointer-events:none;
}

@keyframes matrixScan{
  0%{ transform: translateY(-30%); opacity:0; }
  12%{ opacity:.65; }
  100%{ transform: translateY(135%); opacity:0; }
}


.recent-activity-row{
  position:relative;
  width:100%;
  margin:10px 0;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(0,255,120,.12);
  background: linear-gradient(180deg, rgba(12,18,14,.85), rgba(0,0,0,.55));
  color:#fff;
  font-size:13px;
  line-height:20px;
  text-align:center;
  overflow:hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}


.recent-activity-row::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(110deg,
    transparent 0%,
    rgba(0,255,120,.10) 45%,
    rgba(0,255,120,.22) 50%,
    rgba(0,255,120,.10) 55%,
    transparent 100%
  );
  transform: translateX(-130%);
  animation: rowShimmer 3.8s ease-in-out infinite;
  pointer-events:none;
  opacity:.65;
}

@keyframes rowShimmer{
  0%{ transform: translateX(-130%); opacity:0; }
  30%{ opacity:.55; }
  100%{ transform: translateX(130%); opacity:0; }
}


.recent-activity-row{
  animation: neonPulse 4.4s ease-in-out infinite;
}
@keyframes neonPulse{
  0%,100%{
    box-shadow: 0 0 0 1px rgba(255,255,255,.04) inset, 0 0 18px rgba(0,255,120,.06);
    border-color: rgba(0,255,120,.12);
  }
  50%{
    box-shadow: 0 0 0 1px rgba(0,255,120,.10) inset, 0 0 30px rgba(0,255,120,.20);
    border-color: rgba(0,255,120,.24);
  }
}


.recent-activity-row:hover{
  transform: translateY(-2px);
  border-color: rgba(0,255,120,.30);
  box-shadow: 0 0 0 1px rgba(0,255,120,.10) inset, 0 0 38px rgba(0,255,120,.22);
}

.recent-activity-timer{
  font-weight:700;
  white-space:nowrap;
  color: rgba(190,255,215,.95);
  text-shadow: 0 0 12px rgba(0,255,120,.28);
}


.generator-console{
  background-color:#111;
  color:orange;
  height:160px;
  overflow-y:hidden;
  padding:10px;
}
.generator-console-row{font-size:12px;line-height:1.25;padding:2px}
.generator-console *{font-family:"Roboto Condensed",sans-serif}


.onoff{
  margin-left:0;
  display:inline-block;
  vertical-align:middle;
  position:relative;
  cursor:pointer;
  width:55px;height:30px;
  line-height:30px;
  font-size:14px;
}
.onoff label{
  position:absolute;top:0;left:0;width:100%;height:100%;
  cursor:pointer;
  background:#fc1f1f;
  font-weight:700;color:#fff;
  transition:background .3s,text-indent .3s;
  text-indent:27px;
  box-shadow:0 0 5px rgba(0,0,0,.4) inset;
}
.onoff label:after{
  content:"NO";
  position:absolute;top:0;left:0;width:100%;
  font-size:12px;color:#fff;
}
.onoff label:before{
  content:"";
  width:15px;height:24px;background:#fff;
  position:absolute;top:3px;left:3px;
  transition:left .3s;
  box-shadow:0 0 5px rgba(0,0,0,.4);
}
.onoff input:checked+label{background:#28b815;text-indent:8px}
.onoff input:checked+label:after{content:"YES";color:#fff}
.onoff input:checked+label:before{left:37px}

.wrapper{display:flex}
.left{font-size:17px;margin-left:10px}
.right{flex:1}
.version-text{font-size:12px;line-height:17px;text-align:right;color:orange;margin:8px 8px 0 0}

.typewriter-text{
  overflow:hidden;color:orange;
  animation:typing 3s steps(18,end),blink .3s step-end infinite;
  white-space:nowrap;border-right:4px solid orange;
  line-height:17px;margin-top:15px
}
@keyframes typing{from{width:0%}to{width:100%}}
@keyframes blink{from,to{border-color:transparent}50%{border-color:orange}}

.rounded{border-radius:.5rem!important}
.header-logo2{
  height:auto;max-width:90px;border-radius:15px;
  filter:drop-shadow(0px 5px 3px #7e6565);
  animation:drop 1.5s ease
}
.text-white-title{color:#fff!important;margin:auto;text-align:center;animation:drop 1.5s ease}
@keyframes drop{0%{opacity:0;transform:translateY(-80px)}100%{opacity:1;transform:translateY(0px)}}
h1{font-size:1.5rem}
.proof{display:block;margin-left:auto;margin-right:auto;max-width:90%}
.prooftext{margin-top:30px;margin-bottom:15px}
.verifytxt{margin-top:30px;line-height:1.3}