:root{
  --optin-green:#08a05c;
  --optin-green-dark:#057a49;
  --optin-text:#102f28;
  --optin-muted:#67717a;
  --optin-line:#d9e0e3;
}

html.mdw-optin-open,
html.mdw-optin-open body{overflow:hidden}

.mdw-optin-backdrop{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(16,27,31,.68);
  backdrop-filter:blur(4px);
}

.mdw-optin-backdrop.is-open{display:flex}

.mdw-optin-modal{
  position:relative;
  width:min(520px,100%);
  max-height:94dvh;
  overflow:auto;
  box-sizing:border-box;
  padding:26px 28px 22px;
  border-radius:26px;
  background:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.32);
  color:var(--optin-text);
}

.mdw-optin-close{
  position:absolute;
  top:16px;
  right:16px;
  z-index:3;
  width:42px;
  height:42px;
  border:1px solid #e1e6e8;
  border-radius:50%;
  background:#fff;
  color:#17212b;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

.mdw-optin-header{text-align:center;padding:4px 42px 0}
.mdw-optin-whatsapp-icon{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  margin:0 auto 12px;
  border:4px solid var(--optin-green);
  border-radius:50%;
  color:var(--optin-green);
  font-size:28px;
  font-weight:800;
  transform:rotate(-18deg);
}
.mdw-optin-header h2{margin:0;font-size:31px;line-height:1.12;letter-spacing:-.4px}
.mdw-optin-header p{margin:10px 0 0;color:#46515b;font-size:16px;line-height:1.45}

.mdw-optin-qr-block{
  width:148px;
  margin:18px auto 10px;
  padding:10px 10px 9px;
  border:1px solid var(--optin-line);
  border-radius:15px;
  text-align:center;
}
.mdw-optin-qr-block img{display:block;width:118px;height:118px;margin:auto;object-fit:contain}
.mdw-optin-qr-block span{display:block;margin-top:5px;color:var(--optin-green-dark);font-size:14px;font-weight:700}

.mdw-optin-divider{display:flex;align-items:center;gap:14px;margin:13px 0;color:#6c7680;font-weight:700}
.mdw-optin-divider::before,.mdw-optin-divider::after{content:"";height:1px;flex:1;background:var(--optin-line)}

.mdw-optin-form{display:grid;gap:12px}
.mdw-optin-field{display:grid;gap:5px;color:#26323a;font-size:13px;font-weight:700}
.mdw-optin-field input{
  width:100%;
  height:48px;
  box-sizing:border-box;
  border:1px solid var(--optin-line);
  border-radius:13px;
  padding:0 14px;
  background:#fff;
  color:#18242c;
  font:inherit;
  font-size:15px;
  outline:none;
}
.mdw-optin-field input:focus{border-color:var(--optin-green);box-shadow:0 0 0 3px rgba(8,160,92,.12)}

.mdw-optin-categories{
  display:grid;
  gap:8px;
  margin:2px 0 0;
  padding:12px 14px;
  border:1px solid var(--optin-line);
  border-radius:14px;
}
.mdw-optin-categories legend{padding:0 5px;color:#26323a;font-size:13px;font-weight:800}
.mdw-optin-check{display:flex;align-items:flex-start;gap:10px;color:#26323a;font-size:14px;line-height:1.35;cursor:pointer}
.mdw-optin-check input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:var(--optin-green)}
.mdw-optin-consent{padding:1px 3px;color:var(--optin-muted);font-size:12px;line-height:1.45}

.mdw-optin-status{min-height:18px;color:#b42318;font-size:12px;text-align:center}
.mdw-optin-submit{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  height:50px;
  border:0;
  border-radius:13px;
  background:linear-gradient(90deg,var(--optin-green),#12c96f);
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}
.mdw-optin-submit:disabled{opacity:.65;cursor:not-allowed}
.mdw-optin-privacy{margin:0;text-align:center;color:#7b858d;font-size:11px}

.mdw-optin-trigger{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:99990;
  border:0;
  border-radius:999px;
  background:var(--optin-green);
  color:#fff;
  padding:13px 18px;
  font-weight:800;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  cursor:pointer;
}

@media(max-width:600px){
  .mdw-optin-backdrop{align-items:flex-start;padding:8px}
  .mdw-optin-modal{
    width:100%;
    max-height:calc(100dvh - 16px);
    padding:20px 18px 18px;
    border-radius:22px;
  }
  .mdw-optin-close{top:12px;right:12px;width:38px;height:38px;font-size:25px}
  .mdw-optin-header{padding:0 34px}
  .mdw-optin-whatsapp-icon{width:42px;height:42px;margin-bottom:8px;border-width:3px;font-size:22px}
  .mdw-optin-header h2{font-size:24px}
  .mdw-optin-header p{margin-top:6px;font-size:14px}
  .mdw-optin-qr-block{display:flex;align-items:center;justify-content:center;gap:10px;width:auto;margin:13px auto 8px;padding:8px 12px}
  .mdw-optin-qr-block img{width:68px;height:68px;margin:0}
  .mdw-optin-qr-block span{margin:0;font-size:13px}
  .mdw-optin-divider{margin:8px 0}
  .mdw-optin-form{gap:9px}
  .mdw-optin-field input{height:44px}
  .mdw-optin-categories{gap:7px;padding:10px 12px}
  .mdw-optin-check{font-size:13px}
  .mdw-optin-consent{font-size:11.5px}
  .mdw-optin-submit{height:47px}
  .mdw-optin-trigger{right:12px;bottom:12px;padding:11px 15px}
}