.newsletter-page { background: var(--clf-canvas); }
.newsletter-page .site-header { position: relative; }
.newsletter-page .hero-navbar { position: relative; }
.newsletter-page .navbar-brand { position: absolute; }
.newsletter-hero { position: relative; overflow: hidden; padding: 105px 0 72px; background: linear-gradient(105deg, #f9fdff 0%, #eaf7ff 53%, #f6fcff 100%); isolation: isolate; }
.newsletter-hero::before { position: absolute; z-index: -1; content: ""; inset: 0; background: radial-gradient(circle at 63% 44%, rgba(255, 255, 255, .13), transparent 27%), radial-gradient(circle at 18% 68%, rgba(0, 103, 184, .04), transparent 34%); }
.newsletter-hero .hero-edge { z-index: -1; opacity: .7; }
.newsletter-hero .hero-edge-left { top: 145px; }
.newsletter-hero .hero-edge-right { top: -125px; }
.newsletter-kicker { margin: 0 0 8px; color: var(--clf-blue); font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.newsletter-hero h1, .success-card h1 { margin: 0; color: var(--clf-blue-deep); font-family: var(--font-display); font-size: clamp(3rem, 7vw, 5.2rem); font-weight: 700; letter-spacing: 0; text-transform: none; }
.newsletter-intro { max-width: 650px; margin: 18px auto 0; color: #263750; font-size: 17px; line-height: 1.75; }
.newsletter-signup-section { padding: 0 0 80px; margin-top: -20px; position: relative; }
.newsletter-card { padding: 46px; border: 1px solid rgba(0, 76, 157, .09); border-radius: 20px; background: #fff; box-shadow: var(--shadow-soft); text-align: center; }
.newsletter-card-icon, .success-mark { display: grid; width: 57px; height: 57px; margin: -74px auto 17px; place-items: center; border-radius: 50%; background: var(--clf-gold); color: var(--clf-blue-deep); font-size: 23px; box-shadow: 0 8px 18px rgba(255, 201, 40, .35); }
.newsletter-card h2, .newsletter-countdown-section h2, .newsletter-faq h2 { margin: 0; color: var(--clf-blue-deep); font-family: var(--font-display); font-size: 36px; font-weight: 700; }
.newsletter-card > p { margin: 8px 0 24px; color: #5f6774; font-size: 14px; }
.notification-form { max-width: 460px; margin: 0 auto; text-align: left; }
.notification-form .form-label { color: #263750; font-size: 14px; font-weight: 700; }
.notification-form .form-control { min-height: 51px; border: 1px solid #c9dbe8; border-radius: 9px; color: #1a2b48; box-shadow: none; }
.notification-form .form-control:focus { border-color: var(--clf-blue); box-shadow: 0 0 0 .22rem rgba(0, 103, 184, .12); }
.notify-button { display: block; width: 100%; margin-top: 16px; }
.newsletter-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.subscription-benefits { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 20px; margin: 28px 0 0; padding: 23px 0 0; border-top: 1px solid #e7eef4; list-style: none; text-align: left; }
.subscription-benefits li { color: #33425a; font-size: 13px; font-weight: 600; }.subscription-benefits i { margin-right: 7px; color: #29a065; }
.newsletter-countdown-section { padding: 72px 0; background: #fff; }.newsletter-countdown-section h2 { margin-bottom: 24px; }.newsletter-countdown { justify-content: center; max-width: none; }.newsletter-countdown > div { width: 82px; min-height: 70px; }.countdown-date { margin: 16px 0 0; color: #5f6774; font-size: 14px; }.countdown-date i { margin-right: 7px; color: var(--clf-blue); }
.newsletter-faq { padding: 76px 0 88px; }.newsletter-faq .section-heading { margin-bottom: 27px; }.accordion-item { overflow: hidden; border: 1px solid #dbe8f0; border-radius: 9px !important; margin-bottom: 10px; box-shadow: 0 4px 12px rgba(0, 67, 127, .04); }.accordion-button { color: var(--clf-blue-deep); font-weight: 700; box-shadow: none !important; }.accordion-button:not(.collapsed) { color: var(--clf-blue-deep); background: #eef8ff; }.accordion-button::after { filter: saturate(.8); }.accordion-body { color: #536176; font-size: 14px; line-height: 1.65; }
.footer-newsletter-link { display: inline-block; padding: 8px 16px; border-radius: var(--radius-pill); background: var(--clf-gold); color: #173b76; font-size: 13px; font-weight: 700; text-decoration: none; }.footer-newsletter-link:hover { color: #173b76; }
.newsletter-success { min-height: calc(100vh - 67px); padding: 112px 0; background: linear-gradient(105deg, #f9fdff 0%, #eaf7ff 53%, #f6fcff 100%); }.success-card { max-width: 720px; margin: 0 auto; padding: 56px 45px 45px; border-radius: 20px; background: #fff; box-shadow: var(--shadow-soft); text-align: center; }.success-mark { width: 78px; height: 78px; margin: -95px auto 20px; background: #2eaf70; color: #fff; font-size: 34px; box-shadow: 0 9px 21px rgba(46, 175, 112, .3); }.success-lead { margin: 14px 0 5px; color: var(--clf-blue-deep); font-size: 19px; font-weight: 700; }.success-card > p:not(.newsletter-kicker):not(.success-lead) { color: #566276; }.success-benefits { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 25px 0; }.success-benefits span { padding: 7px 11px; border-radius: var(--radius-pill); background: #edf8ff; color: var(--clf-blue-deep); font-size: 12px; font-weight: 700; }.success-card .newsletter-countdown { margin: 28px auto; }
@media (max-width: 991.98px) { .newsletter-page .navbar-brand { position: relative; }.newsletter-hero { padding-top: 70px; }.newsletter-faq { padding-bottom: 60px; } }
@media (max-width: 575.98px) { .newsletter-hero { padding: 56px 0 62px; }.newsletter-intro { font-size: 15px; }.newsletter-card { padding: 40px 22px 28px; }.subscription-benefits { grid-template-columns: 1fr; }.newsletter-countdown { gap: 6px; }.newsletter-countdown > div { width: 64px; padding: 12px 5px 8px; }.newsletter-countdown strong { font-size: 18px; }.newsletter-countdown span { font-size: 11px; }.newsletter-countdown-section h2, .newsletter-faq h2, .newsletter-card h2 { font-size: 31px; }.newsletter-success { padding: 94px 15px 55px; }.success-card { padding: 45px 20px 28px; }.success-card h1 { font-size: 3.4rem; } }