html{scroll-behavior:smooth}body{font-size:16px}img{max-width:100%;height:auto;display:block}*:focus-visible{outline:none}.
navlink{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;color:rgb(15 23 42);padding:.4rem .2rem;border-radius:.75rem;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.
navlink:hover{background-color:rgb(241 245 249);transform:translateY(-1px)}.
navlink:focus{box-shadow:0 0 0 3px rgba(99,102,241,.35)}.
mobilelink{display:inline-flex;width:100%;max-width:20rem;align-items:center;justify-content:center;border-radius:1rem;padding:.85rem 1.1rem;font-weight:700;font-size:1.5rem;line-height:1;color:rgba(255,255,255,.95);background-color:rgba(255,255,255,.06);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.
mobilelink:hover{background-color:rgba(255,255,255,.1);transform:translateY(-1px)}.
mobilelink:focus{box-shadow:0 0 0 3px rgba(255,255,255,.35)}.
footerlink{color:rgba(255,255,255,.78);text-decoration:none;transition:color .2s ease,text-decoration-color .2s ease}.
footerlink:hover{color:rgba(255,255,255,.95);text-decoration:underline;text-underline-offset:4px}.
footerlink:focus{color:rgba(255,255,255,.95);outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.35);border-radius:.5rem}.
input::placeholder,textarea::placeholder{color:rgb(100 116 139)}.
select:invalid{color:rgb(100 116 139)}.
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none !important;transition:none !important}}