#email-popup.popup-overlay {position: fixed;z-index: 9999;inset: 0;background: rgba(0, 0, 0, 0.6);display: flex;align-items: center;justify-content: center;transition: opacity 0.3s;}input[name=username] {position: absolute;left: -999999999px;}.popup-modal {background: var(--cardBg, #fff);color: var(--bodyTextColor, #222);border-radius: 1rem;box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2);padding: 2.5rem 2rem 2rem 2rem;max-width: 95vw;width: 100%;max-width: 400px;position: relative;text-align: center;}.popup-title {font-size: 2rem;font-weight: 700;margin-bottom: 0.5rem;color: var(--headerColor, #222);}.popup-desc {font-size: 1rem;margin-bottom: 1.5rem;color: var(--bodyTextColor, #444);}.popup-form {display: flex;flex-direction: column;gap: 1rem;}.popup-input {padding: 0.75rem 1rem;border-radius: 2rem;border: 1px solid var(--borderColor, #ddd);font-size: 1rem;outline: none;transition: border 0.2s;}.popup-input:focus {border-color: var(--primary, #e5572c);}.popup-submit {background: var(--primary, #e5572c);color: #fff;border: none;border-radius: 2rem;padding: 0.75rem 1rem;font-size: 1rem;font-weight: 700;cursor: pointer;transition: background 0.2s;}.popup-submit:hover, .popup-submit:focus {background: var(--primaryDark, #b13d1a);}.popup-close {position: absolute;top: 1rem;right: 1rem;background: transparent;border: none;font-size: 2rem;color: var(--bodyTextColor, #222);cursor: pointer;line-height: 1;}body.dark-mode #email-popup .popup-modal {background: var(--darkBg, #222);color: var(--bodyTextColorWhite, #fff);}body.dark-mode #email-popup .popup-title, body.dark-mode #email-popup .popup-desc {color: var(--bodyTextColorWhite, #fff);}