/* MagicBento adaptation from the supplied React component, in Infranet colors. */
.modern-era footer .social{display:flex;flex-wrap:wrap;gap:12px}
.modern-era footer .social-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 16px;border:1px solid #365481;border-radius:12px;color:#e9f7ff;background:#0b1835;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s,box-shadow .2s}
.social-button svg{flex:none;color:#53d7ff}
.modern-era footer .social-button:hover,.modern-era footer .social-button:focus-visible{background:#102b53;border-color:#56dcff;box-shadow:0 0 22px #008cff35;outline:2px solid #56dcff;outline-offset:3px}
.magic-bento-card{position:relative;isolation:isolate;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:300px}
.magic-glow{overflow:hidden;position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:var(--glow-intensity);transition:opacity .25s;box-shadow:inset 0 0 0 1px #38cfff88;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),#00c8ff15,transparent 70%)}
.magic-bento-card:focus-within .magic-glow{opacity:.65}
.magic-particle,.magic-ripple{position:absolute;pointer-events:none;z-index:3}
.magic-particle{width:4px;height:4px;background:#55e0ff;border-radius:50%;box-shadow:0 0 8px #00cfff;animation:infra-particle 2.4s ease-in-out infinite alternate;opacity:0}
.magic-particle.square{border-radius:1px;background:#388eff}
.magic-particle.triangle{width:7px;height:7px;clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0;background:#9b9aff}
.magic-ripple{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#00cfff35,transparent 70%)}
@keyframes infra-particle{0%{opacity:0;transform:translate(0,0) scale(.5)}35%{opacity:.8}100%{opacity:.25;transform:translate(var(--drift-x),var(--drift-y)) rotate(90deg) scale(1)}}
@media(max-width:768px),(hover:none),(pointer:coarse){.magic-glow,.magic-particle,.magic-ripple{display:none}.modern-era footer .social-button{flex:1;max-width:180px}}
@media(prefers-reduced-motion:reduce){.magic-glow,.magic-particle,.magic-ripple{display:none}.social-button{transition:none!important}}