body {
    margin: 0;
    padding: 24px;
    background: #ffffff;
    color: var(--text);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    line-height: 1.6;
}

body{paddin:0px;margin:0px;}
a {color:white;}
.site-footer{
  background: linear-gradient(5deg, #0EA5E9, #0EA5E9, #0EA5E9); color:#cfd6de;
  border-top:1px solid rgba(255,255,255,.08);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.footer__wrap{
  max-width:1100px; margin:0 auto; padding:22px 16px;
}
.footer__brand{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.08);
}
.footer__brand strong{ color:#fff; font-size:clamp(16px,2.2vw,18px); font-weight:700; letter-spacing:.2px; }

.footer__social a{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:8px;
  background:#121923; color:#cfd6de; text-decoration:none; margin-left:8px;
  transition: transform .15s ease, filter .15s ease, background .15s ease;
}
.footer__social a:first-child{ margin-left:0; }
.footer__social a:hover{ transform:translateY(-1px); filter:brightness(1.1); }

.footer__grid{
  display:grid; gap:14px; grid-template-columns: 1fr 1fr;
  padding-top:14px;
}
.footer__col{color:white;}
.footer__list{ list-style:none; margin:0; padding:0; }
.footer__list li{
  display:flex; align-items:center; gap:10px;
  padding:6px 0; font-size:15px;
}
.footer__list a{ color:#FFF; text-decoration:none; font-size:15px; }
.footer__list a:hover{ text-decoration:underline; }
.footer__list i{ width:18px; text-align:center; opacity:.9; }

@media (max-width:720px){
  .footer__brand{ flex-direction:column; align-items:flex-start; gap:10px; }
  .footer__grid{ grid-template-columns:1fr; }
  .footer__social a{ width:32px; height:32px; border-radius:7px; }
}