body{
  margin:0;font-family:system-ui,Arial;
  background:linear-gradient(270deg,#0b1f3a,#102a4c,#06121f);
  background-size:600% 600%;
  animation:bg 12s ease infinite;
  color:#fff;text-align:center;
}
@keyframes bg{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

.logo{width:140px;margin:30px auto;display:block;animation:fade 1s}
@keyframes fade{from{opacity:0;transform:scale(.6)}to{opacity:1}}

.glass{
  max-width:420px;margin:20px auto;padding:20px;
  background:rgba(255,255,255,.05);
  border-radius:15px;backdrop-filter:blur(12px);
}

input{padding:10px;width:90%;margin:6px;border-radius:8px;border:none}
.btn{padding:12px 25px;background:gold;border:none;border-radius:10px;font-weight:bold}

.step{padding:8px;border-left:3px solid #333;margin:6px}
.active{border-color:gold;color:gold}

.whatsapp{
  position:fixed;bottom:20px;right:20px;
  width:55px;height:55px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
}
.whatsapp img{width:28px}