* { scroll-behavior: smooth; }
        body { background-color: #FAFAF5; color: #4A5D50; overflow-x: hidden; }
        
        .fade-in { opacity: 0; transform: translateY(30px); transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); }
        .fade-in.active { opacity: 1; transform: translateY(0); }
        
        .glass-nav { background: rgba(250, 250, 245, 0.8); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(168, 213, 186, 0.1); }
        
        .stagger-item { opacity: 0; transform: scale(0.95); transition: all 0.6s ease-out; }
        .stagger-item.active { opacity: 1; transform: scale(1); }

        .parallax-bg { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }

        .pill-tab.active { background-color: #A8D5BA; color: white; border-color: #A8D5BA; }
        
        /* Custom UI Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #FAFAF5; }
        ::-webkit-scrollbar-thumb { background: #A8D5BA; border-radius: 10px; }

        .recipe-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; }