:root { scroll-behavior: smooth; }
        body { background-color: #FDFCFB; color: #2C3E50; overflow-x: hidden; font-family: 'Inter', sans-serif; }
        
        .glass-nav { background: rgba(253, 252, 251, 0.8); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(139, 168, 142, 0.1); }
        .reveal { opacity: 0; transform: translateY(30px); transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        .yoga-card:hover .card-img { transform: scale(1.05); }
        .card-img { transition: transform 1.8s cubic-bezier(0.16, 1, 0.3, 1); }
        
        .breath-circle { width: 200px; height: 200px; border-radius: 50%; border: 2px solid #8BA88E; display: flex; align-items: center; justify-content: center; position: relative; }
        .breath-fill { position: absolute; border-radius: 50%; background: rgba(139, 168, 142, 0.2); width: 0%; height: 0%; transition: all 4s linear; }

        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
        .animate-float { animation: float 6s ease-in-out infinite; }

        .no-scrollbar::-webkit-scrollbar { display: none; }