:root { scroll-behavior: smooth; }
        body { 
            background-color: #ffffff; 
            color: #0a0a0a;
            overflow-x: hidden;
        }

        /* Animation: Right to Left */
        .animate-rtl {
            opacity: 0;
            transform: translateX(100px);
            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        .animate-rtl.visible {
            opacity: 1;
            transform: translateX(0);
        }

        /* Full Screen Menu */
        #nav-overlay {
            clip-path: circle(0% at 95% 5%);
            transition: clip-path 0.8s ease-in-out;
        }
        #nav-overlay.active {
            clip-path: circle(150% at 95% 5%);
        }

        /* Hero Image Pan Animation */
        .hero-zoom {
            animation: slowPan 30s infinite alternate;
        }
        @keyframes slowPan {
            from { transform: scale(1) translate(0, 0); }
            to { transform: scale(1.1) translate(-2%, -2%); }
        }

        /* Page Transitions */
        .page-view { display: none; }
        .page-view.active { display: block; }

        /* Custom Buttons */
        .btn-premium {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        .btn-premium::after {
            content: '';
            position: absolute;
            bottom: 0; left: 0; width: 0; height: 2px;
            background: currentColor;
            transition: width 0.3s ease;
        }
        .btn-premium:hover::after { width: 100%; }

        /* Marquee */
        .marquee-content {
            display: flex;
            animation: marquee 20s linear infinite;
        }
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
    </style>