@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');

:focus-visible{outline:none}

.navlink{font-size:0.95rem;line-height:1.25rem;font-weight:600;color:rgb(226 232 240);opacity:.92;transition:opacity .15s ease,transform .15s ease}
.navlink:hover{opacity:1;transform:translateY(-1px)}
.navlink:focus-visible{border-radius:.75rem;box-shadow:0 0 0 2px rgba(165,243,252,.35),0 0 0 6px rgba(2,6,23,.65)}

.menulink{width:100%;text-align:center;font-size:1.5rem;line-height:2rem;font-weight:700;color:rgb(241 245 249);padding:.75rem 1rem;border-radius:1rem;transition:transform .15s ease,background-color .15s ease}
.menulink:hover{background-color:rgba(255,255,255,.08);transform:translateY(-1px)}
.menulink:focus-visible{box-shadow:0 0 0 2px rgba(165,243,252,.35),0 0 0 6px rgba(2,6,23,.65)}

.card{border-radius:1rem;background:rgba(255,255,255,.05);padding:1.5rem;box-shadow:0 20px 50px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.10);transition:transform .18s ease,background-color .18s ease,border-color .18s ease}
.card:hover{transform:translateY(-3px);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}

.iconchip{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border-radius:.9rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}

.footerlink{color:rgb(226 232 240);opacity:.85;transition:opacity .15s ease,transform .15s ease;text-decoration:none}
.footerlink:hover{opacity:1;transform:translateY(-1px)}
.footerlink:focus-visible{border-radius:.75rem;box-shadow:0 0 0 2px rgba(165,243,252,.35),0 0 0 6px rgba(2,6,23,.65)}

.footerpill{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:rgb(241 245 249);transition:background-color .15s ease,border-color .15s ease}
.footerpill:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}
.footerpill:focus-visible{box-shadow:0 0 0 2px rgba(165,243,252,.35),0 0 0 6px rgba(2,6,23,.65)}

.social{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border-radius:1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgb(226 232 240);transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.social:hover{transform:translateY(-1px);background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18)}
.social:focus-visible{box-shadow:0 0 0 2px rgba(165,243,252,.35),0 0 0 6px rgba(2,6,23,.65)}

img{max-width:100%;height:auto;display:block}

html.no-scroll,body.no-scroll{overflow:hidden}

@media (prefers-reduced-motion:reduce){
  .navlink,.menulink,.card,.social,.footerlink,.footerpill{transition:none}
}