:root{color-scheme:dark}*{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}body{margin:0}img{max-width:100%;height:auto;display:block}

.navlink{display:inline-flex;align-items:center;gap:.5rem;border-radius:.75rem;padding:.6rem .85rem;font-weight:600;color:rgb(226 232 240);transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.navlink:hover{background-color:rgba(255,255,255,.08)}
.navlink:focus{outline:none;box-shadow:0 0 0 3px rgba(165,180,252,.55)}

.mobilelink{font-size:1.5rem;line-height:2rem;font-weight:700;color:rgb(241 245 249);border-radius:1rem;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);transition:transform .2s ease,background-color .2s ease,border-color .2s ease}
.mobilelink:hover{transform:translateY(-1px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}
.mobilelink:focus{outline:none;box-shadow:0 0 0 3px rgba(129,140,248,.55)}

.card{border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);padding:1.25rem;box-shadow:0 10px 30px rgba(2,6,23,.35);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(2,6,23,.55);background:rgba(255,255,255,.07)}
.card:focus-within{box-shadow:0 0 0 3px rgba(165,180,252,.45),0 18px 48px rgba(2,6,23,.55)}
.cardIcon{display:inline-flex;align-items:center;justify-content:center;height:2.75rem;width:2.75rem;border-radius:1rem;background:linear-gradient(135deg,rgba(129,140,248,.95),rgba(232,121,249,.9));color:rgb(15 23 42);box-shadow:0 12px 28px rgba(79,70,229,.22)}
.cardTitle{margin-top:.9rem;font-size:1.05rem;line-height:1.45rem;font-weight:800;color:rgb(241 245 249)}
.cardText{margin-top:.6rem;font-size:.95rem;line-height:1.45rem;color:rgb(226 232 240)}
.cardLink{margin-top:.9rem;display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:rgb(199 210 254);text-decoration:underline;text-decoration-color:rgba(199,210,254,.25);text-underline-offset:4px;transition:color .2s ease,text-decoration-color .2s ease}
.cardLink:hover{color:rgb(224 231 255);text-decoration-color:rgba(224,231,255,.6)}
.cardLink:focus{outline:none;box-shadow:0 0 0 3px rgba(165,180,252,.55);border-radius:.6rem}

.footerlink{color:rgb(203 213 225);text-decoration:none;transition:color .2s ease,text-decoration-color .2s ease}
.footerlink:hover{color:rgb(241 245 249);text-decoration:underline;text-decoration-color:rgba(241,245,249,.35);text-underline-offset:4px}
.footerlink:focus{outline:none;box-shadow:0 0 0 3px rgba(165,180,252,.45);border-radius:.5rem}

.pill{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);padding:.5rem .75rem;color:rgb(226 232 240)}

::selection{background:rgba(129,140,248,.35)}

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