.site-footer { position: relative; overflow: hidden; padding: 76px 0 24px; background: #0b1820; color: rgba(255,255,255,.72); }
.site-footer::before { content: ""; position: absolute; right: -170px; bottom: -220px; width: 520px; height: 520px; border: 86px solid rgba(255,205,0,.055); border-radius: 50%; }
.footer-grid { position: relative; display: grid; grid-template-columns: 1.35fr 1fr .85fr 1.1fr; gap: 42px; }
.footer-logo { width: 210px; margin-bottom: 24px; }
.footer-about { max-width: 360px; }
.site-footer h2, .site-footer h3 { margin-bottom: 20px; color: var(--white); font-size: 1rem; letter-spacing: .01em; }
.footer-links { display: grid; gap: 10px; list-style: none; }
.footer-links a:hover { color: var(--yellow); }
.footer-contact { display: grid; gap: 14px; }
.footer-contact a { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; }
.footer-contact svg { width: 19px; height: 19px; margin-top: 3px; color: var(--yellow); }
.social-links { display: flex; gap: 9px; margin-top: 24px; }
.social-links a { display: grid; place-items: center; min-width: 42px; height: 42px; padding: 0 11px; border: 1px solid rgba(255,255,255,.17); border-radius: 999px; color: var(--white); font-family: var(--font-display); font-size: .7rem; font-weight: 750; }
.social-links a:hover { border-color: var(--yellow); color: var(--yellow); }
.footer-bottom { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 58px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.11); font-size: .78rem; }
.footer-legal { display: flex; flex-wrap: wrap; gap: 14px; }
.footer-legal a:hover, .footer-legal button:hover { color: var(--yellow); }
.footer-legal button { padding: 0; background: none; color: inherit; cursor: pointer; }