body { background-color: #FAF9F6; color: #2D2424; scroll-behavior: smooth; }
        .page { display: none; }
        .page.active { display: block; animation: fadeIn 0.8s ease-out; }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(15px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .nav-blur { background: rgba(250, 249, 246, 0.9); backdrop-filter: blur(12px); }
        .recipe-card img { transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1); }
        .recipe-card:hover img { transform: scale(1.08); }

        .btn-premium { transition: all 0.4s ease; position: relative; overflow: hidden; }
        .btn-premium:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(45, 36, 36, 0.12); }
        
        .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        @keyframes fadeIn {
    from { opacity: 0; transform: scale(0.96); }
    to { opacity: 1; transform: scale(1); }
}
.animate-fadeIn {
    animation: fadeIn 0.3s ease-out;
}