/* Futuristic Enhancements - No color/font changes to core */
        .futuristic-hero {
            position: relative;
            overflow: hidden;
        }

        .futuristic-hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at 50% 30%, rgba(109, 60, 255, 0.08) 0%, transparent 70%);
            pointer-events: none;
        }

        .scanline {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(transparent, rgba(109, 60, 255, 0.4), transparent);
            animation: scan 4s linear infinite;
            opacity: 0.15;
        }

        @keyframes scan {
            0% {
                transform: translateY(-100px);
            }

            100% {
                transform: translateY(800px);
            }
        }

        .neon-divider {
            height: 2px;
            background: linear-gradient(90deg, transparent, #6D3CFF, transparent);
            margin: 2rem auto;
            width: 60%;
            box-shadow: 0 0 15px #6D3CFF;
        }

        .futuristic-title {
            text-shadow: 0 0 20px #6D3CFF,
                0 0 40px #6D3CFF;
            letter-spacing: 4px;
        }

        .holo-orb {
            position: absolute;
            width: 180px;
            height: 180px;
            border: 1px solid rgba(109, 60, 255, 0.3);
            border-radius: 50%;
            animation: holoFloat 25s infinite linear;
            pointer-events: none;
        }

        .orb-1 {
            top: 20%;
            left: 10%;
            animation-delay: 0s;
        }

        .orb-2 {
            bottom: 25%;
            right: 15%;
            animation-delay: -12s;
        }

        @keyframes holoFloat {
            0% {
                transform: translate(0, 0) rotate(0deg);
            }

            50% {
                transform: translate(40px, -40px) rotate(180deg);
            }

            100% {
                transform: translate(0, 0) rotate(360deg);
            }
        }

        .futuristic-demo {
            border: 1px solid rgba(109, 60, 255, 0.3);
            box-shadow: 0 0 30px rgba(109, 60, 255, 0.2);
            position: relative;
            overflow: hidden;
        }

        .futuristic-demo::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(transparent, rgba(109, 60, 255, 0.05), transparent);
            animation: dataflow 6s linear infinite;
        }

        .voice-pulse {
       display: none;
        }

        @keyframes voicePulse {

            0%,
            100% {
                transform: translate(-50%, -50%) scale(0.8);
            }

            50% {
                transform: translate(-50%, -50%) scale(1.4);
            }
        }

        .futuristic-flow {
            gap: 20px;
        }

        .flow-stage {
            position: relative;
            transition: all 0.4s ease;
        }

        .flow-stage:hover {
            transform: translateY(-8px);
        }

        .futuristic-card {
            border: 1px solid rgba(109, 60, 255, 0.4);
            box-shadow: 0 0 40px rgba(109, 60, 255, 0.15);
            position: relative;
        }

        .futuristic-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(109, 60, 255, 0.03), transparent);
            pointer-events: none;
        }

        .futuristic-tech-card {
            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            border: 1px solid rgba(109, 60, 255, 0.2);
        }

        .futuristic-tech-card:hover {
            transform: translateY(-12px) scale(1.02);
            border-color: #6D3CFF;
            box-shadow: 0 0 35px rgba(109, 60, 255, 0.3);
        }

        .futuristic-example {
            border: 1px solid rgba(109, 60, 255, 0.25);
            transition: all 0.4s ease;
        }

        .futuristic-example:hover {
            border-color: #6D3CFF;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
        }

        .futuristic-faq {
            border: 1px solid rgba(109, 60, 255, 0.2);
        }

        .futuristic-btn {
            position: relative;
            overflow: hidden;
        }

        .futuristic-btn::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 40%;
            height: 400%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
            transform: skewX(-25deg);
            animation: shine 4s infinite;
        }

        @keyframes shine {
            0% {
                transform: translateX(-150%) skewX(-25deg);
            }

            20% {
                transform: translateX(300%) skewX(-25deg);
            }

            100% {
                transform: translateX(300%) skewX(-25deg);
            }
        }

        .futuristic-grid {
            gap: 2rem;
        }
  


		/* ==================== FUTURISTIC STYLES ==================== */
		.futuristic-hero, .futuristic-section { position: relative; overflow: hidden; }

		.futuristic-service-card {
			transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
			border: 1px solid rgba(109, 60, 255, 0.2);
		}
		
		.futuristic-service-card:hover {
			transform: translateY(-15px);
			border-color: #6D3CFF;
			box-shadow: 0 0 40px rgba(109, 60, 255, 0.25);
		}

		.futuristic-partners {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
			gap: 1.5rem;
		}

		.partner-logo {
			padding: 1.5rem 1rem;
			text-align: center;
			font-weight: 600;
			border: 1px solid rgba(109, 60, 255, 0.15);
			border-radius: 12px;
			transition: all 0.4s ease;
			background: rgba(255,255,255,0.03);
		}

		.partner-logo:hover {
			border-color: #6D3CFF;
			transform: scale(1.08);
			box-shadow: 0 0 25px rgba(109, 60, 255, 0.3);
		}

		.futuristic-flow-box {
			background: rgba(13, 13, 13, 0.7);
			border: 1px solid rgba(109, 60, 255, 0.3);
			transition: all 0.4s ease;
		}

		.futuristic-flow-box:hover {
			border-color: #6D3CFF;
			box-shadow: 0 0 30px rgba(109, 60, 255, 0.2);
		}

		.futuristic-use-case {
			border: 1px solid rgba(109, 60, 255, 0.2);
			transition: all 0.4s ease;
		}

		.futuristic-use-case:hover {
			border-color: #6D3CFF;
			transform: translateY(-8px);
		}

		.futuristic-code {
			background: #0a0a0a;
			border: 1px solid #6D3CFF;
			box-shadow: 0 0 25px rgba(109, 60, 255, 0.15);
		}

		.futuristic-grid {
			gap: 2rem;
		}



		/* Futuristic Enhancements for Benefits Page */
		.futuristic-benefit {
			border: 1px solid rgba(109, 60, 255, 0.2);
			transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
		}
		
		.futuristic-benefit:hover {
			transform: translateY(-12px);
			border-color: #6D3CFF;
			box-shadow: 0 0 35px rgba(109, 60, 255, 0.25);
		}

		.futuristic-table table {
			width: 100%;
			border-collapse: collapse;
			background: rgba(13, 13, 13, 0.6);
			border: 1px solid rgba(109, 60, 255, 0.3);
		}
		
		.futuristic-table th,
		.futuristic-table td {
			padding: 18px 20px;
			text-align: center;
			border-bottom: 1px solid rgba(109, 60, 255, 0.15);
		}
		
		.futuristic-table th {
			background: rgba(109, 60, 255, 0.1);
			color: #fff;
		}
		
		.text-success {
			color: #00ff9d;
			font-weight: 600;
		}

		.futuristic-story {
			border-left: 4px solid #6D3CFF;
			background: rgba(13, 13, 13, 0.5);
			padding: 2rem;
			transition: all 0.4s ease;
		}
		
		.futuristic-story:hover {
			border-color: #a78bff;
			transform: translateX(10px);
		}

		.futuristic-number {
			text-align: center;
			border: 1px solid rgba(109, 60, 255, 0.25);
			transition: all 0.4s ease;
		}
		
		.futuristic-number:hover {
			border-color: #6D3CFF;
			box-shadow: 0 0 30px rgba(109, 60, 255, 0.3);
			transform: scale(1.05);
		}

		.number {
			font-size: 2.8rem;
			font-weight: 700;
			background: linear-gradient(90deg, #6D3CFF, #a78bff);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
	
	

		/* Futuristic Styles for Blog Page */
		.futuristic-featured {
			border: 1px solid rgba(109, 60, 255, 0.3);
			background: rgba(13, 13, 13, 0.6);
			box-shadow: 0 0 40px rgba(109, 60, 255, 0.15);
			overflow: hidden;
		}

		.futuristic-article {
			transition: all 0.4s ease;
			border: 1px solid rgba(109, 60, 255, 0.2);
		}
		
		.futuristic-article:hover {
			transform: translateY(-12px);
			border-color: #6D3CFF;
			box-shadow: 0 25px 50px rgba(109, 60, 255, 0.25);
		}

		.article-cover {
			height: 180px;
			position: relative;
			display: flex;
			align-items: flex-end;
			padding: 16px;
			color: white;
		}

		.futuristic-resource {
			border: 1px solid rgba(109, 60, 255, 0.2);
			transition: all 0.4s ease;
		}
		
		.futuristic-resource:hover {
			border-color: #6D3CFF;
			transform: translateY(-8px);
			box-shadow: 0 0 30px rgba(109, 60, 255, 0.2);
		}

		.futuristic-newsletter {
			border: 2px solid rgba(109, 60, 255, 0.3);
			background: linear-gradient(135deg, rgba(13,13,13,0.9), rgba(20,20,30,0.9));
			padding: 3rem 2.5rem;
			text-align: center;
		}

		.futuristic-link {
			color: #6D3CFF;
			text-decoration: none;
			font-weight: 500;
		}
		
		.futuristic-link:hover {
			text-decoration: underline;
			color: #a78bff;
		}

		.futuristic-grid {
			gap: 2rem;
		}


		/* Futuristic Press Page Styles */
		.futuristic-card {
			transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
		}
		
		.press-item:hover,
		.media-item:hover,
		.futuristic-card:hover {
			transform: translateY(-12px);
			border-color: #6D3CFF;
			box-shadow: 0 0 45px rgba(109, 60, 255, 0.3);
		}

		.press-date {
			font-size: 0.95rem;
			opacity: 0.7;
			margin-bottom: 12px;
		}

		.media-source {
			font-weight: 600;
			color: #a78bff;
			margin-bottom: 8px;
		}

		.topics {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
			gap: 12px;
			margin: 1.5rem 0;
		}

		.kit-section {
			padding: 2rem;
		}

		/* ==================== SECTION TABS ==================== */
		.section-tabs-wrap {
			margin: 60px 0 40px 0;
		}

		.section-tabs {
			display: flex;
			gap: 12px;
			flex-wrap: wrap;
			margin-bottom: 40px;
			border-bottom: 1px solid var(--border);
			padding-bottom: 0;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
			scrollbar-width: thin;
			scrollbar-color: rgba(109, 60, 255, 0.3) transparent;
		}

		.section-tabs::-webkit-scrollbar {
			height: 4px;
		}

		.section-tabs::-webkit-scrollbar-track {
			background: transparent;
		}

		.section-tabs::-webkit-scrollbar-thumb {
			background: rgba(109, 60, 255, 0.3);
			border-radius: 2px;
		}

		.section-tabs::-webkit-scrollbar-thumb:hover {
			background: rgba(109, 60, 255, 0.6);
		}

		.section-tab {
			padding: 14px 24px;
			background: none;
			border: none;
			color: var(--text-2);
			font-size: 15px;
			font-weight: 500;
			cursor: pointer;
			transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
			border-bottom: 2px solid transparent;
			position: relative;
			white-space: nowrap;
			font-family: 'Geist', sans-serif;
		}

		.section-tab:hover {
			color: var(--text);
			border-bottom-color: rgba(109, 60, 255, 0.5);
		}

		.section-tab.active {
			color: var(--bright);
			border-bottom-color: var(--bright);
			text-shadow: 0 0 12px rgba(109, 60, 255, 0.4);
		}

		.section-tab.active::after {
			content: '';
			position: absolute;
			bottom: -1px;
			left: 0;
			right: 0;
			height: 2px;
			background: linear-gradient(90deg, transparent, var(--bright), transparent);
			opacity: 0.5;
		}

		.section-content {
			display: none;
			animation: fadeIn 0.4s cubic-bezier(0.16, 1, 0.32, 1);
		}

		.section-content.active {
			display: block;
		}

		@keyframes fadeIn {
			from {
				opacity: 0;
				transform: translateY(12px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		/* Responsive tabs */
		@media (max-width: 768px) {
			.section-tabs {
				gap: 8px;
				margin-bottom: 30px;
			}

			.section-tab {
				padding: 12px 16px;
				font-size: 13px;
			}

			.section-tabs-wrap {
				margin: 40px 0 30px 0;
			}
		}

		/* ==================== DOWNLOAD PAGE ==================== */
		.download-hero {
			padding: 80px 0 60px;
			position: relative;
		}

		.download-hero .section-head {
			text-align: center;
		}

		.download-toggle-section {
			padding: 40px 0;
			position: relative;
			z-index: 10;
		}

		.download-toggle-wrap {
			display: flex;
			gap: 16px;
			justify-content: center;
			flex-wrap: wrap;
		}

		.download-toggle-btn {
			display: flex;
			align-items: center;
			gap: 12px;
			padding: 16px 32px;
			background: var(--panel);
			border: 1px solid var(--border);
			border-radius: 12px;
			color: var(--text-2);
			font-size: 15px;
			font-weight: 500;
			cursor: pointer;
			transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
			font-family: 'Geist', sans-serif;
		}

		.download-toggle-btn:hover {
			color: var(--text);
			border-color: var(--lilac);
			background: rgba(157, 124, 255, 0.08);
		}

		.download-toggle-btn.active {
			background: linear-gradient(135deg, rgba(109, 60, 255, 0.15), rgba(74, 31, 184, 0.08));
			border-color: var(--bright);
			color: var(--bright);
			text-shadow: 0 0 10px rgba(109, 60, 255, 0.4);
			box-shadow: 0 0 20px rgba(109, 60, 255, 0.2);
		}

		.download-toggle-btn .icon {
			font-size: 20px;
		}

		.download-content {
			display: none;
			padding: 60px 0;
			animation: fadeIn 0.4s cubic-bezier(0.16, 1, 0.32, 1);
		}

		.download-content.active {
			display: block;
		}

		.download-main {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 60px;
			align-items: center;
		}

		@media (max-width: 1024px) {
			.download-main {
				grid-template-columns: 1fr;
				gap: 40px;
			}
		}

		.download-visual {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.phone-mockup {
			position: relative;
			width: 280px;
			height: 560px;
			background: linear-gradient(135deg, rgba(109, 60, 255, 0.1), rgba(74, 31, 184, 0.05));
			border: 12px solid var(--indigo);
			border-radius: 40px;
			padding: 12px;
			box-shadow: 0 0 50px rgba(109, 60, 255, 0.25);
			animation: floatPhone 6s ease-in-out infinite;
		}

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

		.phone-screen {
			width: 100%;
			height: 100%;
			background: linear-gradient(135deg, var(--indigo), var(--violet));
			border-radius: 32px;
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
		}

		.screen-content {
			text-align: center;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 20px;
		}

		.orb-icon .orb-bars {
			display: flex;
			gap: 4px;
			justify-content: center;
		}

		.orb-icon .orb-bars span {
			width: 4px;
			height: 32px;
			background: var(--green);
			border-radius: 2px;
			animation: pulse-bar 0.6s ease-in-out infinite;
		}

		.orb-icon .orb-bars span:nth-child(2) {
			animation-delay: 0.1s;
		}

		.orb-icon .orb-bars span:nth-child(3) {
			animation-delay: 0.2s;
		}

		.orb-icon .orb-bars span:nth-child(4) {
			animation-delay: 0.3s;
		}

		@keyframes pulse-bar {
			0%, 100% {
				height: 16px;
				opacity: 0.5;
			}
			50% {
				height: 40px;
				opacity: 1;
			}
		}

		.listening-text, .dashboard-text {
			font-size: 13px;
			letter-spacing: 0.15em;
			font-weight: 600;
			color: var(--text);
			opacity: 0.8;
		}

		.dashboard-icon {
			font-size: 48px;
			opacity: 0.8;
		}

		.partner-screen {
			gap: 24px;
		}

		.download-content-wrap {
			display: flex;
			flex-direction: column;
			gap: 32px;
		}

		.download-badge {
			display: inline-block;
			font-size: 11px;
			letter-spacing: 0.18em;
			text-transform: uppercase;
			color: var(--lilac);
			margin-bottom: 16px;
			font-weight: 500;
		}

		.download-badge.partner {
			color: #5EE7B0;
		}

		.download-title {
			font-size: clamp(32px, 4vw, 48px);
			font-weight: 600;
			line-height: 1.15;
			color: var(--text);
			margin: 0 0 16px 0;
		}

		.download-desc {
			font-size: 16px;
			line-height: 1.65;
			color: var(--text-2);
			margin: 0;
		}

		.download-features {
			display: flex;
			flex-direction: column;
			gap: 20px;
		}

		.feature-item {
			display: flex;
			gap: 16px;
			align-items: flex-start;
		}

		.feature-icon {
			flex-shrink: 0;
			width: 40px;
			height: 40px;
			background: rgba(109, 60, 255, 0.1);
			border: 1px solid rgba(109, 60, 255, 0.3);
			border-radius: 10px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: var(--bright);
			margin-top: 4px;
		}

		.feature-text {
			display: flex;
			flex-direction: column;
			gap: 4px;
		}

		.feature-title {
			font-size: 15px;
			font-weight: 600;
			color: var(--text);
		}

		.feature-sub {
			font-size: 14px;
			color: var(--text-2);
		}

		.download-buttons {
			display: flex;
			flex-direction: column;
			gap: 16px;
		}

		.store-btn-large {
			display: flex;
			align-items: center;
			gap: 16px;
			padding: 18px 24px;
			background: var(--panel);
			border: 1px solid var(--border-2);
			border-radius: 14px;
			color: var(--text);
			text-decoration: none;
			transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
			font-family: 'Geist', sans-serif;
		}

		.store-btn-large:hover {
			background: var(--panel-2);
			border-color: var(--bright);
			box-shadow: 0 0 25px rgba(109, 60, 255, 0.2);
			transform: translateY(-2px);
		}

		.store-btn-large svg {
			width: 28px;
			height: 28px;
			flex-shrink: 0;
		}

		.store-text {
			display: flex;
			flex-direction: column;
			gap: 2px;
		}

		.store-label {
			font-size: 11px;
			letter-spacing: 0.08em;
			text-transform: uppercase;
			color: var(--text-2);
		}

		.store-name {
			font-size: 16px;
			font-weight: 600;
			color: var(--text);
		}

		.download-meta {
			display: flex;
			flex-wrap: wrap;
			gap: 24px;
		}

		.meta-item {
			display: flex;
			align-items: center;
			gap: 8px;
			font-size: 14px;
			color: var(--text-2);
		}

		.meta-item svg {
			color: var(--green);
			flex-shrink: 0;
		}

		.why-choose-section {
			padding: 80px 0;
			background: linear-gradient(135deg, rgba(109, 60, 255, 0.05), rgba(74, 31, 184, 0.03));
		}

		.why-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
			gap: 28px;
		}

		.why-card {
			display: flex;
			flex-direction: column;
			gap: 16px;
			padding: 32px;
			background: var(--panel);
			border: 1px solid var(--border);
			border-radius: 16px;
			transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		}

		.why-card:hover {
			transform: translateY(-8px);
			border-color: var(--bright);
			background: var(--panel-2);
			box-shadow: 0 0 30px rgba(109, 60, 255, 0.15);
		}

		.why-icon {
			width: 48px;
			height: 48px;
			background: rgba(109, 60, 255, 0.1);
			border: 1px solid rgba(109, 60, 255, 0.3);
			border-radius: 12px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: var(--bright);
		}

		.why-card h3 {
			font-size: 18px;
			font-weight: 600;
			color: var(--text);
			margin: 0;
		}

		.why-card p {
			font-size: 14px;
			color: var(--text-2);
			line-height: 1.6;
			margin: 0;
		}

		@media (max-width: 768px) {
			.download-main {
				gap: 30px;
			}

			.download-hero {
				padding: 60px 0 40px;
			}

			.download-content {
				padding: 40px 0;
			}

			.phone-mockup {
				width: 220px;
				height: 440px;
			}

			.download-title {
				font-size: 28px;
			}

			.download-buttons {
				gap: 12px;
			}

			.download-meta {
				gap: 16px;
				font-size: 13px;
			}

			.why-choose-section {
				padding: 60px 0;
			}

			.why-grid {
				grid-template-columns: 1fr;
				gap: 20px;
			}
		}
		}

		.download-buttons a {
			display: block;
			margin-bottom: 12px;
		}


        
		/* Enhanced Futuristic Careers Styles */
		.mission-content {
			text-align: center;
			max-width: 900px;
			margin: 0 auto;
			padding: 4rem 1rem;
		}
		
		.mission-title {
			font-size: 2.8rem;
			line-height: 1.2;
			margin-bottom: 1rem;
		}
		
		.mission-subtitle {
			font-size: 1.4rem;
			opacity: 0.85;
		}

		.futuristic-why {
			position: relative;
			padding-left: 70px;
		}
		
		.why-number {
			position: absolute;
			left: 0;
			top: 0;
			font-size: 3.5rem;
			font-weight: 900;
			opacity: 0.1;
			line-height: 1;
		}

		.talent-network {
			text-align: center;
			padding: 4.5rem 2.5rem;
			border: 2px solid rgba(109, 60, 255, 0.5);
			max-width: 820px;
			margin: 0 auto;
			background: linear-gradient(135deg, rgba(13,13,13,0.95), rgba(20,20,35,0.95));
		}
		
		.status-badge {
			display: inline-block;
			padding: 8px 20px;
			border: 1px solid #6D3CFF;
			border-radius: 50px;
			font-size: 0.95rem;
			margin-bottom: 1.5rem;
			letter-spacing: 1px;
		}

		.large-text {
			font-size: 1.45rem;
			line-height: 1.6;
			max-width: 600px;
			margin: 1.8rem auto;
		}

		.email-contact {
			margin-top: 2.5rem;
			font-size: 1.1rem;
		}

		/* ==================== GOOGLE TRANSLATE WIDGET ==================== */
		#google_translate_element {
			display: none;
		}

		.gt-float-btn {
			position: fixed;
			bottom: 30px;
			right: 30px;
			width: 56px;
			height: 56px;
			background: linear-gradient(135deg, #6D3CFF 0%, #4a1fb8 100%);
			border: 2px solid rgba(255, 255, 255, 0.2);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			box-shadow: 0 0 25px rgba(109, 60, 255, 0.4), 0 8px 16px rgba(0, 0, 0, 0.3);
			transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
			z-index: 999;
		}

		.gt-float-btn:hover {
			transform: scale(1.1);
			box-shadow: 0 0 35px rgba(109, 60, 255, 0.6), 0 12px 24px rgba(0, 0, 0, 0.4);
		}

		.gt-float-btn svg {
			width: 28px;
			height: 28px;
			fill: white;
		}

		.gt-panel {
			position: fixed;
			bottom: 100px;
			right: 30px;
			width: 320px;
			background: var(--panel);
			border: 1px solid var(--border);
			border-radius: 16px;
			box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
			z-index: 998;
			transform: translateY(20px);
			opacity: 0;
			pointer-events: none;
			transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		}

		.gt-panel.gt-open {
			transform: translateY(0);
			opacity: 1;
			pointer-events: all;
		}

		.gt-panel-header {
			padding: 20px;
			border-bottom: 1px solid var(--border);
			text-align: center;
		}

		.gt-panel-header h6 {
			margin: 0 0 6px 0;
			font-size: 18px;
			font-weight: 600;
			color: var(--text);
		}

		.gt-panel-header p {
			margin: 0;
			font-size: 13px;
			color: var(--text-2);
		}

		.gt-panel-body {
			padding: 16px;
			max-height: 400px;
			overflow-y: auto;
		}

		.gt-search {
			position: relative;
			margin-bottom: 16px;
		}

		.gt-search svg {
			position: absolute;
			left: 12px;
			top: 50%;
			transform: translateY(-50%);
			width: 18px;
			height: 18px;
		}

		.gt-search input {
			width: 100%;
			padding: 10px 12px 10px 40px;
			background: var(--panel-2);
			border: 1px solid var(--border);
			border-radius: 8px;
			color: var(--text);
			font-size: 14px;
			font-family: 'Geist', sans-serif;
			transition: all 0.3s ease;
		}

		.gt-search input::placeholder {
			color: var(--text-2);
		}

		.gt-search input:focus {
			outline: none;
			border-color: var(--bright);
			background: var(--panel);
		}

		.gt-lang-grid {
			display: grid;
			grid-template-columns: 1fr;
			gap: 8px;
		}

		.gt-lang-btn {
			padding: 12px 14px;
			background: var(--panel-2);
			border: 1px solid var(--border);
			border-radius: 8px;
			cursor: pointer;
			color: var(--text);
			font-size: 14px;
			font-weight: 500;
			transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
			text-align: left;
			font-family: 'Geist', sans-serif;
		}

		.gt-lang-btn:hover {
			background: rgba(109, 60, 255, 0.1);
			border-color: var(--bright);
			color: var(--bright);
		}

		.gt-lang-btn.gt-active {
			background: linear-gradient(135deg, rgba(109, 60, 255, 0.2), rgba(74, 31, 184, 0.1));
			border-color: var(--bright);
			color: var(--bright);
			box-shadow: 0 0 12px rgba(109, 60, 255, 0.3);
		}

		.gt-loading {
			text-align: center;
			padding: 20px 10px;
			color: var(--text-2);
			font-size: 14px;
		}

		.gt-panel-footer {
			padding: 16px;
			border-top: 1px solid var(--border);
			text-align: center;
		}

		.gt-powered {
			font-size: 12px;
			color: var(--text-2);
			margin-bottom: 12px;
		}

		.gt-reset-btn {
			width: 100%;
			padding: 10px 16px;
			background: rgba(109, 60, 255, 0.1);
			border: 1px solid var(--bright);
			border-radius: 8px;
			color: var(--bright);
			font-size: 13px;
			font-weight: 600;
			cursor: pointer;
			transition: all 0.3s ease;
			font-family: 'Geist', sans-serif;
		}

		.gt-reset-btn:hover {
			background: var(--bright);
			color: var(--text);
		}

		@media (max-width: 768px) {
			.gt-float-btn {
				bottom: 20px;
				right: 20px;
				width: 50px;
				height: 50px;
			}

			.gt-float-btn svg {
				width: 24px;
				height: 24px;
			}

			.gt-panel {
				bottom: 80px;
				right: 20px;
				width: 280px;
			}

			.gt-panel-body {
				max-height: 350px;
			}
		}