@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

        body {
            font-family: 'Inter', sans-serif;
        }
.feature-item{
            transition: all 0.2s ease;
        }
.feature-item:hover{
            transform: translateX(4px);
        }
.gradient-bg{
            background: linear-gradient(135deg, #7041FF 0%, #6366F1 100%);
        }
.gradient-bg-dark{
            background: linear-gradient(135deg, #7041FF 0%, #6366F1 100%);
        }
.feature-card{
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
.feature-card:hover{
            transform: translateY(-8px);
        }
.animate-on-scroll{
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
.animate-on-scroll.animated{
            opacity: 1;
            transform: translateY(0);
        }
.glass-effect{
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
.hero-gradient{
            background: linear-gradient(130deg, #F4F4FF 0%, #FFF 22.64%, #EEEBFF 49.32%, #F2F2FF 72.5%, #F3F0FF 100%);
        }

        @keyframes gradient-shift {

            0%,
            100% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }
        }
.animated-gradient{
            background: linear-gradient(270deg, #7041FF, #6366F1, #A801db, #7041FF);
            background-size: 400% 400%;
        }
.floor-plan-grid{
            background-image:
                linear-gradient(rgba(6, 182, 212, 0.1) 1px, transparent 1px),
                linear-gradient(90deg, rgba(6, 182, 212, 0.1) 1px, transparent 1px);
            background-size: 30px 30px;
        }
.desk-item{
            transition: all 0.3s ease;
            cursor: pointer;
        }
.desk-item:hover{
            transform: scale(1.05);
            box-shadow: 0 10px 25px rgba(6, 182, 212, 0.3);
        }
.pulse-dot{
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
.float-animation{
            animation: float 3s ease-in-out infinite;
        }
.mobile-menu-enter{
            animation: slideDown 0.3s ease-out;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
.video-control-slider{
            appearance: none;
            height: 4px;
            border-radius: 9999px;
            background: rgba(255, 255, 255, 0.35);
            cursor: pointer;
        }
.video-control-slider::-webkit-slider-thumb{
            appearance: none;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #ffffff;
            box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.65);
        }
.video-control-slider::-moz-range-thumb{
            width: 14px;
            height: 14px;
            border: 0;
            border-radius: 50%;
            background: #ffffff;
            box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.65);
        }
.video-center-play-button{
            display: grid;
            place-items: center;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.98);
            color: #6237f2;
            box-shadow:
                0 0 0 16px rgba(255, 255, 255, 0.22),
                0 12px 35px rgba(49, 46, 129, 0.28);
        }
.video-center-play-button svg{
            width: 38px;
            height: 38px;
        }

        @media (min-width: 640px) {
.video-center-play-button{
                width: 96px;
                height: 96px;
                box-shadow:
                    0 0 0 20px rgba(255, 255, 255, 0.22),
                    0 14px 40px rgba(49, 46, 129, 0.3);
            }
.video-center-play-button svg{
                width: 44px;
                height: 44px;
            }
        }