/* Email OTP Blocksy - modern responsive modal */
.eowb-modal { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; z-index: 999999; }
.eowb-modal[aria-hidden="false"] { display: flex; }
.eowb-modal__bg { position: absolute; inset:0; background: rgba(3,6,4,0.55); backdrop-filter: blur(4px); }
.eowb-modal__card { position: relative; width: 520px; max-width: 96%; border-radius: 14px; box-shadow: 0 20px 60px rgba(2,6,4,0.6); transform: translateY(-10px); opacity: 0; transition: all .22s ease; pointer-events: auto; }
.eowb-modal__card.open { transform: translateY(0); opacity: 1; }
.eowb-card__inner { background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,250,250,0.92)); border-radius: 12px; padding: 28px; }
.eowb-title { margin: 0 0 8px 0; font-size: 20px; text-align: center; color: #1e462b; font-weight:700; }
.eowb-desc { margin: 0 0 12px 0; color: #3b4b3f; text-align: center; }
.eowb-input { width: 100%; padding: 12px 14px; margin: 8px 0 12px; border: 1px solid rgba(30,68,43,0.08); border-radius: 8px; box-sizing: border-box; font-size: 14px; }
.eowb-actions { text-align: center; margin-top: 6px; }
.eowb-btn { background: rgba(0,0,0,0.06); border: none; padding: 10px 18px; border-radius: 8px; cursor: pointer; font-weight:600; color:#1e462b; }
.eowb-btn--primary { background: #2f7a35; color: #fff; }
.eowb-status { margin-top: 10px; font-size: 13px; text-align: center; color: #2f4b39; min-height: 18px; }
.eowb-status.error { color: #b00020; }
.eowb-close { position: absolute; right: 12px; top: 8px; background: transparent; border: none; font-size: 28px; color: rgba(30,68,43,0.8); cursor: pointer; }

@media (max-width: 540px) {
  .eowb-modal__card { width: 94%; margin: 10px; }
  .eowb-card__inner { padding: 18px; }
  .eowb-title { font-size: 18px; }
}