body {
    font-family: 'Plus Jakarta Sans', 'Noto Serif JP', serif;
    background-color: #f7f5f2;
    color: #23201d;
    overflow-x: hidden;
}

/* Glassmorphism Header */
.bg-glass {
    background: rgba(247, 245, 242, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Slow Animations */
.fade-in-slow {
    opacity: 0;
    animation: fadeInUp 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.delay-1 { animation-delay: 0.5s; }
.delay-2 { animation-delay: 1.6s; }
.delay-3 { animation-delay: 2.6s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* SPA Page views display */
.page-view {
    display: none;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

.page-view.active {
    display: block;
    opacity: 1;
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f7f5f2; }
::-webkit-scrollbar-thumb { background: #c3cdc5; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #9ab0a0; }