/* PalmSeth - Newsletter page refresh (scoped to body.page-newsletter), brand green #007749 */
.page-newsletter .newsletter-hero {
 background: linear-gradient(135deg, #003d25 0%, #007749 60%, #27ae60 130%);
 color: #ffffff;
 min-height: 56vh;
 display: flex;
 align-items: center;
 position: relative;
 overflow: hidden;
}
.page-newsletter .newsletter-hero::after {
 content: '';
 position: absolute;
 width: 50rem;
 height: 50rem;
 right: -16rem;
 top: -18rem;
 border-radius: 50%;
 background: radial-gradient(circle, rgba(243, 156, 18, 0.25) 0%, rgba(243, 156, 18, 0) 70%);
 pointer-events: none;
}
.page-newsletter .newsletter-hero .hero-container {
 position: relative;
 z-index: 1;
}
.page-newsletter .newsletter-hero .hero-title {
 font-family: var(--font-secondary);
 font-size: 5.4rem;
 font-weight: 700;
 line-height: 1.1;
 margin-bottom: 2rem;
 color: #ffffff;
}
.page-newsletter .newsletter-hero .hero-tagline {
 display: inline-block;
 font-size: 1.7rem;
 font-weight: 600;
 padding: 0.7rem 1.8rem;
 border-radius: 999px;
 background: rgba(255, 255, 255, 0.14);
 border: 1px solid rgba(255, 255, 255, 0.22);
}
.page-newsletter .section {
 padding: 9rem 0;
}
.page-newsletter .section-header {
 text-align: center;
 margin-bottom: 4.5rem;
}
.page-newsletter .section-title {
 font-family: var(--font-secondary);
 font-size: 3.6rem;
 font-weight: 700;
 margin-bottom: 1.2rem;
 color: #003d25;
}
.page-newsletter .section-line {
 background: linear-gradient(90deg, #007749, #f39c12);
 height: 4px;
 width: 6rem;
 margin: 0 auto;
 border-radius: 4px;
}
.page-newsletter .newsletter-main {
 background: linear-gradient(180deg, #f5faf7 0%, #ffffff 100%);
}
.page-newsletter .newsletter-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
 gap: 5rem;
 align-items: start;
}
.page-newsletter .newsletter-benefits {
 position: sticky;
 top: 12rem;
}
.page-newsletter .benefits-list {
 display: grid;
 gap: 2rem;
}
.page-newsletter .benefit-item {
 display: flex;
 gap: 2rem;
 align-items: flex-start;
 background: #ffffff;
 border-radius: 20px;
 padding: 2.4rem 2.4rem;
 border: 1px solid rgba(0, 119, 73, 0.10);
 box-shadow: 0 10px 30px rgba(0, 40, 25, 0.06);
 transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.page-newsletter .benefit-item:hover {
 transform: translateX(6px);
 box-shadow: 0 18px 40px rgba(0, 40, 25, 0.12);
}
.page-newsletter .benefit-icon {
 flex: 0 0 5.6rem;
 width: 5.6rem;
 height: 5.6rem;
 border-radius: 16px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: linear-gradient(135deg, #e6f5ee 0%, #d2eee0 100%);
 color: #007749;
 font-size: 2.2rem;
}
.page-newsletter .benefit-content h3 {
 font-family: var(--font-secondary);
 font-size: 1.9rem;
 font-weight: 700;
 margin-bottom: 0.6rem;
 color: #003d25;
}
.page-newsletter .benefit-content p {
 font-size: 1.5rem;
 line-height: 1.6;
 color: var(--color-text-light);
}
.page-newsletter .form-card {
 background: #ffffff;
 border-radius: 24px;
 padding: 4rem 3.8rem;
 border: 1px solid rgba(0, 119, 73, 0.12);
 box-shadow: 0 20px 50px rgba(0, 40, 25, 0.10);
 border-top: 5px solid #007749;
}
.page-newsletter .form-card h2 {
 font-family: var(--font-secondary);
 font-size: 2.6rem;
 font-weight: 700;
 color: #003d25;
 margin-bottom: 1rem;
}
.page-newsletter .form-intro {
 font-size: 1.6rem;
 color: var(--color-text-light);
 margin-bottom: 3rem;
}
.page-newsletter .form-group {
 margin-bottom: 2.2rem;
}
.page-newsletter .form-group > label {
 display: block;
 font-size: 1.4rem;
 font-weight: 600;
 color: #003d25;
 margin-bottom: 0.8rem;
}
.page-newsletter .form-control {
 width: 100%;
 border-radius: 12px;
 border: 1px solid #d3e6dc;
 padding: 1.3rem 1.5rem;
 font-size: 1.5rem;
 background: #fbfdfc;
 transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.page-newsletter .form-control:focus {
 outline: none;
 border-color: #007749;
 box-shadow: 0 0 0 4px rgba(0, 119, 73, 0.14);
}
.page-newsletter .checkbox-group {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
 gap: 1rem;
}
.page-newsletter .checkbox-item {
 display: flex;
 align-items: center;
 gap: 0.8rem;
 padding: 1rem 1.2rem;
 border-radius: 12px;
 border: 1px solid #d3e6dc;
 background: #fbfdfc;
 transition: background-color 0.25s ease, border-color 0.25s ease;
}
.page-newsletter .checkbox-item:hover {
 background: #e6f5ee;
 border-color: #007749;
}
.page-newsletter .checkbox-item label {
 font-size: 1.4rem;
 cursor: pointer;
 color: var(--color-text);
}
.page-newsletter .checkbox-item input[type="checkbox"],
.page-newsletter .form-checkbox input[type="checkbox"] {
 accent-color: #007749;
 width: 1.6rem;
 height: 1.6rem;
}
.page-newsletter .form-checkbox {
 display: flex;
 gap: 1rem;
 align-items: flex-start;
}
.page-newsletter .form-checkbox label {
 font-size: 1.4rem;
 line-height: 1.5;
 color: var(--color-text-light);
}
.page-newsletter .form-checkbox a {
 color: #007749;
 text-decoration: underline;
}
.page-newsletter .btn-full {
 width: 100%;
 background: #007749;
 border-color: #007749;
 color: #ffffff;
 border-radius: 14px;
 padding: 1.5rem 2rem;
 font-weight: 700;
 box-shadow: 0 12px 26px rgba(0, 119, 73, 0.28);
 transition: background-color 0.3s ease, transform 0.3s ease;
}
.page-newsletter .btn-full:hover {
 background: #005a35;
 transform: translateY(-2px);
}
.page-newsletter .form-message.success {
 color: #007749;
}
.page-newsletter .previous-newsletters {
 background: #ffffff;
}
.page-newsletter .newsletters-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
 gap: 2.6rem;
}
.page-newsletter .newsletter-preview {
 background: #ffffff;
 border-radius: 22px;
 overflow: hidden;
 border: 1px solid rgba(0, 119, 73, 0.10);
 box-shadow: 0 12px 32px rgba(0, 40, 25, 0.07);
 transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.page-newsletter .newsletter-preview:hover {
 transform: translateY(-8px);
 box-shadow: 0 24px 48px rgba(0, 60, 35, 0.14);
}
.page-newsletter .preview-image img {
 width: 100%;
 height: 20rem;
 object-fit: cover;
 display: block;
 transition: transform 0.5s ease;
}
.page-newsletter .newsletter-preview:hover .preview-image img {
 transform: scale(1.05);
}
.page-newsletter .preview-content {
 padding: 2.4rem 2.2rem 2.6rem;
}
.page-newsletter .preview-date {
 display: inline-block;
 font-size: 1.3rem;
 font-weight: 600;
 color: #007749;
 background: #e6f5ee;
 padding: 0.4rem 1.2rem;
 border-radius: 999px;
 margin-bottom: 1.2rem;
}
.page-newsletter .preview-title {
 font-family: var(--font-secondary);
 font-size: 1.9rem;
 font-weight: 700;
 line-height: 1.3;
 color: #003d25;
 margin-bottom: 1rem;
}
.page-newsletter .preview-excerpt {
 font-size: 1.5rem;
 line-height: 1.6;
 color: var(--color-text-light);
 margin-bottom: 1.6rem;
}
.page-newsletter .preview-link {
 color: #007749;
 font-weight: 700;
 font-size: 1.4rem;
}
.page-newsletter .preview-link:hover {
 color: #f39c12;
}
.page-newsletter .faq-section {
 background: #f5faf7;
}
.page-newsletter .faq-container {
 max-width: 86rem;
 margin: 0 auto;
 display: grid;
 gap: 1.6rem;
}
.page-newsletter .faq-item {
 background: #ffffff;
 border-radius: 18px;
 border: 1px solid rgba(0, 119, 73, 0.10);
 box-shadow: 0 8px 24px rgba(0, 40, 25, 0.05);
 overflow: hidden;
}
.page-newsletter .faq-question {
 font-family: var(--font-secondary);
 font-size: 1.8rem;
 font-weight: 600;
 color: #003d25;
}
.page-newsletter .faq-answer {
 font-size: 1.5rem;
 line-height: 1.65;
 color: var(--color-text-light);
}
@media (max-width: 767px) {
 .page-newsletter .newsletter-hero .hero-title {
 font-size: 4rem;
 }
 .page-newsletter .newsletter-hero {
 min-height: auto;
 padding: 10rem 0 6rem;
 }
 .page-newsletter .section {
 padding: 6rem 0;
 }
 .page-newsletter .newsletter-benefits {
 position: static;
 }
 .page-newsletter .form-card {
 padding: 3rem 2.4rem;
 }
}