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

:root{color-scheme:dark}

.navlink{display:inline-flex;align-items:center;gap:.5rem;border-radius:0.75rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;color:rgb(226 232 240);transition:background-color .2s ease,color .2s ease,transform .2s ease}
.navlink:hover{background-color:rgb(255 255 255 / .08)}
.navlink:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px rgb(196 181 253 / .95)}

.mobilelink{display:inline-flex;width:100%;justify-content:center;border-radius:1rem;padding:.75rem 1rem;font-size:1.5rem;line-height:2rem;font-weight:700;color:rgb(248 250 252);transition:transform .2s ease,background-color .2s ease,opacity .2s ease}
.mobilelink:hover{background-color:rgb(255 255 255 / .10);transform:translateY(-1px)}
.mobilelink:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px rgb(196 181 253 / .95)}

.card{border:1px solid rgb(255 255 255 / .10);background-color:rgb(255 255 255 / .05);border-radius:1rem;padding:1.25rem;box-shadow:0 10px 30px rgb(0 0 0 / .25);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.card:hover{transform:translateY(-2px);background-color:rgb(255 255 255 / .07);box-shadow:0 18px 44px rgb(0 0 0 / .30)}
.card:focus-within{box-shadow:0 0 0 2px rgb(196 181 253 / .55),0 18px 44px rgb(0 0 0 / .30)}

.cardIcon{display:inline-flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:0.875rem;background-color:rgb(255 255 255 / .08);box-shadow:inset 0 1px 0 rgb(255 255 255 / .12)}
.cardTitle{margin-top:0.9rem;font-size:1.05rem;line-height:1.5rem;font-weight:700;color:rgb(248 250 252)}
.cardText{margin-top:0.35rem;font-size:.9rem;line-height:1.5rem;color:rgb(226 232 240)}

.footerlink{color:rgb(226 232 240);text-decoration:none;transition:color .2s ease,opacity .2s ease}
.footerlink:hover{color:rgb(196 181 253)}
.footerlink:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px rgb(196 181 253 / .95);border-radius:.5rem}

#mobileMenu[data-state="open"]{display:block}
#mobileMenu[data-state="open"]>div:first-child{opacity:1}

body.menu-open{overflow:hidden}

input:focus,select:focus,textarea:focus,button:focus{scroll-margin-top:6rem}

::placeholder{color:rgb(148 163 184)}

@supports (scrollbar-color:auto){*{scrollbar-color:rgb(148 163 184 / .55) rgb(15 23 42)}}

*{text-rendering:optimizeLegibility}