/* Newsletter Signup */
    .newsletter-signup {
        background-color: rgba(42, 141, 156, 0.1);
        border-radius: var(--border-radius-md);
        padding: var(--spacing-lg);
        margin: var(--spacing-lg) 0;
        border: 1px solid rgba(42, 141, 156, 0.2);
    }
    
    .newsletter-signup h3 {
        color: var(--primary-light);
        margin-bottom: var(--spacing-sm);
        text-align: center;
    }
    
    .newsletter-signup p {
        text-align: center;
        margin-bottom: var(--spacing-md);
        color: var(--text-secondary);
    }
    
    .newsletter-form {
        max-width: 500px;
        margin: 0 auto;
    }
    
    .newsletter-form .form-group {
        display: flex;
        gap: var(--spacing-sm);
        margin-bottom: var(--spacing-md);
    }
    
    .newsletter-form .form-control {
        flex: 1;
        min-width: 0;
        padding: 0.75rem 1rem;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius-sm);
        background-color: var(--bg-medium);
        color: var(--text-primary);
    }
    
    .newsletter-form .form-control:focus {
        outline: none;
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(42, 141, 156, 0.2);
        background-color: var(--bg-dark);
    }
    
    .newsletter-form .btn {
        white-space: nowrap;
    }
    
    .form-checkbox {
        display: flex;
        align-items: flex-start;
        gap: var(--spacing-sm);
        margin-bottom: var(--spacing-sm);
    }
    
    .form-checkbox input[type="checkbox"] {
        margin-top: 0.25rem;
        accent-color: var(--primary);
    }
    
    .form-checkbox label {
        font-size: 0.875rem;
        color: var(--text-secondary);
        line-height: 1.5;
    }
    
    .newsletter-message {
        margin-top: var(--spacing-md);
        padding: var(--spacing-md);
        border-radius: var(--border-radius-md);
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.6;
        font-weight: 500;
        animation: slideIn 0.3s ease-out;
    }
    
    .newsletter-message.success {
        background: linear-gradient(135deg, rgba(40, 167, 69, 0.15), rgba(40, 167, 69, 0.05));
        color: var(--success);
        border: 2px solid var(--success);
        box-shadow: 0 4px 12px rgba(40, 167, 69, 0.2);
    }
    
    .newsletter-message.error {
        background: linear-gradient(135deg, rgba(220, 53, 69, 0.15), rgba(220, 53, 69, 0.05));
        color: var(--danger);
        border: 2px solid var(--danger);
        box-shadow: 0 4px 12px rgba(220, 53, 69, 0.2);
    }
    
    @keyframes slideIn {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    /* Responsive Newsletter Signup */
    @media (max-width: 768px) {
        .newsletter-form .form-group {
            flex-direction: column;
        }
        
        .newsletter-form .btn {
            width: 100%;
        }
    }
    
    /* Additional responsive improvements */
    @media (max-width: 576px) {
        .newsletter-signup {
            padding: var(--spacing-md);
        }
        
        .newsletter-form .form-group {
            margin-bottom: var(--spacing-sm);
        }
        
        .form-checkbox {
            flex-direction: column;
            align-items: flex-start;
            gap: var(--spacing-xs);
        }
    }