:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-size:16px}img{max-width:100%;height:auto;display:block}a{text-decoration:none}

.navlink{border-radius:0.75rem;padding:0.5rem 0.75rem;font-size:0.95rem;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/.07);color:rgb(236 254 255)}
.navlink:focus{outline:none;box-shadow:0 0 0 2px rgb(103 232 249/.65);background-color:rgb(255 255 255/.07)}

.footerLink{color:rgb(203 213 225);transition:color .2s ease,background-color .2s ease}
.footerLink:hover{color:rgb(236 254 255)}
.footerLink:focus{outline:none;box-shadow:0 0 0 2px rgb(103 232 249/.65);border-radius:.5rem}

.card{border-radius:1rem;background-color:rgb(255 255 255/.05);padding:1.25rem;box-shadow:0 10px 30px rgb(0 0 0/.25);ring:1px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;outline:1px solid rgb(255 255 255/.10)}
.card:hover{transform:translateY(-3px);background-color:rgb(255 255 255/.07);box-shadow:0 16px 44px rgb(0 0 0/.35)}
.card:focus-within{box-shadow:0 0 0 2px rgb(103 232 249/.55),0 16px 44px rgb(0 0 0/.35)}

.iconPill{display:inline-flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:0.9rem;background:linear-gradient(135deg,rgba(103,232,249,.18),rgba(30,41,59,.7));outline:1px solid rgb(165 243 252/.20);color:rgb(207 250 254)}

.cardTitle{font-family:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;font-size:1.25rem;line-height:1.75rem;color:rgb(248 250 252)}
.cardText{margin-top:.4rem;font-size:.95rem;line-height:1.5rem;color:rgb(203 213 225)}
.cardLink{display:inline-flex;margin-top:.8rem;align-items:center;gap:.4rem;font-weight:700;color:rgb(165 243 252);border-radius:.75rem;padding:.35rem .5rem;transition:background-color .2s ease,color .2s ease}
.cardLink:hover{background-color:rgb(255 255 255/.06);color:rgb(236 254 255)}
.cardLink:focus{outline:none;box-shadow:0 0 0 2px rgb(103 232 249/.65)}

.tabBtn{border-radius:0.85rem;padding:.5rem .9rem;font-size:.9rem;font-weight:800;line-height:1.1rem;color:rgb(226 232 240);background-color:rgb(255 255 255/.05);outline:1px solid rgb(255 255 255/.10);transition:background-color .2s ease,color .2s ease,transform .2s ease,outline-color .2s ease}
.tabBtn:hover{background-color:rgb(255 255 255/.10);transform:translateY(-1px)}
.tabBtn[aria-selected="true"]{background:linear-gradient(90deg,rgba(165,243,252,.85),rgba(34,211,238,.7));color:rgb(15 23 42);outline-color:rgba(165,243,252,.35)}
.tabBtn:focus{outline:none;box-shadow:0 0 0 2px rgb(103 232 249/.65)}

::selection{background-color:rgba(34,211,238,.25);color:rgb(248 250 252)}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.navlink,.tabBtn{transition:none}}