body{
  margin:0;
  font-family:Poppins;
  background: radial-gradient(circle at top, #0a0a0a, #000);
  color:white;
  display:flex;
  justify-content:center;
}

.container{
  width:90%;
  max-width:900px;
  margin-top:40px;
  padding:30px;
}

/* GLASS */
.glass{
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(15px);
  border:1px solid rgba(57,255,20,0.2);
  border-radius:20px;
  box-shadow:0 0 25px rgba(57,255,20,0.1);
}

/* TEXT */
h1{
  text-align:center;
  color:#39FF14;
  margin-bottom:5px;
}

.tagline{
  text-align:center;
  opacity:0.7;
}

.badge{
  text-align:center;
  display:block;
  margin:10px auto;
  border:1px solid #39FF14;
  padding:5px 10px;
  border-radius:20px;
  width:fit-content;
  color:#39FF14;
}

/* TABS */
.tabs{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:20px;
  flex-wrap:wrap;
}

.tab{
  background:transparent;
  border:1px solid #39FF14;
  color:#39FF14;
  padding:10px 15px;
  border-radius:10px;
  cursor:pointer;
}

.tab.active{
  background:#39FF14;
  color:black;
}

/* CONTENT */
.content{
  display:none;
  padding:20px;
  text-align:center;
}

.content.active{
  display:block;
}

.box{
  border:1px dashed #39FF14;
  padding:40px;
  margin-top:20px;
  opacity:0.7;
}

.review{
  border-left:3px solid #39FF14;
  margin:10px;
  padding:10px;
}

/* BUTTONS */
.btn{
  display:inline-block;
  margin:10px;
  padding:10px 15px;
  background:#39FF14;
  color:black;
  text-decoration:none;
  border-radius:10px;
}

.btn.outline{
  background:transparent;
  border:1px solid #39FF14;
  color:#39FF14;
}