*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { background-color: #FFF8F0; margin: 0; padding: 0; }
.seo-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.splash-screen { display: flex; justify-content: center; align-items: center; height: 100vh; width: 100vw; background-color: #FFF8F0; position: fixed; top: 0; left: 0; z-index: 9999; transition: opacity 0.3s ease-out; }
.splash-logo { width: 200px; height: 200px; object-fit: contain; animation: splash-pulse 1.5s infinite ease-in-out alternate; }
@keyframes splash-pulse { 0% { transform: scale(0.95); opacity: 0.7; } 100% { transform: scale(1.05); opacity: 1; } }
.splash-fade-out { opacity: 0; pointer-events: none; }
.noscript-msg { max-width: 800px; margin: 40px auto; padding: 20px; font-family: sans-serif; }