/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 08 2026 | 11:07:03 */
/* NEWSLETTER page styles
   Restored 2026-11-08 from page revision 4492 (2025-12-05). This CSS lived in a Custom HTML block on the page until it was removed in Dec 2025.
   Scoped to body.page-id-53. Rollback: deactivate or trash this record. */

body.page-id-53 { --ms-primary: #022342; --ms-primary-light: #0a3a5c; --ms-primary-dark: #011a33; --ms-gold: #f0d397; --ms-gold-light: #f5e0b3; --ms-gold-dark: #d4b577; --ms-gold-glow: rgba(240, 211, 151, 0.4); --ms-white: #ffffff; --ms-cream: #faf8f5; }
body.page-id-53 .newsletter-hero { position: relative; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; min-height: 50vh !important; overflow: hidden !important; background: linear-gradient(135deg, 
        var(--ms-primary) 0%, 
        var(--ms-primary-light) 40%,
        var(--ms-primary) 100%
    ) !important; }
body.page-id-53 .newsletter-hero::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(at 20% 80%, rgba(240, 211, 151, 0.12) 0%, transparent 50%), radial-gradient(at 80% 20%, rgba(240, 211, 151, 0.08) 0%, transparent 50%), radial-gradient(circle, rgba(10, 58, 92, 0.4) 0%, transparent 70%); z-index: 1; pointer-events: none; }
body.page-id-53 .newsletter-hero::after { content: ""; position: absolute; top: -100%; left: -100%; width: 300%; height: 300%; background: radial-gradient(circle at 30% 50%, rgba(240, 211, 151, 0.07) 0%, transparent 40%), radial-gradient(circle at 70% 50%, rgba(240, 211, 151, 0.05) 0%, transparent 40%); animation: 35s linear 0s infinite normal none running cosmicRotate; z-index: 1; pointer-events: none; }
@keyframes cosmicRotate { 
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(1.1); }
  100% { transform: rotate(360deg) scale(1); }
}
body.page-id-53 .newsletter-hero-inner { position: relative; text-align: center; padding: 70px 40px; max-width: 1000px; width: 100%; z-index: 10 !important; }
body.page-id-53 .newsletter-hero-title { color: var(--ms-gold) !important; font-size: clamp(32px, 6vw, 62px) !important; font-weight: 900 !important; letter-spacing: 4px !important; text-transform: uppercase !important; line-height: 1.1 !important; margin-bottom: 25px !important; position: relative !important; text-shadow: rgba(240, 211, 151, 0.5) 0px 0px 40px, rgba(240, 211, 151, 0.3) 0px 0px 80px, rgba(0, 0, 0, 0.7) 0px 4px 20px, rgba(240, 211, 151, 0.1) 0px 0px 120px !important; animation: 1.2s ease-out 0s 1 normal forwards running titleReveal, 4s ease-in-out 0s infinite normal none running titlePulse !important; }
@keyframes titleReveal { 
  0% { opacity: 0; transform: translateY(40px) scale(0.9); filter: blur(10px); }
  100% { opacity: 1; transform: translateY(0px) scale(1); filter: blur(0px); }
}
@keyframes titlePulse { 
  0%, 100% { text-shadow: rgba(240, 211, 151, 0.5) 0px 0px 40px, rgba(240, 211, 151, 0.3) 0px 0px 80px, rgba(0, 0, 0, 0.7) 0px 4px 20px; }
  50% { text-shadow: rgba(240, 211, 151, 0.7) 0px 0px 50px, rgba(240, 211, 151, 0.4) 0px 0px 100px, rgba(0, 0, 0, 0.8) 0px 4px 25px; }
}
body.page-id-53 .newsletter-hero-title::after { content: ""; display: block; width: 200px; height: 4px; background: linear-gradient(90deg, 
        transparent 0%, 
        var(--ms-gold) 20%, 
        var(--ms-gold-light) 50%, 
        var(--ms-gold) 80%, 
        transparent 100%
    ); margin: 35px auto 0px; border-radius: 2px; animation: 1.5s ease-out 0.8s 1 normal both running lineReveal; }
@keyframes lineReveal { 
  0% { width: 0px; opacity: 0; }
  100% { width: 200px; opacity: 1; }
}
body.page-id-53 .newsletter-hero-subtitle { color: rgba(255, 255, 255, 0.9) !important; font-size: clamp(16px, 2.5vw, 22px) !important; font-weight: 400 !important; line-height: 1.7 !important; max-width: 700px !important; margin: 35px auto 0px !important; animation: 1s ease-out 0.5s 1 normal both running subtitleReveal !important; }
@keyframes subtitleReveal { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
body.page-id-53 .newsletter-hero-badge { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: linear-gradient(135deg, var(--ms-gold) 0%, var(--ms-gold-light) 100%); border-radius: 50%; margin-bottom: 30px; box-shadow: rgba(240, 211, 151, 0.4) 0px 10px 40px, rgba(0, 0, 0, 0.2) 0px 5px 20px; animation: 1s ease-out 0.3s 1 normal both running badgeReveal, 3s ease-in-out 0s infinite normal none running badgeFloat; }
@keyframes badgeReveal { 
  0% { opacity: 0; transform: scale(0.5) rotate(-10deg); }
  100% { opacity: 1; transform: scale(1) rotate(0deg); }
}
@keyframes badgeFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
body.page-id-53 .newsletter-hero-badge svg { width: 40px; height: 40px; fill: var(--ms-primary); }
body.page-id-53 .newsletter-hero-decoration { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; pointer-events: none; z-index: 2; overflow: hidden; }
body.page-id-53 .newsletter-hero-decoration::before { content: ""; position: absolute; top: 15%; left: 3%; width: 180px; height: 180px; border: 2px solid rgba(240, 211, 151, 0.08); border-radius: 50%; animation: 9s ease-in-out 0s infinite normal none running floatBubble; }
body.page-id-53 .newsletter-hero-decoration::after { content: ""; position: absolute; bottom: 10%; right: 5%; width: 120px; height: 120px; border: 2px solid rgba(240, 211, 151, 0.06); border-radius: 50%; animation: 11s ease-in-out 0s infinite reverse none running floatBubble; }
@keyframes floatBubble { 
  0%, 100% { transform: translateY(0px) scale(1); opacity: 0.5; }
  50% { transform: translateY(-25px) scale(1.05); opacity: 0.8; }
}
body.page-id-53 .newsletter-section { position: relative; background: linear-gradient(rgb(250, 248, 245) 0%, rgb(255, 255, 255) 20%, rgb(255, 255, 255) 80%, rgb(250, 248, 245) 100%) !important; padding: 90px 40px 110px !important; }
body.page-id-53 .newsletter-section::before { content: ""; position: absolute; top: -2px; left: 0px; right: 0px; height: 120px; background: linear-gradient(180deg, var(--ms-primary) 0%, transparent 100%); opacity: 0.04; pointer-events: none; }
body.page-id-53 .newsletter-section hr.wp-block-separator { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; height: 3px !important; background: linear-gradient(90deg, 
        transparent 0%, 
        var(--ms-gold) 15%, 
        var(--ms-gold-light) 30%,
        var(--ms-primary) 50%,
        var(--ms-gold-light) 70%,
        var(--ms-gold) 85%, 
        transparent 100%
    ) !important; max-width: 550px !important; margin: 0px auto 55px !important; opacity: 1 !important; border-radius: 3px !important; }
body.page-id-53 .newsletter-heading { color: var(--ms-primary) !important; font-size: clamp(26px, 4.5vw, 44px) !important; font-weight: 800 !important; letter-spacing: 2px !important; text-transform: uppercase !important; margin-bottom: 20px !important; text-align: center !important; line-height: 1.2 !important; }
body.page-id-53 .newsletter-heading::after { content: ""; display: block; width: 100px; height: 4px; background: linear-gradient(90deg, var(--ms-gold), var(--ms-gold-dark)); margin: 25px auto 0px; border-radius: 2px; }
body.page-id-53 .newsletter-subheading { color: rgba(2, 35, 66, 0.7) !important; font-size: clamp(14px, 2vw, 17px) !important; font-weight: 400 !important; text-align: center !important; max-width: 600px !important; margin: 0px auto 55px !important; line-height: 1.7 !important; }
body.page-id-53 .newsletter-benefits-wrapper { width: 80% !important; max-width: 1000px !important; margin: 0px auto 60px !important; display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; }
body.page-id-53 .newsletter-benefit-card { background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(250, 248, 245) 100%) !important; padding: 35px 25px !important; border-radius: 20px !important; text-align: center !important; border: 2px solid rgba(240, 211, 151, 0.2) !important; box-shadow: rgba(0, 0, 0, 0.06) 0px 15px 40px !important; transition: 0.4s !important; position: relative !important; overflow: hidden !important; }
body.page-id-53 .newsletter-benefit-card::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 4px; background: linear-gradient(90deg, var(--ms-gold), var(--ms-gold-light)); opacity: 0; transition: opacity 0.3s; }
body.page-id-53 .newsletter-benefit-card:hover { transform: translateY(-8px) !important; border-color: var(--ms-gold) !important; box-shadow: rgba(240, 211, 151, 0.2) 0px 25px 60px !important; }
body.page-id-53 .newsletter-benefit-card:hover::before { opacity: 1; }
body.page-id-53 .newsletter-benefit-icon { width: 60px !important; height: 60px !important; margin: 0px auto 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg, var(--ms-gold) 0%, var(--ms-gold-light) 100%) !important; border-radius: 50% !important; box-shadow: rgba(240, 211, 151, 0.3) 0px 8px 25px !important; }
body.page-id-53 .newsletter-benefit-icon svg { width: 28px !important; height: 28px !important; fill: var(--ms-primary) !important; }
body.page-id-53 .newsletter-benefit-title { font-size: 18px !important; font-weight: 800 !important; color: var(--ms-primary) !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 12px !important; }
body.page-id-53 .newsletter-benefit-text { font-size: 14px !important; color: rgba(2, 35, 66, 0.7) !important; line-height: 1.6 !important; margin: 0px !important; }
body.page-id-53 .newsletter-embed-wrapper { width: 80% !important; max-width: 800px !important; margin: 0px auto !important; background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(250, 248, 245) 100%) !important; padding: 50px !important; border-radius: 30px !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 35px 70px, rgba(2, 35, 66, 0.05) 0px 15px 35px, rgba(240, 211, 151, 0.1) 0px 0px 0px 1px !important; border: 2px solid rgba(240, 211, 151, 0.2) !important; position: relative !important; overflow: hidden !important; }
body.page-id-53 .newsletter-embed-wrapper::before { content: ""; position: absolute; top: -60px; right: -60px; width: 180px; height: 180px; background: radial-gradient(circle, rgba(240, 211, 151, 0.12) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }
body.page-id-53 .newsletter-embed-wrapper::after { content: ""; position: absolute; bottom: -40px; left: -40px; width: 120px; height: 120px; background: radial-gradient(circle, rgba(2, 35, 66, 0.04) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }
body.page-id-53 .newsletter-embed-container { position: relative !important; z-index: 1 !important; text-align: center !important; }
body.page-id-53 .newsletter-section .ose-wrapper, body.page-id-53 .newsletter-section .wp-block-embedpress-embedpress, body.page-id-53 .newsletter-section [class*="embedpress"] { width: 100% !important; max-width: 100% !important; margin: 0px auto !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px !important; }
body.page-id-53 .newsletter-section .ose-wrapper iframe, body.page-id-53 .newsletter-section .wp-block-embedpress-embedpress iframe, body.page-id-53 .newsletter-section [class*="embedpress"] iframe { width: 100% !important; max-width: 100% !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 16px !important; }
body.page-id-53 .newsletter-section .ose-embedpress-responsive { width: 100% !important; max-width: 700px !important; margin: 0px auto !important; }
body.page-id-53 .newsletter-section .ose-embedpress-responsive iframe { border-radius: 12px !important; box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 25px !important; }
body.page-id-53 .newsletter-privacy { text-align: center !important; margin-top: 30px !important; padding: 20px !important; background: rgba(2, 35, 66, 0.03) !important; border-radius: 12px !important; }
body.page-id-53 .newsletter-privacy-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; background: var(--ms-primary) !important; border-radius: 50% !important; margin-bottom: 12px !important; }
body.page-id-53 .newsletter-privacy-icon svg { width: 20px !important; height: 20px !important; fill: var(--ms-gold) !important; }
body.page-id-53 .newsletter-privacy-text { font-size: 13px !important; color: rgba(2, 35, 66, 0.6) !important; line-height: 1.6 !important; margin: 0px !important; }
@media (min-width: 1400px) {
body.page-id-53 .newsletter-embed-wrapper { width: 70% !important; max-width: 850px !important; }
body.page-id-53 .newsletter-benefits-wrapper { width: 75% !important; max-width: 1100px !important; }
}
@media (max-width: 1024px) {
body.page-id-53 .newsletter-hero { min-height: 45vh !important; }
body.page-id-53 .newsletter-hero-inner { padding: 55px 35px !important; }
body.page-id-53 .newsletter-section { padding: 70px 25px 90px !important; }
body.page-id-53 .newsletter-embed-wrapper { width: 90% !important; padding: 40px 35px !important; }
body.page-id-53 .newsletter-benefits-wrapper { width: 90% !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; }
body.page-id-53 .newsletter-benefit-card { padding: 28px 20px !important; }
body.page-id-53 .newsletter-benefit-icon { width: 50px !important; height: 50px !important; }
body.page-id-53 .newsletter-benefit-icon svg { width: 24px !important; height: 24px !important; }
body.page-id-53 .newsletter-benefit-title { font-size: 16px !important; }
}
@media (max-width: 768px) {
body.page-id-53 .newsletter-hero { min-height: 40vh !important; }
body.page-id-53 .newsletter-hero-inner { padding: 45px 22px !important; }
body.page-id-53 .newsletter-hero-title { font-size: clamp(26px, 7vw, 38px) !important; letter-spacing: 2px !important; }
body.page-id-53 .newsletter-hero-title::after { width: 150px !important; margin-top: 25px !important; }
body.page-id-53 .newsletter-hero-subtitle { font-size: 15px !important; margin-top: 25px !important; }
body.page-id-53 .newsletter-hero-badge { width: 65px !important; height: 65px !important; margin-bottom: 25px !important; }
body.page-id-53 .newsletter-hero-badge svg { width: 32px !important; height: 32px !important; }
body.page-id-53 .newsletter-hero-decoration::before, body.page-id-53 .newsletter-hero-decoration::after { display: none !important; }
body.page-id-53 .newsletter-section { padding: 55px 15px 75px !important; }
body.page-id-53 .newsletter-heading { font-size: clamp(22px, 6vw, 32px) !important; }
body.page-id-53 .newsletter-subheading { font-size: 14px !important; margin-bottom: 40px !important; }
body.page-id-53 .newsletter-benefits-wrapper { width: 95% !important; grid-template-columns: 1fr !important; gap: 20px !important; margin-bottom: 50px !important; }
body.page-id-53 .newsletter-benefit-card { padding: 30px 25px !important; }
body.page-id-53 .newsletter-embed-wrapper { width: 95% !important; padding: 30px 20px !important; border-radius: 24px !important; }
body.page-id-53 .newsletter-section .ose-wrapper, body.page-id-53 .newsletter-section .wp-block-embedpress-embedpress, body.page-id-53 .newsletter-section [class*="embedpress"], body.page-id-53 .newsletter-section .ose-embedpress-responsive { max-width: 100% !important; }
body.page-id-53 .newsletter-section .ose-wrapper iframe, body.page-id-53 .newsletter-section .wp-block-embedpress-embedpress iframe, body.page-id-53 .newsletter-section [class*="embedpress"] iframe, body.page-id-53 .newsletter-section .ose-embedpress-responsive iframe { height: 800px !important; }
}
@media (max-width: 480px) {
body.page-id-53 .newsletter-hero { min-height: 35vh !important; }
body.page-id-53 .newsletter-hero-title { font-size: 24px !important; letter-spacing: 1.5px !important; }
body.page-id-53 .newsletter-hero-subtitle { font-size: 14px !important; }
body.page-id-53 .newsletter-hero-badge { width: 55px !important; height: 55px !important; }
body.page-id-53 .newsletter-section { padding: 45px 10px 65px !important; }
body.page-id-53 .newsletter-benefits-wrapper { width: 98% !important; }
body.page-id-53 .newsletter-benefit-card { padding: 25px 20px !important; }
body.page-id-53 .newsletter-benefit-icon { width: 45px !important; height: 45px !important; }
body.page-id-53 .newsletter-benefit-icon svg { width: 22px !important; height: 22px !important; }
body.page-id-53 .newsletter-benefit-title { font-size: 15px !important; }
body.page-id-53 .newsletter-embed-wrapper { width: 98% !important; padding: 25px 15px !important; }
body.page-id-53 .newsletter-section .ose-wrapper iframe, body.page-id-53 .newsletter-section .wp-block-embedpress-embedpress iframe, body.page-id-53 .newsletter-section [class*="embedpress"] iframe, body.page-id-53 .newsletter-section .ose-embedpress-responsive iframe { height: 750px !important; }
body.page-id-53 .newsletter-privacy { padding: 15px !important; }
body.page-id-53 .newsletter-privacy-text { font-size: 12px !important; }
}
body.page-id-53 .newsletter-section a:focus { outline: 3px solid var(--ms-gold) !important; outline-offset: 3px !important; }
@media (prefers-reduced-motion: reduce) {
body.page-id-53 .newsletter-hero::after, body.page-id-53 .newsletter-hero-badge { animation: auto ease 0s 1 normal none running none !important; }
body.page-id-53 .newsletter-hero-title { animation: auto ease 0s 1 normal none running none !important; }
body.page-id-53 .newsletter-benefit-card { transition: none !important; }
}
@media print {
body.page-id-53 .newsletter-hero { min-height: auto !important; background: rgb(2, 35, 66) !important; print-color-adjust: exact !important; }
body.page-id-53 .newsletter-embed-wrapper { box-shadow: none !important; border: 1px solid rgb(204, 204, 204) !important; width: 100% !important; }
body.page-id-53 .newsletter-benefits-wrapper { display: none !important; }
}

/* 2026-11-08 bug fix: white text in navy bands. WordPress paints every block that has its own text colour with the "text" palette colour (!important), so white text turned dark here. */
body.page-id-53 .has-022342-background-color .has-white-color { color: #ffffff !important; }