:root{--wd-accent:#DAB800}

/* Modal shell */
.wd-modal{position:fixed;inset:0;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;z-index:999999;padding:16px}
.wd-hidden{display:none}
.wd-box{width:100%;max-width:560px;background:#111;border:1px solid #2a2a2a;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.5)}

/* Header */
.wd-head{padding:18px 22px;border-bottom:1px solid #232323;color:#eaeaea;font:800 22px/1.2 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;align-items:center;gap:12px}
.wd-logo{width:44px;height:44px;border-radius:10px;background-size:cover;background-position:center;box-shadow:0 0 0 2px rgba(218,184,0,.35), 0 10px 25px rgba(218,184,0,.18);flex:0 0 44px}

/* Body + copy */
.wd-body{padding:22px}
.wd-sub{margin:.4rem 0 1rem;color:#cfcfcf}
.wd-benefits{margin:0 0 1rem 0;color:#e8e8e8;list-style:none;padding:0}
.wd-benefits li{margin:.5rem 0;position:relative;padding-left:26px}
.wd-benefits li:before{content:"✓";position:absolute;left:0;top:1px;color:var(--wd-accent);font-weight:900;text-shadow:0 0 12px rgba(218,184,0,.45)}

/* Form layout — always stack (field on top, button below) */
.wd-row{display:flex;flex-direction:column;gap:12px}

/* Big, tappable input */
.wd-input,
.wd-btn{width:100%}
.wd-input{
  box-sizing:border-box;
  min-height:56px;
  appearance:none;
  padding:16px 18px;
  border-radius:8px;
  border:1px solid #3a3a3a;
  background:#0b0b0b;
  color:#fff;
  outline:none;
  font-size:16px; /* prevents iOS zoom */
}
.wd-input::placeholder{color:#8a8a8a}

/* Button that won’t squeeze the input */
.wd-btn{
  cursor:pointer;
  border:1px solid #bfa100;
  background:linear-gradient(#E9CA1B,#DAB800);
  color:#000;
  font-weight:800;
  padding:16px 18px;
  min-height:56px;
  line-height:1.1;
  white-space:normal;
  border-radius:8px;
  letter-spacing:.3px;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(218,184,0,.25)
}

/* Note (fixed hex) */
.wd-note{margin-top:10px;color:#9b9bbb}