/* Custom Styles & Animations */
        :root {
            --color-void: #0a0a12;
            --color-gold: #d4af37;
            --color-mist: #e0e5ec;
            --font-serif: 'Cormorant Garamond', serif;
            --font-sans: 'Montserrat', sans-serif;
        }
        body {
            background-color: var(--color-void);
            color: var(--color-mist);
            font-family: var(--font-sans);
            overflow-x: hidden;
        }
        h1, h2, h3, h4 {
            font-family: var(--font-serif);
        }
        .text-gold { color: var(--color-gold); }
        .bg-glass {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        .bg-glass-dark {
            background: rgba(0, 0, 0, 0.4);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        .surreal-shadow {
            box-shadow: 0 0 50px rgba(212, 175, 55, 0.1);
        }
        
        /* Floating Animation */
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }
        .animate-float { animation: float 6s ease-in-out infinite; }
        .animate-float-delay { animation: float 8s ease-in-out infinite 1s; }
        
        /* Fade In */
        [x-cloak] { display: none !important; }
        
        .fade-enter-active { transition: opacity 1s ease; }
        .fade-enter-from { opacity: 0; }
        .fade-enter-to { opacity: 1; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--color-void); }
        ::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
        ::-webkit-scrollbar-thumb:hover { background: var(--color-gold); }

        .reflection-card {
            transition: all 0.5s ease;
        }
        .reflection-card:hover {
            transform: translateY(-5px);
            background: rgba(255, 255, 255, 0.07);
            border-color: var(--color-gold);
        }

        /* Devil / Evil Animation */
        .text-blood { color: #8a0303; }
        .devil-shadow { text-shadow: 0 0 20px rgba(138, 3, 3, 0.6); }

        @keyframes devil-appear {
            0% { opacity: 0; transform: scale(0.8) translateY(10px); filter: blur(8px); }
            50% { opacity: 1; transform: scale(1.1) translateY(0); filter: blur(0); }
            100% { opacity: 0.9; transform: scale(1) translateY(0); filter: blur(1px); }
        }
        .animate-devil { animation: devil-appear 3s ease-out forwards; }
/* Vibitely Utility Classes */
.vibitely-hidden { display: none !important; }