/* ===== Newsletter Popup ===== */
.mas-nl-overlay{
  position:fixed;inset:0;z-index:999999;
  background:rgba(0,15,36,.65);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;
  padding:20px;
  opacity:0;transition:opacity .3s ease
}
.mas-nl-overlay.visible{opacity:1}
.mas-nl-popup{
  position:relative;
  background:#fff;border-radius:16px;
  box-shadow:0 25px 60px rgba(0,0,0,.3);
  max-width:720px;width:100%;
  display:grid;grid-template-columns:1fr 240px;
  overflow:hidden;
  transform:translateY(20px) scale(.97);
  transition:transform .35s cubic-bezier(.22,.68,0,1.1)
}
.mas-nl-overlay.visible .mas-nl-popup{transform:translateY(0) scale(1)}

/* Close */
.mas-nl-close{
  position:absolute;top:14px;right:14px;z-index:2;
  background:none;border:none;cursor:pointer;
  color:#94a3b8;padding:4px;border-radius:6px;
  transition:color .15s,background .15s
}
.mas-nl-close:hover{color:#1a1a1a;background:rgba(0,0,0,.05)}

/* Body */
.mas-nl-body{padding:36px 32px 32px}

.mas-nl-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#0157ff;margin-bottom:14px
}
.mas-nl-pulse{
  width:8px;height:8px;border-radius:50%;background:#0157ff;
  box-shadow:0 0 0 0 rgba(1,87,255,.4);
  animation:mas-nl-pulse 2s infinite
}
@keyframes mas-nl-pulse{
  0%{box-shadow:0 0 0 0 rgba(1,87,255,.4)}
  70%{box-shadow:0 0 0 8px rgba(1,87,255,0)}
  100%{box-shadow:0 0 0 0 rgba(1,87,255,0)}
}

.mas-nl-title{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:1.75rem;font-weight:600;color:#001529;
  line-height:1.15;margin:0 0 10px;letter-spacing:-.01em
}
.mas-nl-sub{
  font-size:.9375rem;color:#4b5563;line-height:1.55;margin:0 0 20px
}

/* Form */
.mas-nl-form{margin:0}
.mas-nl-input-wrap{
  display:flex;gap:0;
  border:2px solid #e5e7eb;border-radius:10px;
  overflow:hidden;transition:border-color .15s
}
.mas-nl-input-wrap:focus-within{border-color:#0157ff}
.mas-nl-input{
  flex:1;border:none;outline:none;padding:14px 16px;
  font-size:.9375rem;color:#1a1a1a;
  font-family:'Inter',system-ui,sans-serif;
  min-width:0
}
.mas-nl-input::placeholder{color:#94a3b8}
.mas-nl-btn{
  display:flex;align-items:center;gap:6px;
  background:#0157ff;color:#fff;border:none;
  padding:14px 22px;font-size:.875rem;font-weight:700;
  font-family:'Inter',system-ui,sans-serif;
  cursor:pointer;white-space:nowrap;
  transition:background .15s
}
.mas-nl-btn:hover{background:#0046d6}
.mas-nl-btn:disabled{opacity:.6;cursor:not-allowed}
.mas-nl-btn-arrow{flex-shrink:0}

/* Message */
.mas-nl-msg{
  margin-top:10px;padding:10px 14px;border-radius:8px;
  font-size:.875rem;font-weight:500;line-height:1.4
}
.mas-nl-msg.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.mas-nl-msg.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}

/* Trust line */
.mas-nl-trust{
  display:flex;align-items:center;gap:6px;
  font-size:.75rem;color:#41506b;margin:14px 0 0 /* contrast fix 2026-07-22: was #94a3b8, 2.56:1 on white */
}

/* Visual panel */
.mas-nl-visual{
  background:linear-gradient(160deg,#002440 0%,#003d7a 100%);
  padding:32px 24px;
  display:flex;flex-direction:column;justify-content:center;gap:14px
}
.mas-nl-rate-preview{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;padding:16px 18px;
  backdrop-filter:blur(4px)
}
.mas-nl-rate-preview--alt{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.08)
}
.mas-nl-rate-label{
  font-size:.65rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:4px
}
.mas-nl-rate-num{
  font-size:1.75rem;font-weight:800;line-height:1;
  background:linear-gradient(135deg,#fff,#93c5fd);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;margin-bottom:4px
}
.mas-nl-rate-detail{
  font-size:.75rem;color:rgba(255,255,255,.5)
}

/* Success state */
.mas-nl-popup.success .mas-nl-form{display:none}
.mas-nl-success{display:none;text-align:center;padding:10px 0}
.mas-nl-popup.success .mas-nl-success{display:block}
.mas-nl-success-icon{
  width:56px;height:56px;border-radius:50%;
  background:#ecfdf5;color:#059669;
  display:inline-flex;align-items:center;justify-content:center;
  margin-bottom:12px
}
.mas-nl-success h3{font-size:1.25rem;font-weight:700;color:#001529;margin:0 0 6px}
.mas-nl-success p{font-size:.9375rem;color:#4b5563;margin:0}

/* Responsive */
@media(max-width:640px){
  .mas-nl-popup{grid-template-columns:1fr;max-width:400px}
  .mas-nl-visual{display:none}
  .mas-nl-body{padding:28px 24px 24px}
  .mas-nl-title{font-size:1.5rem}
  .mas-nl-input-wrap{flex-direction:column;gap:0;border-radius:10px}
  .mas-nl-input{border-bottom:1px solid #e5e7eb;border-radius:0;padding:16px 16px;font-size:1rem}
  .mas-nl-btn{justify-content:center;border-radius:0 0 8px 8px;padding:16px 22px;font-size:1rem}
}