*{box-sizing:border-box;font-family:system-ui}
.bg{
  background:radial-gradient(circle at top,#2b0010,#050509);
  min-height:100vh;
  color:white;
}
.login-card{
  max-width:360px;
  margin:60px auto;
  background:#0f0f17;
  padding:24px;
  border-radius:20px;
  text-align:center;
  box-shadow:0 0 30px rgba(255,0,60,.15);
}
.logo{
  width:60px;height:60px;
  background:#ff003c;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  margin:auto;
}
.tabs{
  display:flex;
  background:#1b1b26;
  border-radius:12px;
  margin:20px 0;
}
.tabs button{
  flex:1;
  background:none;
  border:none;
  color:#aaa;
  padding:10px;
}
.tabs .active{
  background:#ff003c;
  color:white;
  border-radius:12px;
}
input,select{
  width:100%;
  margin:10px 0;
  padding:14px;
  border-radius:12px;
  border:none;
  background:#1c1c28;
  color:white;
}
.primary,.start{
  width:100%;
  padding:14px;
  border:none;
  border-radius:14px;
  background:#ff003c;
  color:white;
  font-size:16px;
}
.help{opacity:.6;margin-top:10px}
.wa,.tg{
  display:block;
  margin-top:10px;
  padding:12px;
  border-radius:12px;
}
.wa{background:#0f3;color:black}
.tg{background:#1e88e5}
.top{
  display:flex;
  justify-content:space-between;
  padding:16px;
}
.card{
  background:#12121a;
  margin:20px;
  padding:20px;
  border-radius:18px;
}