body {
            font-family: 'Abel', sans-serif;
            background-color: #FFFFFF;
            color: #000000;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* 🎬 HERO PARALLAX SETUP */
        .parallax-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background-image: url('https://images.unsplash.com/photo-1556228578-0d85b1a4d571?q=80&w=2000');
            background-size: cover;
            background-position: center;
            z-index: -1;
            transition: background-image 0.8s ease-in-out;
        }

        .hero-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background: rgba(255, 255, 255, 0.15);
            z-index: -1;
        }

        /* Nav Hover Effects */
        .nav-link {
            position: relative;
            cursor: pointer;
            transition: color 0.3s ease;
        }
        .nav-link:hover {
            color: #CA5995;
            text-shadow: 0 0 10px rgba(252, 183, 199, 0.5);
        }

        /* Hero Cards */
        .hero-card {
            transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.7s ease;
        }
        .hero-card:hover {
            transform: translateY(-15px) scale(1.02);
            box-shadow: 0 40px 80px -15px rgba(0,0,0,0.2);
        }

        /* Instagram Style Interaction */
        .insta-text {
            transition: color 0.3s ease;
        }
        .insta-text.active {
            color: #FCB7C7 !important;
        }

        /* Smooth Section Transitions */
        .page-fade {
            animation: fadeIn 0.8s ease-out forwards;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Modal Blur */
        .modal-bg {
            backdrop-filter: blur(12px);
            background: rgba(255, 255, 255, 0.8);
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 5px; }
        ::-webkit-scrollbar-track { background: #fff; }
        ::-webkit-scrollbar-thumb { background: #FCB7C7; }