:root{
  --gg-footer-bg: rgba(17, 24, 39, 0.12);
  --gg-footer-border: rgba(255,255,255,0.14);
  --gg-footer-text: #e9e6f5;
  --gg-footer-muted: #b9b0cf;
  --gg-accent: #7b2cbf;
  --gg-accent-2: #38bdf8;
}
.gg-footer{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  background-clip: padding-box;
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  padding:32px 16px 18px;
  border-top:1px solid var(--gg-footer-border);
  color:var(--gg-footer-text);
  box-shadow: 0 -6px 18px rgba(0,0,0,.16);
  border-radius: 18px 18px 0 0;
  overflow: hidden; 
}
.gg-footer::before{
  content:"";position:absolute;inset:0;
  background: radial-gradient(120% 80% at 50% -10%, rgba(123,44,191,0.08), rgba(56,189,248,0.04) 40%, rgba(0,0,0,0) 70%);
  pointer-events:none
}
.gg-footer__inner{width:min(1180px, 92%);margin:0 auto;display:grid;grid-template-columns:1.2fr 2fr;gap:24px;align-items:start}

.gg-footer__brand{display:flex;flex-direction:column;gap:10px}
.gg-footer__logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.02em}
.gg-footer__logo img{border-radius:8px;box-shadow:0 0 8px rgba(123,44,191,.6)}
.gg-footer__logo span{text-shadow:0 0 10px rgba(56,189,248,.6), 0 2px 10px rgba(123,44,191,.6)}
.gg-footer__tagline{margin:0;color:var(--gg-footer-muted)}

.gg-footer__nav{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gg-footer__title{margin:0 0 8px;color:#fff;font-size:1rem;letter-spacing:.06em;text-transform:uppercase}
.gg-footer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.gg-footer__list a{color:var(--gg-footer-text);text-decoration:none;opacity:.9}
.gg-footer__list a:hover{color:#fff;opacity:1;text-shadow:0 0 8px rgba(56,189,248,.5)}

.gg-icon{display:inline-block;width:14px;height:14px;margin-right:8px;border-radius:3px;background:var(--gg-accent);box-shadow:0 0 8px rgba(123,44,191,.6)}
.gg-icon--instagram{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}
.gg-icon--tiktok{background:linear-gradient(45deg,#69C9D0,#EE1D52)}
.gg-icon--discord{background:#5865F2}

.gg-footer__bottom{width:min(1180px, 92%);margin:18px auto 0;padding-top:12px;border-top:1px solid var(--gg-footer-border);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.gg-footer__legal{color:var(--gg-footer-muted);font-size:.95rem}
.gg-footer__sep{opacity:.6;margin:0 8px}

@media (max-width: 900px){
  .gg-footer__inner{grid-template-columns:1fr;gap:18px}
  .gg-footer__nav{grid-template-columns:1fr 1fr}
  .gg-footer__brand{align-items:flex-start}
}
@media (max-width: 600px){
  .gg-footer__nav{grid-template-columns:1fr}
  .gg-footer{padding:24px 14px 16px}
  .gg-footer__legal{font-size:.9rem}
}

@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
  .gg-footer{
    background: var(--gg-footer-bg);
    box-shadow: 0 -6px 18px rgba(0,0,0,.20);
  }
}