:root {
            --bg-light: #F8FAFC;
            --ux-radius: 24px;
            --ux-transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }


 .flc-footer-wrapper {
    padding: 0 4% 90px 4%;
     background: #ffffff;
     border-radius: var(--ux-radius);
     box-shadow: 0 40px 100px -20px rgba(0, 26, 114, 0.05);
 }

 /* --- CTA Newsletter Section --- */
 .flc-newsletter-box {
     background: var(--brand-navy);
     border-radius: var(--ux-radius);
     padding: 60px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 40px;
     position: relative;
     overflow: hidden;
     margin-bottom: 80px;
 }

 /* Subtle Background Texture Effect */
 .flc-newsletter-box::after {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: radial-gradient(circle at top right, rgba(0, 175, 102, 0.15), transparent 70%);
     pointer-events: none;
 }

 .flc-newsletter-content {
     position: relative;
     z-index: 2;
     max-width: 480px;
 }

 .flc-newsletter-content h2 {
     color: #ffffff;
     font-size: clamp(28px, 4vw, 40px);
     font-weight: 700;
     letter-spacing: -0.03em;
     line-height: 1.1;
     margin-bottom: 16px;
 }

 .flc-newsletter-content p {
     color: rgba(255, 255, 255, 0.7);
     font-size: 16px;
     line-height: 1.6;
 }

 .flc-form-group {
     position: relative;
     z-index: 2;
     display: flex;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
     padding: 8px;
     border-radius: 16px;
     width: 100%;
     max-width: 420px;
     transition: var(--ux-transition);
 }

 .flc-form-group:focus-within {
     border-color: var(--brand-teal);
     background: rgba(255, 255, 255, 0.08);
 }

 .flc-form-group input {
     background: transparent;
     border: none;
     padding: 12px 16px;
     color: #ffffff;
     font-family: inherit;
     font-size: 15px;
     flex-grow: 1;
     outline: none;
 }

 .flc-form-group input::placeholder {
     color: rgba(255, 255, 255, 0.4);
 }

 .flc-submit-btn {
     background: var(--brand-teal);
     color: #ffffff;
     border: none;
     padding: 12px 28px;
     border-radius: 12px;
     font-weight: 700;
     cursor: pointer;
     transition: var(--ux-transition);
 }

 .flc-submit-btn:hover {
     transform: translateY(-2px);
     box-shadow: 0 10px 20px rgba(0, 175, 102, 0.3);
 }

 /* --- Sitemap Section --- */
 .flc-footer-main {
     display: grid;
     grid-template-columns: 1.5fr repeat(4, 1fr);
     gap: 40px;
     padding-bottom: 60px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }

 .flc-brand-info h3 {
     font-size: 24px;
     font-weight: 800;
     color: var(--brand-navy);
     margin-bottom: 16px;
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .flc-brand-info p {
     color: var(--text-muted);
     font-size: 14px;
     line-height: 1.6;
     max-width: 240px;
 }

 .flc-nav-col h4 {
     font-size: 14px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.05em;
     margin-bottom: 24px;
     color: var(--brand-navy);
 }

 .flc-nav-col ul {
     list-style: none;
 }

 .flc-nav-col ul li {
     margin-bottom: 12px;
 }

 .flc-nav-col ul li a {
     text-decoration: none;
     color: var(--text-muted);
     font-size: 14px;
     transition: color 0.3s ease;
 }

 .flc-nav-col ul li a:hover {
     color: var(--brand-teal);
 }

 /* --- Bottom Bar --- */
 .flc-footer-bottom {
     padding-top: 30px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     color: var(--text-muted);
     font-size: 13px;
 }

 .flc-socials {
     display: flex;
     gap: 20px;
 }

 .flc-socials a {
     color: var(--brand-navy);
     font-size: 20px;
     transition: var(--ux-transition);
 }

 .flc-socials a:hover {
     color: var(--brand-teal);
     transform: translateY(-3px);
 }

 /* --- Mobile Responsive --- */
 @media (max-width: 1024px) {
     .flc-newsletter-box {
         flex-direction: column;
         align-items: flex-start;
         padding: 40px;
     }

     .flc-footer-main {
         grid-template-columns: repeat(2, 1fr);
     }

     .flc-brand-info {
         grid-column: span 2;
         margin-bottom: 20px;
     }
 }

 @media (max-width: 640px) {
     .flc-footer-wrapper {
         padding: 20px;
     }

     .flc-newsletter-box {
         padding: 30px 24px;
     }

     .flc-form-group {
         flex-direction: column;
         background: transparent;
         border: none;
         padding: 0;
         gap: 12px;
     }

     .flc-form-group input {
         background: rgba(255, 255, 255, 0.05);
         border: 1px solid rgba(255, 255, 255, 0.1);
         border-radius: 12px;
     }

     .flc-footer-main {
         grid-template-columns: 1fr;
     }

     .flc-brand-info {
         grid-column: span 1;
     }

     .flc-footer-bottom {
         flex-direction: column;
         gap: 20px;
         text-align: center;
     }
 }