/* =========================
   VIP SMS EPIC AUTH (Login/OTP/Register)
   ========================= */

body .accountbg{
  background:
    radial-gradient(900px 600px at 25% 20%, rgba(110,231,255,.18), transparent 60%),
    radial-gradient(800px 560px at 75% 15%, rgba(167,139,250,.18), transparent 62%),
    radial-gradient(800px 560px at 60% 85%, rgba(255,46,109,.12), transparent 62%),
    url("../images/epic/bg-aurora.png");
  background-size: cover;
  background-position: center;
  filter: saturate(1.1) contrast(1.05);
  opacity: .88;
}

.wrapper-page{
  width: min(520px, 92vw) !important;
}
.card-pages{
  background: rgba(10,16,28,.72) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 22px !important;
  box-shadow: 0 25px 80px rgba(0,0,0,.60);
  backdrop-filter: blur(18px);
}
.logo-admin img{ filter: drop-shadow(0 10px 25px rgba(255,46,109,.22)); }

.epic-brand{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:center;
  margin-bottom: 8px;
  letter-spacing:.14em;
  text-transform: uppercase;
  font-weight: 800;
  color: rgba(234,242,255,.92);
}
.epic-brand .dot{
  width: 10px; height:10px; border-radius:50%;
  background: linear-gradient(90deg,#ff2e6d,#a78bfa,#6ee7ff);
  box-shadow: 0 0 18px rgba(110,231,255,.25);
}

.epic-sub{
  text-align:center;
  color: rgba(234,242,255,.62);
  margin-bottom: 18px;
}

/* OTP boxes */
.otp-grid{
  display:flex;
  gap:10px;
  justify-content:center;
  margin: 14px 0 10px;
}
.otp-box{
  width: 54px;
  height: 60px;
  font-size: 22px;
  font-weight: 800;
  text-align:center;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(10,16,28,.62);
  color: rgba(234,242,255,.92);
  outline: none;
}
.otp-box:focus{
  border-color: rgba(110,231,255,.55);
  box-shadow: 0 0 0 .22rem rgba(110,231,255,.14);
}

.epic-help{
  text-align:center;
  font-size: 12px;
  color: rgba(234,242,255,.55);
}

/* CTA link */
.epic-register-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  padding:.65rem 1rem;
  border-radius:999px;
  background: linear-gradient(135deg, rgba(255,46,109,.92), rgba(167,139,250,.72));
  color:#fff !important;
  font-weight:800;
  letter-spacing:.2px;
  text-decoration:none !important;
  box-shadow: 0 12px 38px rgba(255,46,109,.22);
  border: 1px solid rgba(255,255,255,.10);
}
.epic-register-cta span{
  text-decoration: underline;
  text-underline-offset: 3px;
}
.epic-register-cta:hover{
  transform: translateY(-1px);
  filter: saturate(1.12);
  box-shadow: 0 16px 46px rgba(167,139,250,.22);
}
.epic-contact{
  margin-top:10px;
  display:flex;
  gap:.55rem;
  align-items:center;
  justify-content:center;
  font-size:12px;
  opacity:.9;
}
.epic-contact .label{
  padding:.25rem .55rem;
  border-radius:999px;
  background: rgba(110,231,255,.12);
  border: 1px solid rgba(110,231,255,.18);
  color:#cfe8ff;
  letter-spacing:.6px;
  font-weight:700;
}
.epic-contact .value{
  font-weight:800;
  color:#fff;
}