/* Relystra portal account-verification UX */
#portalEmailConfirmNote,
.portal-verify-preflight{
  margin:18px 0 6px;
  padding:18px 20px;
  border:2px solid rgba(101,216,255,.42);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(101,216,255,.13),rgba(169,184,255,.07));
  color:#eefbff;
  font-size:16px!important;
  line-height:1.55;
}
#portalEmailConfirmNote b,
.portal-verify-preflight b{font-size:18px;color:#fff}

#confirmPane .success-box{
  border:2px solid rgba(117,228,181,.55)!important;
  background:linear-gradient(135deg,rgba(117,228,181,.14),rgba(101,216,255,.07))!important;
  padding:28px!important;
  border-radius:20px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.2);
}
#confirmPane .eyebrow{font-size:13px!important}
#confirmPane h2{
  font-size:34px!important;
  line-height:1.08;
  margin:12px 0!important;
}
#confirmPane #confirmText{
  font-size:18px!important;
  line-height:1.55;
  color:#e4edf7!important;
  margin:12px 0!important;
}
#confirmPane .small{
  font-size:15px!important;
  line-height:1.5;
  color:#bdcad8!important;
}
#confirmPane .btn{min-height:54px;font-size:16px;padding:0 22px}

.portal-verified-overlay{
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(4,10,18,.92);
  backdrop-filter:blur(16px);
}
.portal-verified-card{
  width:min(620px,100%);
  padding:38px;
  border:2px solid rgba(117,228,181,.5);
  border-radius:24px;
  background:#0b1726;
  box-shadow:0 30px 90px rgba(0,0,0,.45);
  text-align:center;
}
.portal-verified-icon{
  width:70px;
  height:70px;
  display:grid;
  place-items:center;
  margin:0 auto 18px;
  border-radius:50%;
  background:rgba(117,228,181,.14);
  border:2px solid rgba(117,228,181,.5);
  color:#8af0c5;
  font-size:34px;
  font-weight:900;
}
.portal-verified-card h1{font-size:38px;line-height:1.05;margin:8px 0 14px}
.portal-verified-card p{font-size:18px;line-height:1.55;color:#b9c7d8;margin:0 auto 24px;max-width:510px}
.portal-verified-card .actions{justify-content:center}
.portal-verified-card .btn{min-height:56px;font-size:16px;padding:0 24px}
.portal-verified-card.error{border-color:rgba(255,150,150,.45)}
.portal-verified-card.error .portal-verified-icon{border-color:rgba(255,150,150,.45);background:rgba(255,120,120,.09);color:#ffb5b5}

@media(max-width:560px){
  #confirmPane h2{font-size:29px!important}
  #confirmPane #confirmText{font-size:17px!important}
  .portal-verified-card{padding:28px 20px}
  .portal-verified-card h1{font-size:31px}
  .portal-verified-card p{font-size:17px}
  .portal-verified-card .actions{display:grid}
}