:root {
            --primary: #B9375D; /* Deep Pink */
            --cream: #E7D3D3;   /* Soft Pinkish Cream */
            --accent: #A3DC9A;  /* Light Green Highlight */
        }

        * {
            cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="8" fill="%23A3DC9A" opacity="0.6"/></svg>'), auto;
        }

        body {
            background-color: var(--primary);
            color: var(--cream);
            font-family: 'Eater', cursive;
            margin: 0;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .nosifer { font-family: 'Nosifer', cursive; }
        .eater { font-family: 'Eater', cursive; }

        /* Color Overrides to prevent White/Black */
        input, button, select, textarea {
            background-color: var(--cream);
            color: var(--primary);
            border: 3px solid var(--accent);
        }

        /* Animations */
        @keyframes drift {
            0% { transform: translate(0, 0) rotate(0deg); }
            50% { transform: translate(15px, -25px) rotate(5deg); }
            100% { transform: translate(0, 0) rotate(0deg); }
        }
        .animate-drift { animation: drift 8s ease-in-out infinite; }

        @keyframes drip-glow {
            0% { text-shadow: 0 0 5px var(--accent); }
            50% { text-shadow: 0 15px 30px var(--accent), 0 0 10px var(--accent); }
            100% { text-shadow: 0 0 5px var(--accent); }
        }
        .drip-text { animation: drip-glow 4s infinite; color: var(--accent); }

        /* Custom UI Elements */
        .island-section {
            background: var(--primary);
            border: 10px solid var(--accent);
            border-radius: 80px;
            margin: 40px 20px;
            padding: 60px 20px;
            position: relative;
            box-shadow: 20px 20px 0px var(--accent);
        }

        .btn-bts {
            background-color: var(--accent);
            color: var(--primary);
            font-family: 'Nosifer';
            padding: 15px 30px;
            border-radius: 50px;
            text-transform: uppercase;
            font-size: 0.8rem;
            transition: all 0.3s;
            border: none;
            cursor: pointer;
        }
        .btn-bts:hover {
            transform: scale(1.1) rotate(-2deg);
            box-shadow: 0 0 20px var(--accent);
        }

        .nav-link {
            transition: 0.3s;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 15px;
            border-radius: 20px;
        }
        .nav-link:hover {
            background: var(--accent);
            color: var(--primary);
        }

        .modal-overlay {
            position: fixed; inset: 0; background: rgba(185, 55, 93, 0.98);
            display: none; align-items: center; justify-content: center; z-index: 10000;
            padding: 20px;
        }

        .search-bar {
            background: var(--cream);
            color: var(--primary);
            border-radius: 50px;
            padding: 15px 30px;
            width: 100%;
            font-family: 'Eater';
        }

        /* Responsive Grid fixes */
        .responsive-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 40px;
        }