.site-footer{

position:relative;

padding:140px 8% 80px;

background:#02070A;

border-top:1px solid rgba(255,255,255,.05);

}

.footer-container{

max-width:1100px;

margin:auto;

display:grid;

grid-template-columns:2fr 1fr 1fr;

gap:60px;

}

.site-footer::before{

content:"";

position:absolute;

top:-120px;
left:50%;

width:700px;
height:260px;

transform:translateX(-50%);

background:radial-gradient(

circle,

rgba(38,166,154,.18),
rgba(38,166,154,.08),
transparent 70%

);

pointer-events:none;

}

.footer-brand h3{

font-size:1.2rem;

margin-bottom:16px;

}

.footer-brand p{

color:var(--text-soft);

max-width:340px;

line-height:1.6;

}

.footer-contact h4{

color:var(--accent);

font-size:.8rem;

letter-spacing:2px;

margin-bottom:14px;

}

.footer-contact p{

color:var(--text-soft);

margin-bottom:6px;

}

.footer-legal{

display:flex;

flex-direction:column;

gap:12px;

font-size:.85rem;

color:var(--text-soft);

}

.footer-legal a{

color:var(--accent);

text-decoration:none;

border-bottom:1px solid rgba(38,166,154,.4);

width:fit-content;

transition:.3s;

}

.footer-legal a:hover{

opacity:.7;

}