:root { scroll-behavior: smooth; }
        body { background-color: #FDFAF9; color: #0F172A; overflow-x: hidden; }
        
        /* Typography & Effects */
        .gradient-text {
            background: linear-gradient(to right, #FF7E5F, #FEB47B);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .gradient-bg { background: linear-gradient(135deg, #FF7E5F 0%, #FEB47B 100%); }
        .glass-nav { background: rgba(253, 250, 249, 0.8); backdrop-filter: blur(24px); border-bottom: 1px solid rgba(0,0,0,0.04); }

        /* Navigation & Sections */
        .page-section { display: none; opacity: 0; }
        .page-section.active { display: block; opacity: 1; animation: sectionIn 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
        @keyframes sectionIn {
            from { opacity: 0; transform: translateY(40px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Responsive Card System */
        .lifestyle-card {
            transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            background: white;
            border: 1px solid rgba(0,0,0,0.03);
        }
        .lifestyle-card:hover {
            transform: translateY(-12px) scale(1.02);
            box-shadow: 0 40px 80px -20px rgba(30, 27, 75, 0.15);
        }

        /* Custom UI Elements */
        .btn-dream {
            background: linear-gradient(135deg, #FF7E5F 0%, #FEB47B 100%);
            color: white;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            box-shadow: 0 10px 25px -5px rgba(255, 126, 95, 0.3);
        }
        .btn-dream:hover { transform: translateY(-3px); box-shadow: 0 20px 35px -10px rgba(255, 126, 95, 0.5); }
        
        .pill-active { background: #1E1B4B; color: white !important; }
        
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        .image-reveal {
            position: relative;
            overflow: hidden;
            border-radius: 3rem;
        }
        .image-reveal img { transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1); }
        .image-reveal:hover img { transform: scale(1.1); }

        /* Drawer & Modals */
        .drawer { transform: translateX(100%); transition: transform 0.6s cubic-bezier(0.7, 0, 0.3, 1); }
        .drawer.open { transform: translateX(0); }

        /* Auth Inputs */
        .auth-input {
            width: 100%; background: #f1f5f9; border: 2px solid transparent;
            border-radius: 1.5rem; padding: 1.25rem 1.5rem; font-weight: 600;
            transition: all 0.3s;
        }
        .auth-input:focus { border-color: #FF7E5F; background: white; outline: none; box-shadow: 0 0 0 4px rgba(255, 126, 95, 0.1); }
        .nav-link {
    @apply text-[10px] font-black uppercase tracking-[0.3em] transition-colors text-dreamIndigo hover:text-dreamCoral;
}
.nav-link.active {
    @apply text-dreamCoral;
}