/* vSAFE-27R9Z — Buyer, Supplier, Admin, and Super Admin email OTP */
.sf-email-otp-page{
  position:relative;
  z-index:2;
  min-height:calc(100vh - 90px);
  display:grid;
  place-items:center;
  padding:48px 18px 72px;
  background:
    radial-gradient(circle at 12% 18%,rgba(32,199,255,.14),transparent 30%),
    radial-gradient(circle at 88% 12%,rgba(18,109,255,.15),transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#eef5fc 100%);
}
.sf-email-otp-card{
  width:min(100%,520px);
  box-sizing:border-box;
  padding:34px;
  border:1px solid #d9e7f5;
  border-radius:28px;
  background:rgba(255,255,255,.96);
  box-shadow:0 28px 70px rgba(7,26,51,.14);
  text-align:center;
}
.sf-email-otp-brand{display:inline-flex;align-items:center;justify-content:center;margin-bottom:22px}
.sf-email-otp-brand img{display:block;width:auto;height:38px;object-fit:contain}
.sf-email-otp-icon{
  width:76px;height:76px;margin:0 auto 18px;border-radius:24px;
  display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,#08245c 0%,#126dff 60%,#20c7ff 100%);
  box-shadow:0 18px 35px rgba(18,109,255,.26)
}
.sf-email-otp-icon svg{width:36px;height:36px}
.sf-email-otp-eyebrow{display:block;margin-bottom:8px;color:#126dff;font-size:12px;line-height:1.3;font-weight:850;letter-spacing:.14em}
.sf-email-otp-card h1{margin:0;color:#071a33;font-size:clamp(27px,4vw,36px);line-height:1.15;letter-spacing:-.035em;font-weight:900}
.sf-email-otp-lead{margin:14px auto 22px;max-width:430px;color:#5f7696;font-size:15px;line-height:1.7}
.sf-email-otp-lead strong{color:#08245c}
.sf-email-otp-alert{margin:0 0 16px;padding:12px 14px;border-radius:14px;font-size:13px;line-height:1.55;text-align:left;font-weight:650}
.sf-email-otp-alert.is-success{color:#08745b;background:#eafbf5;border:1px solid #b8efd9}
.sf-email-otp-alert.is-error{color:#a71d35;background:#fff1f3;border:1px solid #ffcbd4}
.sf-email-otp-form{text-align:left}
.sf-email-otp-form label{display:block;margin-bottom:9px;color:#213b5d;font-size:13px;font-weight:800}
.sf-email-otp-input{
  display:block;width:100%;height:66px;box-sizing:border-box;
  border:1.5px solid #bfd5ef;border-radius:18px;background:#fff;
  color:#08245c;text-align:center;font-size:30px;font-weight:900;letter-spacing:.34em;
  padding:0 12px 0 calc(12px + .34em);outline:none;transition:.2s ease;
}
.sf-email-otp-input:focus{border-color:#126dff;box-shadow:0 0 0 4px rgba(18,109,255,.11)}
.sf-email-otp-input::placeholder{color:#afbdd0;opacity:.8}
.sf-email-otp-hint{margin:10px 0 18px;color:#7186a2;font-size:12.5px;line-height:1.55;text-align:center}
.sf-email-otp-primary{
  width:100%;min-height:52px;border:0;border-radius:16px;cursor:pointer;
  background:linear-gradient(135deg,#08245c 0%,#126dff 58%,#20c7ff 100%);
  color:#fff;font-size:15px;font-weight:850;box-shadow:0 15px 30px rgba(18,109,255,.22)
}
.sf-email-otp-primary:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(18,109,255,.28)}
.sf-email-otp-resend{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:18px;color:#7186a2;font-size:13px}
.sf-email-otp-resend button{border:0;padding:0;background:transparent;color:#126dff;font:inherit;font-weight:850;cursor:pointer}
.sf-email-otp-resend button:hover{text-decoration:underline}
.sf-email-otp-cancel{display:inline-block;margin-top:14px;color:#60758f;font-size:13px;font-weight:700;text-decoration:none}
.sf-email-otp-cancel:hover{color:#08245c}
.sf-email-otp-security{margin-top:24px;padding:14px 16px;border-radius:16px;background:#f3f8fe;border:1px solid #dceafb;text-align:left;display:grid;gap:3px}
.sf-email-otp-security strong{color:#08245c;font-size:13px}
.sf-email-otp-security span{color:#6d819d;font-size:12px;line-height:1.5}
@media(max-width:767px){
  .sf-email-otp-page{min-height:calc(100vh - 68px);padding:24px 14px 48px}
  .sf-email-otp-card{padding:24px 18px;border-radius:22px}
  .sf-email-otp-brand img{height:34px}
  .sf-email-otp-icon{width:66px;height:66px;border-radius:20px}
  .sf-email-otp-input{height:60px;font-size:26px;border-radius:15px}
}