html { scroll-behavior: smooth; }
        body { background-color: #FDFBF7; color: #2D1E17; overflow-x: hidden; }
        .recipe-card img { transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
        .recipe-card:hover img { transform: scale(1.1); }
        .fade-in { animation: fadeIn 1s ease-out forwards; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .custom-scrollbar::-webkit-scrollbar { width: 5px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #E8A855; border-radius: 10px; }
        .modal-bg { background: rgba(45, 30, 23, 0.92); backdrop-filter: blur(8px); }
        .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1px; background: #E8A855; transition: width 0.3s; }
        .nav-link:hover::after { width: 100%; }
        .glass { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); }
        .parallax-bg { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }