/* Careers Newsletter Module Styles */
.careers-newsletter-module {}

/* Container */
.newsletter-container {margin: 0 auto; text-align: center; background: #000; color: #fff; padding: 40px 0; border-radius: 12px; }

/* Header Styles */
.newsletter-header {margin-bottom: 30px;}
.newsletter-headline {font-size: 44px;color: #fff; margin-bottom: 10px; line-height: 1.2;}
.newsletter-subheadline {color: #FFF; font-weight: 400; margin-bottom: 0; line-height: 1.4; font-size: 20px;}

/* Form Container */
.newsletter-form-container {display: flex; justify-content: center;}
.newsletter-form {width: 100%; max-width: 700px;}

/* Form Row */
.form-row {display: flex; gap: 15px; align-items: center; justify-content: center; flex-wrap: wrap;}

/* Form Groups */
.form-group {flex: 1; min-width: 200px;}
.form-group:last-child {flex: 0 0 auto;}

/* Input Styles */
.newsletter-input {background: transparent; border: 1px solid #FFF; border-radius: 50px; padding: 10px 25px; color: #fff; font-size: 1rem; transition: all 0.3s ease; width: 100%; color: #FFF !important;}
.newsletter-input::placeholder {color: #999; font-size: 0.95rem;}
.newsletter-input:focus {outline: none; border-color: #666; background: rgba(255,255,255,0.05); box-shadow: none;}
.newsletter-input:hover {border-color: #555;}

/* Button Styles */
.newsletter-btn {background: #fff; color: #000; border: none; border-radius: 50px; padding: 10px 35px; font-size: 1rem; font-weight: 600; transition: all 0.3s ease; white-space: nowrap; min-width: 140px; width: 100%;}
.newsletter-btn:hover {background: #f0f0f0; color: #000; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255,255,255,0.2);}
.newsletter-btn:active {transform: translateY(0);}

/* Responsive Design */
@media (max-width: 991.98px) {
    .careers-newsletter-module {padding: 60px 0; margin: 30px 0;}
    .newsletter-headline {font-size: 2.5rem;}
    .form-row {gap: 12px;}
    .newsletter-input {padding: 12px 20px;}
    .newsletter-btn {padding: 12px 30px;}
}

@media (max-width: 767px) {
    .careers-newsletter-module {padding: 0; border-radius: 8px; margin: 0}
    .newsletter-container {padding: 30px}
    .newsletter-headline {font-size: 2rem;}
    .newsletter-subheadline {font-size: 1rem;}
    .newsletter-header {margin-bottom: 30px;}
    .form-row {flex-direction: column; gap: 15px;}
    .form-group {width: 100%; min-width: auto;}
    .form-group:last-child {width: 100%;}
    .newsletter-btn {width: 100%; min-width: auto;}
    
}

@media (max-width: 575.98px) {
}

/* Focus states for accessibility */
.newsletter-input:focus, .newsletter-btn:focus {outline: 2px solid #fff; outline-offset: 2px;}

/* Animation for form submission (for future enhancement) */
.newsletter-form.submitting .newsletter-btn {opacity: 0.7; pointer-events: none;}
.newsletter-form.submitting .newsletter-btn::after {content: '...'; animation: dots 1s infinite;}

@keyframes dots {
    0%, 20% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}

/* Success/Error states (for future enhancement) */
.newsletter-form.success .newsletter-input {border-color: #28a745;}
.newsletter-form.error .newsletter-input {border-color: #dc3545;}