:root { --radius: 1rem; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.btn { @apply px-4 py-2 rounded-2xl font-semibold transition-transform hover:-translate-y-0.5 active:translate-y-0; }
.btn-primary { @apply bg-brand-800 text-paper hover:bg-brand-700; }
.btn-secondary { @apply bg-brand-600 text-paper hover:bg-brand-500; }
.navlink { @apply hover:text-brand-600 transition-colors; }
.card { @apply bg-paper rounded-2xl shadow-soft border border-sand-200; }
.reveal { opacity: 0; transform: translateY(12px); transition: opacity .6s ease, transform .6s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }