:root{color-scheme:dark}
*{box-sizing:border-box}
html:focus-within{scroll-behavior:smooth}
body{margin:0;min-width:320px}
img{max-width:100%;height:auto;display:block}
.navlink{display:inline-flex;align-items:center;gap:.5rem;border-radius:.75rem;padding:.55rem .9rem;font-size:.95rem;font-weight:600;color:rgb(226 232 240);transition:background-color .2s ease,transform .2s ease,color .2s ease}
.navlink:hover{background-color:rgba(255,255,255,.06);transform:translateY(-1px);color:#fff}
.navlink:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(96,165,250,.85)}
.mobilelink{font-family:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;font-size:1.5rem;line-height:2rem;font-weight:700;letter-spacing:-.02em;color:#fff;padding:.75rem 1.25rem;border-radius:1rem;transition:transform .2s ease,background-color .2s ease,opacity .2s ease}
.mobilelink:hover{background-color:rgba(255,255,255,.08);transform:translateY(-2px)}
.mobilelink:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(56,189,248,.9)}
.card{border-radius:1rem;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,.20);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.card:hover{transform:translateY(-3px);background-color:rgba(255,255,255,.065);box-shadow:0 18px 45px rgba(0,0,0,.35)}
.cardIcon{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.9rem;background-color:rgba(59,130,246,.14)}
.cardTitle{margin-top:.9rem;font-size:1.05rem;font-weight:700;color:#fff}
.cardText{margin-top:.4rem;font-size:.95rem;line-height:1.5rem;color:rgb(226 232 240)}
.hoverCard{border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.10);background-color:rgba(255,255,255,.05);box-shadow:0 12px 35px rgba(0,0,0,.25);transition:transform .2s ease,box-shadow .2s ease}
.hoverCard:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.38)}
.hoverMedia{overflow:hidden}
.hoverCard img{transition:transform .35s ease}
.hoverCard:hover img{transform:scale(1.04)}
.pill{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid rgba(255,255,255,.14);background-color:rgba(15,23,42,.55);padding:.3rem .6rem;color:rgb(226 232 240)}
.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);text-underline-offset:4px}
.footerlink:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(96,165,250,.85);border-radius:.5rem}
:focus-visible{outline:none}
@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}.navlink,.mobilelink,.card,.hoverCard,.hoverCard img{transition:none}}