.popup-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);display: flex;justify-content: center;align-items: center;z-index: 99999;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;padding: 1rem;box-sizing: border-box;}.popup-overlay.show {opacity: 1;visibility: visible;}.popup-container {background: #ffffff;border-radius: 1rem;max-width: 36rem;width: 100%;position: relative;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);transform: scale(0.9) translateY(20px);transition: transform 0.3s ease;overflow: hidden;}.popup-overlay.show .popup-container {transform: scale(1) translateY(0);}.popup-header {background: linear-gradient(135deg, var(--primary) 0%, #1a6b4f 100%);padding: 2rem 2rem 1.5rem;position: relative;}.popup-badge {display: inline-block;background: rgba(255, 255, 255, 0.2);color: #ffffff;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;padding: 0.4rem 0.8rem;border-radius: 2rem;margin-bottom: 1rem;border: 1px solid rgba(255, 255, 255, 0.3);}.popup-title {color: #ffffff;font-size: 1.75rem;font-weight: 900;line-height: 1.2;margin: 0 0 0.5rem 0;}.popup-subtitle {color: rgba(255, 255, 255, 0.9);font-size: 1rem;line-height: 1.5;margin: 0;}.popup-close {position: absolute;top: 1rem;right: 1rem;background: rgba(255, 255, 255, 0.2);border: none;width: 2.5rem;height: 2.5rem;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 0.3s ease, transform 0.2s ease;z-index: 10;}.popup-close:hover {background: rgba(255, 255, 255, 0.3);transform: rotate(90deg);}.popup-close::before, .popup-close::after {content: '';position: absolute;width: 1.25rem;height: 2px;background: #ffffff;}.popup-close::before {transform: rotate(45deg);}.popup-close::after {transform: rotate(-45deg);}.popup-body {padding: 2rem;}.popup-price {font-size: 3rem;font-weight: 900;color: var(--primary);line-height: 1;margin-bottom: 0.5rem;}.popup-description {color: #1a1a1a;font-size: 1.125rem;line-height: 1.6;margin-bottom: 1.5rem;}.popup-features {list-style: none;padding: 0;margin: 0 0 2rem 0;}.popup-features li {display: flex;align-items: center;padding: 0.75rem 0;color: #1a1a1a;font-size: 1rem;border-bottom: 1px solid #f0f0f0;}.popup-features li:last-child {border-bottom: none;}.popup-features li::before {content: '✓';display: flex;align-items: center;justify-content: center;width: 1.5rem;height: 1.5rem;background: var(--primary);color: #ffffff;border-radius: 50%;font-weight: 700;font-size: 0.875rem;margin-right: 1rem;flex-shrink: 0;}.popup-cta {display: block;width: 100%;background: var(--primary);color: #ffffff;font-size: 1.125rem;font-weight: 700;text-align: center;text-decoration: none;padding: 1rem 2rem;border-radius: 0.5rem;border: none;cursor: pointer;transition: background 0.3s ease, transform 0.2s ease;box-shadow: 0 4px 12px rgba(32, 132, 100, 0.3);}.popup-cta:hover {background: #1a6b4f;transform: translateY(-2px);box-shadow: 0 6px 16px rgba(32, 132, 100, 0.4);}.popup-dismiss {display: block;width: 100%;background: transparent;color: #666;font-size: 0.875rem;text-align: center;text-decoration: none;padding: 0.75rem;border: none;cursor: pointer;margin-top: 0.5rem;transition: color 0.3s ease;}.popup-dismiss:hover {color: #1a1a1a;}@media only screen and (max-width: 48rem) {.popup-title {font-size: 1.5rem;}.popup-price {font-size: 2.5rem;}.popup-description {font-size: 1rem;}.popup-body {padding: 1.5rem;}.popup-header {padding: 1.5rem 1.5rem 1rem;}}body.dark-mode .popup-container {background: #1a1a1a;border: 1px solid rgba(255, 255, 255, 0.1);}body.dark-mode .popup-description, body.dark-mode .popup-features li {color: #ffffff;}body.dark-mode .popup-features li {border-bottom-color: rgba(255, 255, 255, 0.1);}