



    .footer{
      background: #127829;
      background: linear-gradient(90deg,rgba(18, 120, 41, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(40, 167, 69, 1) 100%);
      color: rgba(255,255,255,0.95);
      padding: 56px 0 24px;
      position: relative;
      overflow: hidden;
    }

    /* subtle wave decor */
    .footer:before{
      content: '';
      position: absolute;
      top: -40px;
      right: -120px;
      width: 300px;
      height: 300px;
      background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.06), transparent 30%);
      transform: rotate(25deg);
    }

    .footer .logo{
      font-weight: 700;
      letter-spacing: 0.6px;
      font-size: 20px;
      color: #ffffff;
    }

    .footer a{color: rgba(255,255,255,0.85);}
    .footer a:hover{color: var(--accent); text-decoration: none;}

    .social-icon{
      width: 40px; height: 40px; display:inline-flex; align-items:center; justify-content:center;
      border-radius: 10px; margin-right:8px; background: rgba(255,255,255,0.04);
      transition: transform .22s ease, background .22s ease;
    }
    .social-icon:hover{transform: translateY(-4px); background: rgba(255,255,255,0.08);}

    .subscribe-input{
      background: rgba(255,255,255,0.06); border: none; color: #fff; padding: 12px 14px; border-radius: 8px 0 0 8px; min-width: 0;
    }
    .subscribe-btn{border-radius: 0 8px 8px 0; border: none; padding: 10px 16px; background: var(--accent); color: #052024; font-weight:600}
    .subscribe-btn:hover{opacity:0.95}

    .footer .small-note{color: rgba(255,255,255,0.6)}

    /* tiny cards */
    .feature-pill{background: rgba(255,255,255,0.04); padding:10px 12px; border-radius: 10px; display:inline-block; margin-right:8px; margin-bottom:8px}

    /* bottom bar */
    .footer-bottom{
      border-top: 1px solid #098525;
      padding-top: 18px; margin-top: 28px; color: rgba(255,255,255,0.65);
    }

    @media (max-width: 767.98px){
      .footer{padding: 36px 0}
      .social-icon{margin-bottom:8px}
      .subscribe-input{margin-bottom:8px; border-radius:8px}
      .subscribe-btn{border-radius:8px}
    }
