/* Critical CSS for above-the-fold content */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Montserrat', system-ui, -apple-system, sans-serif; background: #FFF8E7; color: #1a1a1a; }
.font-display { font-family: 'Komika Axis', 'Impact', sans-serif !important; }
nav { position: fixed; width: 100%; z-index: 50; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); }
.h-screen { height: 100vh; }
.relative { position: relative; }
.absolute { position: absolute; }
.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.text-center { text-align: center; }
.text-white { color: white; }
.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.object-cover { object-fit: cover; }
.min-h-screen { min-height: 100vh; }
.text-shadow { text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }