body { scroll-behavior: smooth; }
        .page { display: none; }
        .page.active { display: block; animation: fadeIn 0.8s ease-in-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        
        .book-texture { background-image: url('https://www.transparenttextures.com/patterns/paper-fibers.png'); }
        .nav-blur { background: rgba(253, 252, 240, 0.9); backdrop-filter: blur(15px); }
        .dark .nav-blur { background: rgba(26, 26, 26, 0.9); }
        
        .quick-view-overlay { background: rgba(10, 10, 10, 0.85); backdrop-filter: blur(8px); }
        .custom-scroll::-webkit-scrollbar { width: 3px; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #C5A059; }

        .image-reveal { transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
        .group:hover .image-reveal { transform: scale(1.05); }
        .nav-link {
            position: relative;
            transition: color .3s;
        }
        .nav-link:hover {
            color: #d4af37;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -4px;
            width: 0;
            height: 1px;
            background: #d4af37;
            transition: width .3s;
        }
        .nav-link:hover::after {
            width: 100%;
        }