:root {
            --primary: #df1b70;
            --primary-light: #fff0f6;
            --secondary: #3da1d2;
            --dark: #1e293b;
        }
        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: #ffffff;
            color: var(--dark);
            cursor: default;
            position: relative;
        }
        
        /* Subtle Texture Pattern Overlay */
        body::before {
            content: "";
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: radial-gradient(rgba(223, 27, 112, 0.05) 1px, transparent 1px);
            background-size: 32px 32px;
            z-index: -2;
            pointer-events: none;
        }

        .serif {
            font-family: 'Playfair Display', serif;
        }

        /* Hide scrollbar but keep functionality */
        ::-webkit-scrollbar {
            width: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #fdf2f8;
        }
        ::-webkit-scrollbar-thumb {
            background: #df1b7033;
            border-radius: 10px;
        }

        /* Updated Glassmorphism for Light Theme */
        .glass {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(223, 27, 112, 0.1);
            box-shadow: 0 8px 32px 0 rgba(223, 27, 112, 0.05);
        }

        /* Grid Item Variations */
        .grid-card {
            position: relative;
            overflow: hidden;
            border-radius: 2.5rem;
            transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
            border: 1px solid transparent;
        }
        .grid-card:hover {
            border-color: rgba(223, 27, 112, 0.2);
            box-shadow: 0 20px 40px rgba(223, 27, 112, 0.1);
        }
        .grid-card img {
            transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        }
        .grid-card:hover img {
            transform: scale(1.08);
        }
        .grid-card .card-info {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 2.5rem;
            background: linear-gradient(to top, rgba(223, 27, 112, 0.9), transparent);
            transform: translateY(20px);
            opacity: 0;
            transition: all 0.5s ease;
            color: white;
        }
        .grid-card:hover .card-info {
            transform: translateY(0);
            opacity: 1;
        }

        /* Animated background blobs - Soft Pink Palette */
        .blob {
            position: fixed;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(223, 27, 112, 0.08) 0%, transparent 70%);
            filter: blur(100px);
            border-radius: 50%;
            z-index: -1;
            animation: move 25s infinite alternate;
        }

        @keyframes move {
            from { transform: translate(-15%, -15%) rotate(0deg); }
            to { transform: translate(25%, 25%) rotate(45deg); }
        }

        .reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Floating Nav with SNK Pink Accent */
        .floating-nav {
            position: fixed;
            bottom: 2.5rem;
            left: 50%;
            transform: translateX(-50%);
            z-index: 100;
            padding: 0.6rem;
            border-radius: 999px;
        }
        .filter-btn {
            padding: 0.8rem 1.8rem;
            border-radius: 999px;
            font-size: 0.9rem;
            font-weight: 600;
            transition: all 0.3s;
            color: #64748b;
        }
        .filter-btn.active {
            background: #df1b70;
            color: #fff;
            box-shadow: 0 10px 20px rgba(223, 27, 112, 0.3);
        }
        
        .accent-text {
            color: #df1b70;
        }