:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; }
pre { overflow-x: auto; }
.card-hover { transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease; }
.card-hover:hover { transform: translateY(-2px); }
.fade-in { animation: fadeInUp .6s ease both; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.nav-underline { background-image: linear-gradient(currentColor, currentColor); background-size: 0% 2px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size .2s ease; }
.nav-underline:hover { background-size: 100% 2px; }