@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:local("Inter")}
@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:local("Lora")}

:focus{outline:none}

html{scroll-behavior:smooth}

body{font-size:16px}

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

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

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

#mobileMenu[data-state="open"]{display:block}

.fade-enter{opacity:0;transform:translateY(10px)}
.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}
.fade-exit{opacity:1;transform:translateY(0)}
.fade-exit-active{opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease}

.menu-panel-enter{opacity:0;transform:translateY(10px)}
.menu-panel-enter-active{opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}
.menu-panel-exit{opacity:1;transform:translateY(0)}
.menu-panel-exit-active{opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease}

:where(a,button,input,textarea,select):focus-visible{outline:none;box-shadow:0 0 0 2px rgba(165,243,252,.7),0 0 0 6px rgba(2,6,23,.7);border-radius:12px}

::selection{background:rgba(34,211,238,.25)}