:root{color-scheme:dark}

.navlink{display:inline-flex;align-items:center;justify-content:center;border-radius:0.75rem;padding:0.5rem 0.75rem;font-size:0.875rem;font-weight:600;color:rgb(226 232 240);transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}
.navlink:hover{background-color:rgba(255,255,255,.07)}
.navlink:focus{outline:none;box-shadow:0 0 0 2px rgba(96,165,250,.9),0 0 0 4px rgba(2,6,23,.9)}

.menulink{font-size:1.5rem;line-height:2rem;font-weight:700;color:rgb(255 255 255);padding:0.75rem 1rem;border-radius:1rem;transition:transform .15s ease,background-color .15s ease,opacity .15s ease}
.menulink:hover{background-color:rgba(255,255,255,.08);transform:translateY(-1px)}
.menulink:focus{outline:none;box-shadow:0 0 0 2px rgba(96,165,250,.9),0 0 0 6px rgba(2,6,23,.9)}

.tag{display:inline-flex;align-items:center;gap:0.5rem;border-radius:9999px;border:1px solid rgba(255,255,255,.12);background-color:rgba(255,255,255,.05);padding:0.5rem 0.875rem;font-size:0.875rem;color:rgb(226 232 240)}

.card{position:relative;overflow:hidden;border-radius:1rem;border:1px solid rgba(255,255,255,.10);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));padding:1.25rem;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.28)}
.card:focus-within{box-shadow:0 0 0 2px rgba(96,165,250,.85),0 0 0 6px rgba(2,6,23,.9),0 16px 40px rgba(0,0,0,.28)}

.cardIcon{display:inline-flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:1rem;border:1px solid rgba(255,255,255,.12)}

.cardTitle{margin-top:0.875rem;font-size:1.05rem;line-height:1.4;font-weight:800;color:rgb(255 255 255);letter-spacing:-.01em}

.cardText{margin-top:0.5rem;font-size:0.9rem;line-height:1.6;color:rgb(226 232 240)}

.cardLink{margin-top:0.9rem;display:inline-flex;align-items:center;gap:0.5rem;border-radius:0.75rem;padding:0.5rem 0.75rem;font-size:0.9rem;font-weight:700;color:rgb(186 230 253);transition:background-color .15s ease,color .15s ease,transform .15s ease}
.cardLink:hover{background-color:rgba(255,255,255,.06);color:rgb(224 242 254);transform:translateY(-1px)}
.cardLink:focus{outline:none;box-shadow:0 0 0 2px rgba(125,211,252,.9),0 0 0 6px rgba(2,6,23,.9)}

.footlink{color:rgb(203 213 225);text-decoration:underline;text-decoration-color:rgba(255,255,255,.18);text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease,background-color .15s ease}
.footlink:hover{color:rgb(255 255 255);text-decoration-color:rgba(255,255,255,.55)}
.footlink:focus{outline:none;box-shadow:0 0 0 2px rgba(96,165,250,.9),0 0 0 6px rgba(2,6,23,.9);border-radius:0.5rem;padding:0.15rem 0.35rem;background-color:rgba(255,255,255,.05)}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto !important;transition-duration:0.001ms !important;animation-duration:0.001ms !important;animation-iteration-count:1 !important}
}