@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:focus{outline:none}
:focus-visible{outline:2px solid rgba(103,232,249,.9);outline-offset:3px}
.navlink{font-weight:600;color:rgb(226 232 240);padding:.5rem .75rem;border-radius:.75rem;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.navlink:hover{background-color:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px)}
.navlink:focus-visible{background-color:rgba(255,255,255,.08)}
.footerlink{color:rgb(203 213 225);text-decoration:none;border-radius:.5rem;padding:.125rem .25rem;transition:color .2s ease,background-color .2s ease}
.footerlink:hover{color:#fff;background-color:rgba(255,255,255,.06)}
.card{border:1px solid rgba(255,255,255,.10);background-color:rgba(255,255,255,.05);border-radius:1.25rem;padding:1.25rem;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.card:hover{transform:translateY(-3px);background-color:rgba(255,255,255,.07);box-shadow:0 18px 50px rgba(0,0,0,.25)}
.card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:1rem;background:linear-gradient(135deg,rgba(103,232,249,.9),rgba(110,231,183,.9));color:#0b1220;box-shadow:0 10px 30px rgba(6,182,212,.15)}
.card-title{margin-top:.85rem;font-weight:700;letter-spacing:-.01em;font-size:1.05rem;color:#fff;line-height:1.3}
.card-text{margin-top:.6rem;color:rgb(226 232 240);font-size:.95rem;line-height:1.6}