:root{
  --footer-bg:#050836;          /* deep navy */
  --footer-text:#EEF2FF;        /* light text */
  --footer-muted:#B8C1FF;       /* muted text */
  --footer-accent:#2D5BFF;      /* brand blue */
  --footer-input:#ffffff;
  --footer-divider:#5d66a433;
  --radius:12px;
  --shadow:0 2px 12px rgba(0,0,0,.25);
}

footer{
    background:rgb(0, 0, 51) !important;
}
.sts-footer{background:var(--footer-bg); color:var(--footer-text); padding-top:56px;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}

/* Newsletter */
.footer-news{display:grid;grid-template-columns:1fr 620px;gap:28px;align-items:center;padding:24px 0 48px}
.footer-news h2{font-size:40px;line-height:1.1;font-weight:700;margin:0}
.footer-form{display:flex;width:100%}
.footer-form input{
  flex:1; height:54px; border:0; border-radius:8px 0 0 8px; padding:0 16px;
  background:var(--footer-input); color:#111; font-size:16px;
}
.footer-form button{
  height:54px; padding:0 22px; border:0; border-radius:0 8px 8px 0;
  font-weight:800; letter-spacing:.1px;
  background:var(--footer-accent); color:#fff; box-shadow:var(--shadow);
}
.footer-form button:hover{filter:brightness(.95)}
.sr-only{position:absolute;left:-9999px}

/* Divider */
.footer-divider{height:1px;background:var(--footer-divider);}

/* Bottom area */
.footer-bottom{display:grid;grid-template-columns:1fr;gap:24px;padding:40px 0}
.footer-brand{display:inline-flex;align-items:center;gap:12px;color:var(--footer-text)}
.footer-brand .brand-text{font-weight:700;font-size:22px}

/* Links */
.footer-links{
  display:flex; flex-wrap:wrap; gap:28px; max-width:760px;
}
.footer-links a{
  color:var(--footer-text); opacity:.9; font-weight:500;
}
.footer-links a:hover{opacity:1}
.footer-links a.mt{margin-top:8px}

/* Socials */
.footer-socials{display:flex;gap:22px;justify-self:end}
.footer-socials .social{color:var(--footer-text); opacity:.9}
.footer-socials .social:hover{opacity:1}

/* Copyright */
.footer-copy{padding:10px 0 48px; color:var(--footer-muted); font-size:14px}

/* Wide layout (brand left, links middle, socials right) */
@media (min-width: 900px){
  .footer-bottom{grid-template-columns:1.1fr 1fr auto; align-items:center}
}

/* Responsive */
@media (max-width: 900px){
  .footer-news{grid-template-columns:1fr;gap:18px}
  .footer-news h2{font-size:32px}
  .footer-form input{height:50px}
  .footer-form button{height:50px}
  .footer-socials{justify-self:start}
}

.footer-brand {
    display: flex;
    flex-direction: column;
    align-items: start !important;
    gap: 40px !important;
}

.footer-copy.container {
    padding: 25px !important;
}