/* Guestking Theme Styles */

:root {            --c1: #0D1B2A; /* Richer Dark Blue */            --c2: #1B263B; /* Deep Blue */            --c3: #415A77; /* Shadow Blue */            --c4: #778DA9; /* Light Steel Blue */            --c5: #E0E1DD; /* Platinum White */            --accent: #FFD700; /* Gold Accent */        }        html, body {            margin: 0;            padding: 0;        }        body {             font-family: 'Plus Jakarta Sans', sans-serif;             overflow-x: hidden;             background-color: #fcfdfa;             color: var(--c1);        }                /* Smooth Scrolling */        html { scroll-behavior: smooth; }        .hero-section {            position: relative;            overflow: hidden;            background: #0D1B2A;        }        .hero-section::before,        .hero-section::after {            content: "";            position: absolute;            inset: 0;            background-position: center;            background-size: cover;            background-repeat: no-repeat;            animation: heroFade 16s ease-in-out infinite;            z-index: 0;        }        .hero-section::before {            background-image:                radial-gradient(120% 90% at 50% 10%, rgba(255,215,0,0.14), transparent 45%),                linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.82) 100%),                url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80');            animation-name: heroFadeA;        }        .hero-section::after {            background-image:                radial-gradient(120% 90% at 50% 10%, rgba(255,215,0,0.14), transparent 45%),                linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.82) 100%),                url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1600&q=80');            animation-name: heroFadeB;        }        @keyframes heroFadeA {            0%   { opacity: 1; transform: scale(1); }            45%  { opacity: 1; transform: scale(1.05); }            55%  { opacity: 0; transform: scale(1.08); }            100% { opacity: 0; transform: scale(1.12); }        }        @keyframes heroFadeB {            0%   { opacity: 0; transform: scale(1.12); }            45%  { opacity: 0; transform: scale(1.08); }            55%  { opacity: 1; transform: scale(1.05); }            100% { opacity: 1; transform: scale(1); }        }        .hero-section .floating-shape {            position: absolute;            background: rgba(255, 255, 255, 0.05);            border-radius: 50%;            animation: none;        }        .hero-section .shape1 { width: 100px; height: 100px; top: 10%; left: 10%; animation-duration: 15s; }        .hero-section .shape2 { width: 50px; height: 50px; top: 20%; right: 15%; animation-duration: 10s; }        .hero-section .shape3 { width: 80px; height: 80px; bottom: 10%; left: 20%; animation-duration: 25s; }        .hero-section .shape4 { width: 60px; height: 60px; bottom: 20%; right: 10%; animation-duration: 18s; }        @keyframes float {            0% { transform: translateY(0px); }            50% { transform: translateY(-20px); }            100% { transform: translateY(0px); }        }        .hero-section h1 { animation: fadeInDown 1s ease-out; }        .hero-section p { animation: fadeInUp 1s ease-out; }        .hero-filter    { animation: fadeInUp 1s ease-out; position: relative; z-index: 12; }        @keyframes fadeInDown {            0% { opacity: 0; transform: translateY(-20px); }            100% { opacity: 1; transform: translateY(0); }        }        @keyframes fadeInUp {            0% { opacity: 0; transform: translateY(20px); }            100% { opacity: 1; transform: translateY(0); }        }        /* Spacing helpers */        .section-tight { padding-top: 3.25rem !important; padding-bottom: 3.25rem !important; }        .section-compact { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }        /* Navbar Scroll Classes */        .glass-header {            background: rgba(255, 255, 255, 0.95);            backdrop-filter: blur(12px);            border-bottom: 2px solid var(--accent);            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);        }        .navbar-scrolled {            background: linear-gradient(135deg, rgba(13,27,42,0.88) 0%, rgba(17,36,60,0.88) 60%, rgba(13,27,42,0.88) 100%) !important;            background-size: 200% 200%;            animation: navSheen 6s ease-in-out infinite;            padding-top: 0.75rem !important;            padding-bottom: 0.75rem !important;            box-shadow: 0 10px 30px rgba(0,0,0,0.3);            border-bottom: 2px solid var(--accent);            position: relative;        }        .navbar-scrolled .nav-text { color: white !important; }        .navbar-scrolled .logo-text { color: white !important; }        .navbar-scrolled .logo-box { background: white !important; color: #0D1B2A !important; }        .navbar-scrolled::after {            content: "";            position: absolute;            left: 0;            bottom: -2px;            width: 100%;            height: 2px;            background: linear-gradient(90deg, transparent, #2DE3FF, var(--accent), #FF7AE6, transparent);            animation: navLine 2.2s linear infinite;            opacity: 1;        }        @keyframes navSheen {            0% { background-position: 0% 50%; }            50% { background-position: 100% 50%; }            100% { background-position: 0% 50%; }        }        @keyframes navLine {            0% { transform: translateX(-60%); }            100% { transform: translateX(60%); }        }        .btn-modern {            background-color: var(--accent);            color: var(--c1);            transition: all 0.3s ease;            box-shadow: 0 8px 20px -5px rgba(255, 215, 0, 0.5);        }        .btn-modern:hover {            transform: translateY(-3px) scale(1.05);            filter: brightness(1.1);            box-shadow: 0 12px 25px -5px rgba(255, 215, 0, 0.7);        }        /* Modern Dark Table Style */        .dark-card {            background: var(--c1);            border-radius: 2.5rem;            box-shadow: 0 30px 60px -12px rgba(27, 64, 121, 0.3);        }        /* Light Table Variant (for Marketplace tables) */        .light-card {            background: #ffffff;            border-radius: 2.5rem;            border: 1px solid #e6ebf2;            box-shadow: 0 26px 50px -30px rgba(20, 35, 55, 0.35);        }        .light-card .table-row-dark {            border-bottom: 1px solid #eef2f7;        }        .light-card .table-row-dark:hover {            background-color: #f7f9fc;            box-shadow: inset 4px 0 0 #2d6cdf;        }        .light-card .text-white,        .light-card .text-white\/80,        .light-card .text-white\/70,        .light-card .text-white\/60,        .light-card .text-white\/50 {            color: #233142 !important;        }        .light-card .bg-white\/5 {            background-color: #f4f6fb !important;        }        .light-card .border-white\/15,        .light-card .border-white\/20 {            border-color: #d8e0ea !important;        }        .light-card input[type="text"],        .light-card input[type="search"] {            background: #f7f9fc !important;            border: 1px solid #e1e7ef !important;            color: #1b2b3b !important;        }        .light-card input::placeholder {            color: #8a94a4 !important;        }        .light-card .table-head {            background: #ffffff;            border-bottom: 1px solid #e6ebf2;            border-top-left-radius: 2.5rem;            border-top-right-radius: 2.5rem;        }        .light-card thead th {            color: #37507a !important;        }        #dealsTableHead,        #recentTableHead {            background: #1B4079;            border-bottom: 1px solid #16335e;        }        #dealsTableHead .text-white\/80,        #dealsTableHead .text-white\/60,        #recentTableHead .text-white\/80,        #recentTableHead .text-white\/60 {            color: #ffffff !important;        }        #dealsTableHead i,        #recentTableHead i {            color: rgba(255, 255, 255, 0.82) !important;        }        #dealsTableHead input[type="text"],        #dealsTableHead input[type="search"],        #recentTableHead input[type="text"],        #recentTableHead input[type="search"] {            background: rgba(255, 255, 255, 0.14) !important;            border: 1px solid rgba(255, 255, 255, 0.30) !important;            color: #ffffff !important;        }        #dealsTableHead input::placeholder,        #recentTableHead input::placeholder {            color: rgba(255, 255, 255, 0.75) !important;        }        #dealsTable thead tr,        #recentTable thead tr {            background: #1B4079;        }        #dealsTable thead th,        #recentTable thead th {            color: #ffffff !important;            border-color: rgba(255, 255, 255, 0.22) !important;        }        .light-card .text-\[\#C7DB94\] {            color: #2f4f88 !important;        }        .light-card span.text-\[\#C7DB94\] {            color: #2d5bb3 !important;            border-color: #c8d8ff !important;            background: #eef3ff;        }        .light-card span.text-white\/70 {            color: #6a5aa6 !important;            border-color: #ddd3ff !important;            background: #f6f2ff;        }        .market-table-wrap { overflow-x: hidden; }        .market-table {            width: 100%;            table-layout: fixed;        }        .market-table th,        .market-table td {            padding-left: 1rem !important;            padding-right: 1rem !important;            vertical-align: middle;        }        .market-table th:nth-child(1),        .market-table td:nth-child(1) { width: 15%; }        .market-table th:nth-child(2),        .market-table td:nth-child(2) { width: 21%; }        .market-table th:nth-child(3),        .market-table td:nth-child(3) { width: 14%; }        .market-table th:nth-child(4),        .market-table td:nth-child(4) { width: 6%; }        .market-table th:nth-child(5),        .market-table td:nth-child(5) { width: 8%; }        .market-table th:nth-child(6),        .market-table td:nth-child(6) { width: 9%; }        .market-table th:nth-child(7),        .market-table td:nth-child(7) { width: 10%; }        .market-table th:last-child,        .market-table td:last-child { width: 17%; }        .market-table td:nth-child(2) .font-bold {            white-space: nowrap;            overflow: hidden;            text-overflow: ellipsis;        }        .metric-badges {            display: flex;            gap: 6px;            flex-wrap: wrap;        }        .metric-badge {            display: inline-flex;            align-items: center;            gap: 5px;            padding: 4px 8px;            border-radius: 8px;            border: 1px solid #153d7a;            background: #1e4f9c;            color: #ffffff;            font-size: 10px;            font-weight: 800;            line-height: 1;            letter-spacing: 0.04em;            white-space: nowrap;        }        .metric-badge i { font-size: 10px; color: #ffffff; }        .metric-badge.dr {            border-color: #1f6d3a;            background: #2f8f4e;            color: #ffffff;        }        .category-badges {            display: flex;            gap: 6px;            flex-wrap: wrap;        }        .category-badge {            display: inline-flex;            align-items: center;            justify-content: center;            padding: 4px 8px;            border-radius: 999px;            border: 1px solid #c9d6ea;            background: #eef3fb;            color: #304c75;            font-size: 10px;            font-weight: 800;            line-height: 1;            letter-spacing: 0.02em;            white-space: nowrap;        }        .category-badge.business {            background: #e8f1ff;            border-color: #c6dafb;            color: #1f4f93;        }        .category-badge.education {            background: #eaf8ee;            border-color: #c8ebd3;            color: #246640;        }        .category-badge.science {            background: #f1ecff;            border-color: #daceff;            color: #5a4697;        }        .domain-icon-box {            background: linear-gradient(135deg, #edf3ff 0%, #e3ecff 100%) !important;            border: 1px solid #cfdcf7;            color: #234f95 !important;            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);        }        .domain-icon {            color: #234f95;            font-size: 13px;        }        .action-wrap {            display: inline-flex;            align-items: center;            justify-content: flex-end;            gap: 8px;            width: 100%;            flex-wrap: nowrap;        }        .action-price {            color: #1B4079;            font-weight: 900;            font-size: 16px;            letter-spacing: -0.01em;            white-space: nowrap;            min-width: 64px;            text-align: center;            padding: 8px 10px;            border-radius: 999px;            background: rgba(27, 64, 121, 0.08);            border: 1px solid rgba(27, 64, 121, 0.18);        }        .rating-wrap {            display: inline-flex;            gap: 3px;            align-items: center;            justify-content: center;            min-width: 96px;            white-space: nowrap;        }        .rating-star {            font-size: 15px;            line-height: 1;            color: #b7c3e0;        }        .rating-star.filled {            color: #FFD700;            text-shadow: 0 0 6px rgba(255, 215, 0, 0.5);        }        #dealsTable th:nth-child(7),        #dealsTable td:nth-child(7),        #recentTable th:nth-child(7),        #recentTable td:nth-child(7) {            display: none;        }        #dealsTable th:nth-child(3),        #dealsTable td:nth-child(3),        #recentTable th:nth-child(3),        #recentTable td:nth-child(3) {            width: 12% !important;        }        #dealsTable th:nth-child(5),        #dealsTable td:nth-child(5),        #recentTable th:nth-child(5),        #recentTable td:nth-child(5) {            width: 9% !important;        }        #dealsTable th:nth-child(6),        #dealsTable td:nth-child(6),        #recentTable th:nth-child(6),        #recentTable td:nth-child(6) {            width: 11% !important;        }        #dealsTable th:last-child,        #dealsTable td:last-child,        #recentTable th:last-child,        #recentTable td:last-child {            width: 26% !important;        }        .action-stack {            display: flex;            flex-direction: column;            align-items: flex-end;            gap: 4px;            width: 100%;        }        .action-stack .action-wrap {            width: auto;            display: inline-flex;            align-items: center;            gap: 8px;        }        .action-rating {            width: 124px;            margin-top: 1px;        }        .action-rating .rating-wrap {            min-width: 0;            justify-content: center;            width: 100%;        }        .action-rating .rating-star {            font-size: 14px;        }        #dealsTable td:nth-child(5),        #recentTable td:nth-child(5) {            white-space: nowrap;        }        #dealsTable td:nth-child(6) a,        #recentTable td:nth-child(6) a {            white-space: nowrap;            display: inline-block;        }        .market-table td:last-child .btn-modern {            flex: 0 0 auto;            min-width: 124px;            white-space: nowrap;            padding: 10px 16px !important;            font-size: 11px !important;            line-height: 1 !important;            letter-spacing: 0.08em !important;            text-align: center;        }        @media (max-width: 1024px) {            .market-table-wrap { overflow-x: auto; }            .market-table {                min-width: 960px;                table-layout: auto;            }        }        .laptop-mock {            position: relative;            max-width: 1150px;            margin: 0 auto 36px;            overflow: visible;        }        .laptop-mock + .laptop-mock {            margin-top: 36px;        }        .laptop-screen {            background: #ffffff;            border-radius: 18px;            padding: 10px;            box-shadow: 0 24px 45px -26px rgba(10, 22, 40, 0.5);            border: 4px solid #141414;        }        .laptop-base {            width: 120%;            height: 32px;            margin: -6px auto 0;            margin-left: -10%;            background: url('images/table-botom.png') center/100% 100% no-repeat;        }        .laptop-base::after { display: none; }        .light-card .btn-modern {            background: linear-gradient(135deg, #1b4aa0 0%, #2d6cdf 100%) !important;            color: #ffffff !important;            box-shadow: 0 12px 24px -14px rgba(45, 108, 223, 0.6) !important;        }        .light-card .btn-modern:hover {            background: linear-gradient(135deg, #163e86 0%, #255bb8 100%) !important;        }        #dealsTable td:last-child .btn-modern,        #recentTable td:last-child .btn-modern {            background: linear-gradient(135deg, #9adf47 0%, #5cb83e 100%) !important;            color: #ffffff !important;            box-shadow: 0 12px 24px -14px rgba(76, 163, 49, 0.58) !important;        }        #dealsTable td:last-child .btn-modern:hover,        #recentTable td:last-child .btn-modern:hover {            background: linear-gradient(135deg, #88ce37 0%, #4aa331 100%) !important;        }        .light-card .text-\[\#FFD700\] {            color: #2d6cdf !important;        }        .light-card .table-row-dark:nth-child(even) {            background: #fbfcff;        }        .table-row-dark {            border-bottom: 1px solid rgba(255, 255, 255, 0.05);            transition: all 0.3s ease;        }        .table-row-dark:last-child {            border-bottom: none;        }        .table-row-dark:hover {            background-color: rgba(255, 215, 0, 0.05);            box-shadow: inset 4px 0 0 var(--accent);        }        /* Redesigned Stat Cards (Simple Light Style) */        .stat-card {            background: #ffffff;            transition: all 0.35s ease;            border: 1px solid #e6ebf2;            box-shadow: 0 16px 30px -18px rgba(20, 35, 55, 0.25);            border-radius: 1.6rem;            color: #1b2b3b;            position: relative;            overflow: hidden;        }        .stat-card:hover {            transform: translateY(-4px);            border-color: #c9d6d2;            box-shadow: 0 22px 40px -20px rgba(20, 35, 55, 0.28);        }        .stat-card::after { display: none; }        .stat-card .stat-icon {            background: #f4f7f3;            border: 1px solid #dfe7e1;            color: #2f7b5b;            box-shadow: inset 0 0 0 1px rgba(47, 123, 91, 0.04);        }        .stat-card .stat-value { color: #1B4079; }        .stat-card .stat-label { color: #4b5b6b; }        .stat-card:hover .stat-icon { transform: translateY(-2px) scale(1.03); }        .no-scrollbar::-webkit-scrollbar { display: none; }                /* Premium FAQ Accordion */        details.faq-card summary::-webkit-details-marker {            display:none;        }        @keyframes scroll {            from { transform: translateX(0); }            to { transform: translateX(-50%); }        }        .animate-logo-scroll {            display: flex;            width: max-content;            animation: scroll 35s linear infinite;        }        .logo-mask {            mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);            -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);        }        .footer-gradient {            background:                radial-gradient(120% 120% at 20% -10%, rgba(255,215,0,0.08), transparent 45%),                radial-gradient(120% 120% at 90% 10%, rgba(64,120,255,0.12), transparent 50%),                linear-gradient(135deg, #0D1B2A 0%, #0F1F35 60%, #0B1727 100%);            position: relative;            overflow: hidden;        }        .footer-gradient::after {            content: "";            position: absolute;            inset: 0;            background: linear-gradient(180deg, rgba(13,27,42,0.0) 0%, rgba(13,27,42,0.35) 100%);            pointer-events: none;        }        .footer-animate {            animation: footerRise 0.9s ease forwards;            opacity: 0;            transform: translateY(18px);        }        .footer-animate.delay-1 { animation-delay: 0.1s; }        .footer-animate.delay-2 { animation-delay: 0.25s; }        .footer-animate.delay-3 { animation-delay: 0.4s; }        .footer-animate.delay-4 { animation-delay: 0.55s; }        @keyframes footerRise {            to { opacity: 1; transform: translateY(0); }        }        /* Testimonial slider */        .testimonial-stage { perspective: 1400px; position: relative; height: 360px; }        .testimonial-card {            position: absolute;            top: 0; left: 50%;            width: min(540px, 92vw);            transform: translateX(-50%) scale(0.85);            opacity: 0.25;            filter: blur(1px);            transition: transform 0.8s cubic-bezier(0.22, 0.68, 0.23, 0.99), opacity 0.6s ease, filter 0.6s ease;            transform-origin: center center;            border: 1px solid rgba(255,255,255,0.08);            background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));            backdrop-filter: blur(6px);        }        .testimonial-active {            opacity: 1;            filter: blur(0);            transform: translateX(-50%) translateY(0) scale(1);            z-index: 3;        }        .testimonial-left {            transform: translateX(-115%) translateY(18px) scale(0.78) rotateY(12deg);            z-index: 2;        }        .testimonial-right {            transform: translateX(15%) translateY(18px) scale(0.78) rotateY(-12deg);            z-index: 2;        }        .testimonial-dots button {            width: 10px; height: 10px;            border-radius: 999px;            background: rgba(255,255,255,0.25);            transition: all 0.3s ease;        }        .testimonial-dots button.active {            width: 28px;            background: linear-gradient(120deg, var(--accent), #fff);        }        /* Process section */        .process-theme {            background:                radial-gradient(120% 120% at 10% 0%, rgba(87,134,202,0.18), transparent 45%),                radial-gradient(120% 120% at 90% 10%, rgba(255,215,0,0.08), transparent 45%),                linear-gradient(180deg, #14243a 0%, #0f1b2b 100%);        }        .process-theme > .max-w-7xl > span { color: #a9bdd8; }        .process-theme > .max-w-7xl > h2 { color: #ffffff; }        .insights-theme {            background:                radial-gradient(120% 120% at 90% -10%, rgba(255,215,0,0.10), transparent 38%),                radial-gradient(120% 120% at 10% 0%, rgba(64,120,255,0.10), transparent 42%),                linear-gradient(180deg, #e9eef6 0%, #e1e7f0 100%);        }        .team-theme {            background:                radial-gradient(120% 120% at 10% 0%, rgba(255,215,0,0.10), transparent 40%),                linear-gradient(180deg, #eef2f8 0%, #e6ebf3 100%);        }        .team-track {            display: flex;            gap: 24px;            overflow-x: auto;            scroll-snap-type: x mandatory;            scrollbar-width: none;            width: max-content;            padding-right: 24px;            scroll-padding: 0 24px;        }        .team-track::-webkit-scrollbar { display: none; }        .team-slider {            overflow: hidden;            padding: 0 24px;        }        .team-track.marquee {            animation: teamMarquee 26s linear infinite;        }        .team-track.marquee:hover {            animation-play-state: paused;        }        .team-card {            min-width: 220px;            max-width: 220px;            scroll-snap-align: start;            background: #1B4079;            color: #fff;            border: 1px solid rgba(255,255,255,0.08);            border-radius: 24px;            overflow: hidden;            box-shadow: 0 24px 50px -25px rgba(27,64,121,0.55);            transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;        }        .team-card:hover {            transform: translateY(-6px);            border-color: rgba(255,215,0,0.6);            box-shadow: 0 30px 60px -25px rgba(27,64,121,0.70);        }        .team-card img {            width: 100%;            height: 200px;            object-fit: cover;        }        .team-role {            color: rgba(255,255,255,0.7);        }        @keyframes teamMarquee {            0% { transform: translateX(0); }            100% { transform: translateX(-50%); }        }        @media (min-width: 1024px) {            .team-card { min-width: 220px; max-width: 220px; }        }        .coverage-map {            position: relative;            background: transparent;            border: 1px solid rgba(13,27,42,0.06);            overflow: hidden;        }        .coverage-map::before {            content: "";            position: absolute;            inset: 0;            background-image: url('images/map.png');            background-repeat: no-repeat;            background-position: center;            background-size: cover;            opacity: 0.9;            filter: none;        }        .coverage-map::after {            content: "";            position: absolute;            inset: 0;            background: none;            pointer-events: none;        }        .coverage-map .pin { display: none; }        .map-lines { display: none; }        .pin {            --angle: 0deg;            --len: 36px;        }        .pin::after {            content: "";            position: absolute;            left: 50%;            top: 50%;            width: var(--len);            height: 0;            border-top: 2px dashed rgba(13,27,42,0.55);            transform: translate(0, -50%) rotate(var(--angle));            transform-origin: 0 50%;        }        .process-line {            background: linear-gradient(90deg, transparent, rgba(87,134,202,0.45), transparent);        }        .process-card {            background: #f7f9fc;            border: 1px solid #dbe4f2;            box-shadow: 0 18px 40px -26px rgba(13,27,42,0.35);            transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;            opacity: 0;            transform: translateY(18px);            animation: none;            position: relative;            z-index: 2;        }        .process-card h4 { color: #1B4079; }        .process-card p { color: #5b6b82; }        .process-card:hover {            border-color: #7aa2d8;            box-shadow: 0 24px 50px -24px rgba(13,27,42,0.45);        }        .process-pill {            background: #e8f0ff;            color: #1B4079;            border: 1px solid #c9d8ff;        }        .process-animate .process-card { animation: processIn 1.1s ease forwards; }        .process-animate .process-card.step-1 { animation-delay: 0s; }        .process-animate .process-card.step-2 { animation-delay: 1.2s; }        .process-animate .process-card.step-3 { animation-delay: 2.4s; }        .process-animate .process-card.step-4 { animation-delay: 3.6s; }        @keyframes processIn {            to { opacity: 1; transform: translateY(0); }        }        .process-arrows {            position: absolute;            inset: 0;            pointer-events: none;            z-index: 1;        }        .process-arrows path {            stroke: rgba(87,134,202,0.65);            stroke-width: 2.5;            stroke-dasharray: 6 6;            fill: none;            marker-end: url(#arrowHead);            stroke-dashoffset: 160;            opacity: 0;            animation: none;        }        .process-animate .process-arrows path { animation: dashDraw 1.1s ease forwards; }        .process-animate .process-arrows path:nth-child(2) { animation-delay: 0.6s; }        .process-animate .process-arrows path:nth-child(3) { animation-delay: 1.8s; }        .process-animate .process-arrows path:nth-child(4) { animation-delay: 3.0s; }        @keyframes dashDraw {            to { stroke-dashoffset: 0; opacity: 1; }        }        /* Reviews + Contact styling */        .reviews-hero {            background:                radial-gradient(120% 120% at 85% 15%, rgba(255,215,0,0.12), transparent 45%),                linear-gradient(180deg, rgba(13,27,42,0.92) 0%, rgba(13,27,42,0.96) 100%),                url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat;        }        .contact-panel {            background: radial-gradient(120% 120% at 15% 20%, rgba(255,215,0,0.12), transparent 55%),                        radial-gradient(120% 140% at 90% 10%, rgba(65,90,119,0.18), transparent 40%),                        linear-gradient(135deg, #0D1B2A 0%, #1B263B 60%, #0D1B2A 100%);            border: 1px solid rgba(255,255,255,0.08);            box-shadow: 0 32px 70px -32px rgba(0,0,0,0.55);        }        .contact-panel input, .contact-panel textarea {            background: rgba(255,255,255,0.06);            border-color: rgba(255,255,255,0.14);        }        .contact-panel input:focus, .contact-panel textarea:focus {            border-color: var(--accent);            box-shadow: 0 0 0 3px rgba(255,215,0,0.25);        }        .contact-panel .btn-modern {            background: linear-gradient(120deg, #FFD700 0%, #F2C200 100%);            color: #0D1B2A;            box-shadow: 0 14px 32px -14px rgba(255,215,0,0.6);        }        /* Header + Footer Theme Refresh */
        #topBar {
            background: linear-gradient(90deg, #123a80 0%, #1f4f9c 55%, #1b3f85 100%) !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;
        }
        #topBar .text-\[\#C7DB94\],
        #topBar a {
            color: #d7ff8f !important;
            border-color: #d7ff8f !important;
        }
        #topBar a:hover {
            color: #ffffff !important;
            border-color: #ffffff !important;
        }
        #mainNav.glass-header {
            background: linear-gradient(90deg, #0d6c3e 0%, #13894b 52%, #1a6cc7 100%) !important;
            backdrop-filter: none;
            border-bottom: 2px solid rgba(123, 214, 82, 0.45) !important;
            box-shadow: 0 10px 24px -16px rgba(9, 33, 24, 0.75);
        }
        #mainNav .nav-text {
            font-size: 12px !important;
            font-weight: 800 !important;
            letter-spacing: 0.18em !important;
        }
        #mainNav.glass-header .nav-text {
            color: #ffffff !important;
        }
        #mainNav.glass-header a.nav-text:hover,
        #mainNav.glass-header button.nav-text:hover {
            color: #d7ff8f !important;
        }
        #mainNav #gk-cart-count {
            min-width: 22px !important;
            height: 22px !important;
            font-size: 11px !important;
            border-radius: 9999px !important;
            background: #ef4444 !important;
            color: #ffffff !important;
            border: 2px solid #ffffff !important;
            box-shadow: 0 10px 18px -12px rgba(239, 68, 68, 0.95) !important;
            top: 50% !important;
            right: 0 !important;
            transform: translateY(-50%) !important;
            display: none;
        }
        .light-card .table-row-dark:hover {
            background-color: #fff7d6 !important;
            box-shadow: inset 4px 0 0 #f2c94c !important;
        }
        #mainNav.glass-header #logoBox {
            background: #ffffff !important;
            color: #0f7a45 !important;
            transform: none !important;
        }
        #mainNav.glass-header #logoText {
            color: #ffffff !important;
        }
        #mainNav.glass-header > div:last-child .btn-modern {
            background: linear-gradient(135deg, #d9ff8c 0%, #9adf47 100%) !important;
            color: #103524 !important;
            box-shadow: 0 12px 24px -16px rgba(41, 92, 16, 0.75) !important;
        }
        #mainNav.glass-header > div:last-child .btn-modern:hover {
            transform: translateY(-1px) !important;
            filter: brightness(1.03) !important;
        }
        #mainNav.navbar-scrolled {
            background: linear-gradient(90deg, rgba(13, 108, 62, 0.96) 0%, rgba(17, 129, 72, 0.96) 52%, rgba(26, 108, 199, 0.96) 100%) !important;
            border-bottom: 2px solid rgba(123, 214, 82, 0.45) !important;
            animation: none !important;
        }
        #mainNav.navbar-scrolled::after {
            display: none !important;
        }
        .footer-gradient {
            background:
                radial-gradient(120% 140% at 0% 0%, rgba(127, 224, 86, 0.2), transparent 50%),
                radial-gradient(120% 140% at 100% 0%, rgba(48, 130, 255, 0.24), transparent 55%),
                linear-gradient(135deg, #0a4f31 0%, #0f7a45 55%, #1a5cb5 100%) !important;
        }
        .footer-gradient .text-\[\#FFD700\] {
            color: #d7ff8f !important;
        }
        .footer-gradient .bg-white\/5 {
            background: rgba(255, 255, 255, 0.09) !important;
        }
        .footer-gradient a[href='#contact'] {
            background: linear-gradient(135deg, #d9ff8c 0%, #9adf47 100%) !important;
            color: #103524 !important;
        }        /* Stats + Marketplace Filter Match (Screenshot Style) */
        #stats {
            background: #f8fafd;
            padding-top: 2.2rem !important;
            padding-bottom: 1.1rem !important;
        }
        #stats .stat-card {
            border: 1.5px solid #dce3ee !important;
            border-radius: 1.5rem !important;
            box-shadow: 0 20px 38px -30px rgba(24, 45, 76, 0.35) !important;
        }
        #stats .stat-icon {
            background: #f3f8f3 !important;
            border-color: #dce9df !important;
            color: #2f8f4e !important;
        }
        #stats .stat-value {
            color: #0f2d66 !important;
        }
        #stats .stat-label {
            color: #0d1f3f !important;
            letter-spacing: 0.14em !important;
        }

        #marketplace {
            background: #f8fafd !important;
            padding-top: 0.4rem !important;
        }
        #marketplace > .max-w-7xl > .flex h2 {
            color: #1c4f99 !important;
            font-size: 3rem;
            line-height: 1.05;
        }
        #marketplace > .max-w-7xl > .flex > span {
            color: #238847 !important;
            letter-spacing: 0.34em !important;
        }
        #marketplace .hero-filter {
            background: #ffffff !important;
            border: 2px solid #2b74b5 !important;
            border-radius: 2rem !important;
            box-shadow: 0 26px 45px -34px rgba(26, 56, 96, 0.45) !important;
            padding: 0.85rem !important;
        }
        #marketplace .hero-filter > .bg-white {
            background: transparent !important;
            border-radius: 1.5rem !important;
            padding: 1rem 1.15rem !important;
        }
        #marketplace .hero-filter label {
            color: #16284b !important;
            letter-spacing: 0.08em !important;
        }
        #marketplace .hero-filter select,
        #marketplace .hero-filter input[type='text'],
        #marketplace .hero-filter input[type='number'] {
            background: #f6f8fc !important;
            border: 1px solid #d5ddea !important;
            border-radius: 0.95rem !important;
            color: #122c57 !important;
        }
        #marketplace .hero-filter select:focus,
        #marketplace .hero-filter input[type='text']:focus,
        #marketplace .hero-filter input[type='number']:focus {
            border-color: #2b74b5 !important;
            box-shadow: 0 0 0 2px rgba(43, 116, 181, 0.18) !important;
        }
        #marketplace .hero-filter .flex.items-end.gap-3 button:first-child {
            background: #ffffff !important;
            color: #1b4079 !important;
            border: 1.5px solid #2b74b5 !important;
            border-radius: 0.95rem !important;
        }
        #marketplace .hero-filter .flex.items-end.gap-3 .btn-modern {
            background: linear-gradient(135deg, #2fb24f 0%, #229a41 100%) !important;
            color: #ffffff !important;
            border-radius: 0.95rem !important;
            box-shadow: 0 14px 24px -18px rgba(35, 133, 56, 0.7) !important;
        }
        #marketplace [data-add-cart] {
            background: linear-gradient(135deg, #2b74b5 0%, #1b4f99 100%) !important;
            color: #ffffff !important;
            box-shadow: 0 14px 24px -18px rgba(27, 79, 153, 0.7) !important;
            border: 1px solid rgba(27, 79, 153, 0.22) !important;
        }
        #marketplace [data-add-cart]:hover {
            background: linear-gradient(135deg, #356fc4 0%, #1f5ab0 100%) !important;
            box-shadow: 0 16px 28px -18px rgba(27, 79, 153, 0.82) !important;
        }
        #dealsTable td:last-child .btn-modern,
        #recentTable td:last-child .btn-modern {
            background: linear-gradient(135deg, #1b4aa0 0%, #2d6cdf 100%) !important;
            color: #ffffff !important;
            box-shadow: 0 12px 24px -14px rgba(45, 108, 223, 0.6) !important;
            border: 1px solid rgba(27, 74, 160, 0.18) !important;
        }
        #dealsTable td:last-child .btn-modern:hover,
        #recentTable td:last-child .btn-modern:hover {
            background: linear-gradient(135deg, #163e86 0%, #255bb8 100%) !important;
            box-shadow: 0 14px 26px -14px rgba(45, 108, 223, 0.7) !important;
        }        /* Scroll Animations */        .reveal {            position: relative;            transform: translateY(150px);            opacity: 0;            transition: 1s all ease;        }        .reveal.active {            transform: translateY(0);            opacity: 1;        }

/* Footer Marketplace Table Tweaks */

#dealsTable th:nth-child(1),        #dealsTable td:nth-child(1),        #recentTable th:nth-child(1),        #recentTable td:nth-child(1) {            width: 22% !important;        }        #dealsTable th:nth-child(2),        #dealsTable td:nth-child(2),        #recentTable th:nth-child(2),        #recentTable td:nth-child(2) {            width: 18% !important;        }        #dealsTable th:nth-child(6),        #dealsTable td:nth-child(6),        #recentTable th:nth-child(6),        #recentTable td:nth-child(6) {            width: 9% !important;        }        #dealsTable th:last-child,        #dealsTable td:last-child,        #recentTable th:last-child,        #recentTable td:last-child {            width: 23% !important;        }        #dealsTable .domain-name,        #recentTable .domain-name {            display: inline-block;            max-width: 250px;            overflow: hidden;            text-overflow: ellipsis;            white-space: nowrap;            vertical-align: middle;        }        #dealsTable .domain-name-link,        #recentTable .domain-name-link {            display: inline-block;            max-width: 250px;            color: inherit;            text-decoration: none;        }        #dealsTable .domain-name-link:hover .domain-name,        #recentTable .domain-name-link:hover .domain-name {            color: #1f4f93;        }