.nm-newsletter-form { max-width: 54rem; display: flex; flex-direction: column; gap: 1.2rem; font-family: Inter, "PT Sans", sans-serif; color: var(--web-white, #fefefc); position: relative; }
.nm-newsletter-title { font-family: "Tt Drugs", Inter, sans-serif; font-size: clamp(2rem, 2.4vw, 2.6rem); font-weight: 600; margin: 0; color: var(--web-white, #fefefc); letter-spacing: 0.01em; line-height: 1.15; }
.nm-newsletter-desc { font-size: 1.4rem; color: rgba(254, 254, 252, 0.65); margin: 0 0 0.4rem; line-height: 1.45; max-width: 42rem; }
.nm-newsletter-row { position: relative; display: flex; align-items: center; gap: 0.6rem; height: 4.8rem; background-color: #fefefc1a; border: 1px solid rgba(254, 254, 252, 0.12); border-radius: var(--fill, 10000rem); padding: 0.4rem 0.4rem 0.4rem 2rem; transition: border-color 0.2s, background-color 0.2s; }
.nm-newsletter-row:focus-within { border-color: rgba(120, 170, 255, 0.6); background-color: #fefefc26; }
.nm-newsletter-input { flex: 1 1 auto; min-width: 0; height: 100%; background: transparent; border: 0; outline: 0; color: var(--web-white, #fefefc); font-family: Inter, "PT Sans", sans-serif; font-size: 1.4rem; letter-spacing: 0.01em; padding: 0; }
.nm-newsletter-input::placeholder { color: rgba(254, 254, 252, 0.45); }
.nm-newsletter-input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #1a1930 inset; -webkit-text-fill-color: var(--web-white, #fefefc); caret-color: var(--web-white, #fefefc); }
.nm-newsletter-btn { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; height: 100%; padding: 0 2.4rem; border: 0; border-radius: var(--fill, 10000rem); background-color: var(--web-white, #fefefc); color: var(--blue-dark, #000); font-family: "PT Mono", ui-monospace, monospace; font-size: 1.3rem; font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.25s ease, opacity 0.2s; }
.nm-newsletter-btn:hover { transform: scale(1.04); box-shadow: 0 0.6rem 1.8rem rgba(254, 254, 252, 0.18); }
.nm-newsletter-btn:active { transform: scale(0.98); }
.nm-newsletter-btn:disabled { opacity: 0.55; cursor: wait; transform: none; box-shadow: none; }
.nm-newsletter-btn .nm-newsletter-btn__arrow { width: 1.2rem; height: 1.2rem; transition: transform 0.2s ease; }
.nm-newsletter-btn:hover .nm-newsletter-btn__arrow { transform: translateX(0.25rem); }
.nm-newsletter-status { font-family: "PT Mono", ui-monospace, monospace; font-size: 1.2rem; min-height: 1.4em; margin: 0; color: rgba(254, 254, 252, 0.65); display: flex; align-items: center; gap: 0.5rem; }
.nm-newsletter-status::before { content: ""; width: 0.55rem; height: 0.55rem; border-radius: 50%; background: currentColor; opacity: 0; transform: scale(0.6); transition: opacity 0.2s, transform 0.2s; }
.nm-newsletter-status[data-state] { color: rgba(254, 254, 252, 0.85); }
.nm-newsletter-status[data-state]::before { opacity: 1; transform: scale(1); }
.nm-newsletter-status[data-state="success"] { color: #5fd0a6; }
.nm-newsletter-status[data-state="error"] { color: #ff8585; }
.nm-newsletter-status[data-state="loading"] { color: rgba(254, 254, 252, 0.55); }
@media (max-width: 575px) {
  .nm-newsletter-row { flex-direction: column; height: auto; padding: 0.6rem; border-radius: 1.6rem; gap: 0.8rem; align-items: stretch; }
  .nm-newsletter-input { padding: 1rem 1.2rem; text-align: left; }
  .nm-newsletter-btn { height: 4.4rem; width: 100%; }
}