:root {
            --spiritual-purple: #533E85;
            --neon-lime: #EAFF81;
            --soft-white: #F4EEEE;
            --ocean-blue: #0C4762;
        }

        body {
            font-family: 'Oxygen', sans-serif;
            background-color: var(--soft-white);
            color: var(--spiritual-purple);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* --- Ambient Background Animations --- */
        @keyframes silkFlow {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        @keyframes breathe {
            0%, 100% { transform: scale(1); opacity: 0.8; }
            50% { transform: scale(1.05); opacity: 1; }
        }

        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
        }

        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        .animate-silk {
            background: linear-gradient(-45deg, #533E85, #0C4762, #3D2C63, #0C4762);
            background-size: 400% 400%;
            animation: silkFlow 15s ease infinite;
        }

        .breathe-logo { animation: breathe 4s infinite ease-in-out; }
        .floating-orb { animation: float 6s infinite ease-in-out; }
        
        .glass {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        /* --- Transitions --- */
        .page-view {
            display: none;
            opacity: 0;
            transition: opacity 0.8s ease;
        }

        .page-view.active {
            display: block;
            opacity: 1;
        }

        /* --- Navigation Effects --- */
        .nav-link {
            position: relative;
            transition: color 0.3s ease;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 1px;
            background: var(--neon-lime);
            transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .nav-link:hover::after {
            width: 100%;
        }

        .hamburger span {
            transition: all 0.3s ease;
        }
        .hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
        .hamburger.open span:nth-child(2) { opacity: 0; }
        .hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(7px, -7px); }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 5px; }
        ::-webkit-scrollbar-track { background: var(--soft-white); }
        ::-webkit-scrollbar-thumb { background: var(--spiritual-purple); }