html{scroll-behavior:smooth}body{font-size:16px}*:focus-visible{outline:none}a{text-underline-offset:3px}img{max-width:100%;height:auto;display:block}.
nav-link{color:rgb(226 232 240);font-size:.95rem;line-height:1.25rem;font-weight:600;transition:color .2s ease,opacity .2s ease}.
nav-link:hover{color:rgb(147 197 253)}.
nav-link:focus-visible{box-shadow:0 0 0 2px rgba(147,197,253,.85);border-radius:.75rem;padding:.5rem .75rem;margin:-.5rem -.75rem}.
mobile-link{color:rgb(248 250 252);font-size:1.5rem;line-height:2rem;font-weight:700;padding:.75rem 0;transition:transform .2s ease,opacity .2s ease,color .2s ease}.
mobile-link:hover{transform:translateY(-2px);color:rgb(147 197 253)}.
mobile-link:focus-visible{box-shadow:0 0 0 2px rgba(147,197,253,.9);border-radius:1rem;padding:.85rem 1.1rem}.
footer-link{color:rgb(203 213 225);transition:color .2s ease,opacity .2s ease}.
footer-link:hover{color:rgb(226 232 240)}.
footer-link:focus-visible{box-shadow:0 0 0 2px rgba(147,197,253,.85);border-radius:.75rem;padding:.25rem .5rem;margin:-.25rem -.5rem}.
card{border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(15,23,42,.45);padding:1.5rem;box-shadow:0 10px 24px rgba(0,0,0,.25);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.
card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.35);background:rgba(15,23,42,.55)}.
card:focus-within{box-shadow:0 0 0 2px rgba(147,197,253,.55),0 16px 36px rgba(0,0,0,.35)}.
card-icon{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:1rem;background:rgba(255,255,255,.06);color:rgb(226 232 240)}.
card-title{margin-top:.75rem;font-size:1.05rem;line-height:1.5rem;font-weight:700;color:rgb(248 250 252)}.
card-text{margin-top:.6rem;font-size:.95rem;line-height:1.55rem;color:rgb(226 232 240)}.
card-link{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;line-height:1.25rem;font-weight:700;color:rgb(147 197 253);transition:color .2s ease}.
card-link:hover{color:rgb(224 231 255)}.
card-link:focus-visible{box-shadow:0 0 0 2px rgba(147,197,253,.85);border-radius:.75rem;padding:.25rem .5rem;margin:-.25rem -.5rem}.
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.
nav-link,.
mobile-link,.
footer-link,.
card{transition:none}.
card:hover{transform:none}}