:root{
      --navy:#192230;
      --yellow:#FFCD00;
      --white:#FFFFFF;
      --radius-xl:32px;
      --radius-lg:22px;
      --ease:cubic-bezier(.2,.8,.2,1);
    }

    *{box-sizing:border-box}
    
    a{text-decoration:none;color:inherit}

    .site-footer{
      width:100%;
      background:var(--navy);
      color:var(--white);
      padding:42px 24px 24px;
      overflow:hidden;
      position:relative;
      isolation:isolate;
    }

    .site-footer::before{
      content:"";
      position:absolute;
      top:0;
      left:8%;
      right:8%;
      height:1px;
      background:linear-gradient(90deg,transparent,var(--yellow),transparent);
      opacity:.9;
      z-index:-1;
    }

    .footer-shell{
      width:min(1480px,100%);
      margin:0 auto;
      border:1px solid rgba(255,255,255,.10);
      border-radius:var(--radius-xl);
      background:var(--navy);
      box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
      overflow:hidden;
    }

    .footer-main{
      display:grid;
      grid-template-columns:minmax(260px,1.25fr) repeat(3,minmax(160px,.75fr));
      gap:48px;
      padding:52px 54px 44px;
    }

    .footer-brand{max-width:390px}
    .footer-logo{
      display:inline-flex;
      align-items:center;
      margin-bottom:22px;
      padding:10px 12px;
      border-radius:18px;
      background:var(--navy);
      transition:transform .28s var(--ease), box-shadow .28s var(--ease);
    }
    .footer-logo:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,205,0,.12)}
    .footer-logo img{display:block;width:210px;max-width:100%;height:auto}

    .footer-copy{
      margin:0;
      color:rgba(255,255,255,.72);
      font-size:14px;
      line-height:1.8;
      max-width:340px;
    }

    .footer-socials{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:24px;
    }

    .social-link{
      width:44px;
      height:44px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid rgba(255,255,255,.12);
      border-radius:14px;
      color:var(--white);
      background:var(--navy);
      transition:transform .24s var(--ease), background .24s var(--ease), color .24s var(--ease), border-color .24s var(--ease), box-shadow .24s var(--ease);
    }
    .social-link:hover{
      transform:translateY(-3px);
      background:var(--yellow);
      color:var(--navy);
      border-color:var(--yellow);
      box-shadow:0 14px 30px rgba(255,205,0,.20);
    }
    .social-link svg{width:19px;height:19px;fill:currentColor}

    .footer-col h3{
      margin:4px 0 18px;
      color:var(--yellow);
      font-size:13px;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .footer-links{display:flex;flex-direction:column;gap:10px}
    .footer-link{
      position:relative;
      width:max-content;
      max-width:100%;
      color:rgba(255,255,255,.76);
      font-size:13px;
      font-weight:600;
      line-height:1.5;
      padding:5px 0;
      transition:color .22s var(--ease), transform .22s var(--ease);
    }
    .footer-link::after{
      content:"";
      position:absolute;
      left:0;
      bottom:0;
      width:100%;
      height:2px;
      border-radius:99px;
      background:var(--yellow);
      transform:scaleX(0);
      transform-origin:left;
      transition:transform .22s var(--ease);
    }
    .footer-link:hover{color:var(--white);transform:translateX(4px)}
    .footer-link:hover::after{transform:scaleX(1)}

    .footer-cta{
      margin:0 54px 40px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
      padding:22px 24px;
      border-radius:var(--radius-lg);
      background:var(--yellow);
      color:var(--navy);
      box-shadow:0 18px 38px rgba(255,205,0,.18);
    }
    .footer-cta h4{margin:0 0 4px;font-size:18px;font-weight:800;letter-spacing:-.02em}
    .footer-cta p{margin:0;font-size:12.5px;font-weight:600;opacity:.82}
    .footer-cta-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      min-height:46px;
      padding:0 18px;
      border-radius:15px;
      background:var(--navy);
      color:var(--white);
      font-size:12px;
      font-weight:800;
      white-space:nowrap;
      transition:transform .24s var(--ease), box-shadow .24s var(--ease), color .24s var(--ease);
    }
    .footer-cta-btn:hover{transform:translateY(-2px);color:var(--yellow);box-shadow:0 12px 28px rgba(25,34,48,.24)}
    .footer-cta-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}

    .footer-bottom{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      padding:20px 54px 22px;
      border-top:1px solid rgba(255,255,255,.09);
      color:rgba(255,255,255,.58);
      font-size:11px;
      font-weight:600;
    }
    .footer-bottom-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
    .footer-bottom a{transition:color .2s var(--ease)}
    .footer-bottom a:hover{color:var(--yellow)}

    @media (max-width:1050px){
      .footer-main{grid-template-columns:1.2fr 1fr 1fr;gap:36px}
      .footer-brand{grid-column:1/-1;max-width:none}
      .footer-copy{max-width:620px}
    }

    @media (max-width:760px){
      .site-footer{padding:20px 12px 110px}
      .footer-shell{border-radius:24px}
      .footer-main{grid-template-columns:1fr 1fr;gap:34px 24px;padding:34px 26px 28px}
      .footer-brand{grid-column:1/-1}
      .footer-logo img{width:176px}
      .footer-copy{font-size:13px}
      .footer-cta{margin:0 18px 24px;padding:20px;align-items:flex-start;flex-direction:column}
      .footer-cta-btn{width:100%}
      .footer-bottom{padding:18px 26px 20px;align-items:flex-start;flex-direction:column}
    }

    @media (max-width:520px){
      .footer-main{grid-template-columns:1fr;padding:30px 22px 24px}
      .footer-brand{grid-column:auto}
      .footer-col h3{margin-bottom:12px}
      .footer-links{gap:7px}
      .footer-cta h4{font-size:16px}
      .footer-bottom{padding:16px 22px 18px}
    }
  
/* Final integration refinement: neutral shadows rather than yellow glow */
.footer-logo:hover{box-shadow:0 12px 28px rgba(0,0,0,.16)}
.social-link:hover{box-shadow:0 12px 28px rgba(0,0,0,.16)}