:root{color-scheme:light}*{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}body{font-size:16px}img{max-width:100%;height:auto;display:block}a{text-decoration:none}a,button,input,select,textarea{font:inherit}button{cursor:pointer}*:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 3px rgba(37,99,235,.35),0 0 0 1px rgba(37,99,235,.55)}

.navlink{display:inline-flex;align-items:center;gap:.5rem;border-radius:.75rem;padding:.6rem .8rem;font-weight:600;color:rgb(31 41 55);transition:background-color .2s,color .2s,box-shadow .2s}
.navlink:hover{background-color:rgb(241 245 249);color:rgb(29 78 216)}
.navlink:focus-visible{background-color:rgb(241 245 249)}

.footlink{color:rgb(51 65 85);transition:color .2s}
.footlink:hover{color:rgb(29 78 216)}
.footlink:focus-visible{border-radius:.5rem}

.card{border-radius:1rem;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,250,252,.95));padding:1.25rem;box-shadow:0 10px 25px rgba(2,6,23,.06);border:1px solid rgba(226,232,240,.9);transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(2,6,23,.10);border-color:rgba(147,197,253,.7)}
.cardIcon{display:inline-flex;height:44px;width:44px;align-items:center;justify-content:center;border-radius:1rem;background:rgba(59,130,246,.10);color:rgb(29 78 216)}
.cardTitle{margin-top:.9rem;font-size:1.05rem;line-height:1.35;font-weight:800;color:rgb(15 23 42)}
.cardText{margin-top:.45rem;font-size:.95rem;line-height:1.55;color:rgb(51 65 85)}
.cardLink{margin-top:.9rem;display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:rgb(29 78 216)}
.cardLink:hover{text-decoration:underline}

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