@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important}
}

:focus{outline:none}

.navlink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0.5rem 0.75rem;
  border-radius:0.75rem;
  font-size:0.9375rem;
  font-weight:600;
  color:rgb(226 232 240);
  transition:background-color .2s ease,color .2s ease,transform .2s ease;
}
.navlink:hover{background-color:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px)}
.navlink:focus-visible{box-shadow:0 0 0 2px rgba(253,186,116,.35),0 0 0 6px rgba(2,6,23,.75)}

.mobilelink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:22rem;
  padding:0.75rem 1rem;
  border-radius:1rem;
  font-size:1.5rem;
  font-weight:700;
  color:#fff;
  background-color:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  transition:transform .2s ease,background-color .2s ease;
}
.mobilelink:hover{background-color:rgba(255,255,255,.10);transform:translateY(-2px)}
.mobilelink:focus-visible{box-shadow:0 0 0 2px rgba(253,186,116,.35),0 0 0 6px rgba(2,6,23,.75)}

.card{
  border-radius:1.25rem;
  border:1px solid rgba(255,255,255,.10);
  background-color:rgba(255,255,255,.05);
  padding:1.25rem;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 44px rgba(0,0,0,.28);background-color:rgba(255,255,255,.06)}
.card:focus-within{box-shadow:0 0 0 2px rgba(253,186,116,.30),0 12px 40px rgba(0,0,0,.28)}

.footerlink{
  color:rgb(203 213 225);
  text-decoration:none;
  transition:color .2s ease,text-decoration-color .2s ease;
}
.footerlink:hover{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35)}
.footerlink:focus-visible{border-radius:0.5rem;box-shadow:0 0 0 2px rgba(253,186,116,.35),0 0 0 6px rgba(2,6,23,.75)}

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

body{font-size:16px}

@keyframes menuIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.menu-animate{animation:menuIn .22s ease-out both}