body{
  margin:0;
  font-family:Arial;
  background:#0f0f0f;
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
  color:white;
}

.auth-card{
  width:420px;
  padding:30px;
  border-radius:20px;
  background:rgba(0,255,200,0.05);
  backdrop-filter:blur(15px);
  border:1px solid rgba(0,255,200,0.3);
  box-shadow:0 0 30px rgba(0,255,200,0.2);
}

.tabs{
  display:flex;
  margin-bottom:20px;
}

.tabs button{
  flex:1;
  padding:10px;
  border:none;
  background:transparent;
  color:white;
  font-weight:bold;
  cursor:pointer;
  border-bottom:2px solid transparent;
}

.tabs .active{
  border-bottom:2px solid #00ffc8;
}

.section{
  display:none;
  flex-direction:column;
}

.section.active{
  display:flex;
}

input{
  margin-bottom:12px;
  padding:12px;
  border-radius:8px;
  border:none;
  background:rgba(255,255,255,0.05);
  color:white;
}

button{
  padding:12px;
  border:none;
  border-radius:8px;
  margin-bottom:10px;
  cursor:pointer;
  font-weight:bold;
  background:linear-gradient(45deg,#00ffc8,#0077ff);
  color:black;
}

.google-btn{
  background:#ffffff;
  color:black;
}

.guest-btn{
  background:#ffcc00;
  color:black;
}

.divider{
  text-align:center;
  margin:10px 0;
  opacity:0.6;
}