:root{color-scheme:dark}
html:focus-within{scroll-behavior:smooth}
body{font-size:16px}
img{max-width:100%;height:auto;display:block}

.navlink{display:inline-flex;align-items:center;gap:.5rem;border-radius:0.85rem;padding:.6rem .9rem;font-weight:600;color:rgb(226 232 240);transition:transform .2s ease,background-color .2s ease,color .2s ease;outline:none}
.navlink:hover{background-color:rgb(255 255 255 / .07);transform:translateY(-1px)}
.navlink:focus-visible{box-shadow:0 0 0 2px rgb(45 212 191),0 0 0 6px rgb(15 23 42)}

.mobilelink{display:flex;justify-content:center;border-radius:1rem;padding:.9rem 1rem;font-size:1.5rem;font-weight:700;color:rgb(241 245 249);background-color:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .10);transition:transform .2s ease,background-color .2s ease;outline:none}
.mobilelink:hover{background-color:rgb(255 255 255 / .10);transform:translateY(-1px)}
.mobilelink:focus-visible{box-shadow:0 0 0 2px rgb(167 139 250),0 0 0 6px rgb(15 23 42)}

.field{width:100%;border-radius:1rem;border:1px solid rgb(255 255 255 / .12);background-color:rgb(2 6 23 / .65);padding:.75rem .9rem;color:rgb(241 245 249);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.field:hover{background-color:rgb(2 6 23 / .8)}
.field:focus{border-color:rgb(45 212 191);box-shadow:0 0 0 2px rgb(45 212 191 / .35),0 0 0 6px rgb(15 23 42)}

.chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:9999px;border:1px solid rgb(255 255 255 / .10);background-color:rgb(255 255 255 / .05);padding:.35rem .6rem}

.footlink{color:rgb(203 213 225);text-decoration:none;transition:color .2s ease,opacity .2s ease;outline:none}
.footlink:hover{color:rgb(241 245 249)}
.footlink:focus-visible{box-shadow:0 0 0 2px rgb(45 212 191),0 0 0 6px rgb(15 23 42);border-radius:.6rem}

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

@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}