.wrr-magic-card{
  background: linear-gradient(135deg, rgba(39,15,94,.98), rgba(9,48,108,.97), rgba(7,113,127,.95));
  color:#fff;
  border-radius:18px;
  padding:16px;
  margin:14px 0;
  box-shadow:0 10px 30px rgba(29,18,77,.22);
  border:1px solid rgba(255,255,255,.12);
  position:relative;
  overflow:hidden;
}
.wrr-magic-card:before{
  content:"";
  position:absolute;
  inset:-40% auto auto -10%;
  width:140px;height:140px;border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.28), transparent 70%);
  animation:wrrFloat 7s linear infinite;
}
@keyframes wrrFloat{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(12px) rotate(180deg)}100%{transform:translateY(0) rotate(360deg)}}
.wrr-signup-field label{display:block;font-weight:700;margin-bottom:8px;font-size:15px}
.wrr-signup-field input{
  width:100%;padding:14px 15px;border-radius:14px;border:none;outline:none;
  background:rgba(255,255,255,.12);color:#fff;font-size:15px;box-sizing:border-box;
}
.wrr-signup-field input::placeholder{color:rgba(255,255,255,.75)}
.wrr-help,.wrr-success{margin:10px 0 0;font-size:13px;line-height:1.5}
.wrr-success{color:#bdf7cc;font-weight:600}
.wrr-title{font-weight:800;font-size:18px;margin-bottom:14px}
.wrr-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wrr-grid div{background:rgba(255,255,255,.10);padding:12px;border-radius:14px}
.wrr-grid strong{display:block;font-size:12px;opacity:.85;margin-bottom:5px}
.wrr-grid span{font-weight:700;font-size:15px;word-break:break-word}
.wrr-progress{height:12px;background:rgba(255,255,255,.15);border-radius:100px;overflow:hidden;margin-top:14px}
.wrr-progress span{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,#ffd54f,#ff8a65,#7c4dff,#18ffff)}
.wrr-icon{margin-right:6px}
@media (max-width:600px){
  .wrr-grid{grid-template-columns:1fr}
  .wrr-magic-card{padding:14px;border-radius:16px}
}