body {
            background-color: #060709;
            color: #f3f4f6;
            overflow-x: hidden;
        }

        /* Custom scrollbar styling */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #0a0b0e;
        }
        ::-webkit-scrollbar-thumb {
            background: #d97706;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #ff7ebb;
        }

        /* Ambient glowing circles */
        .ambient-glow-1 {
            background: radial-gradient(circle, rgba(217,119,6,0.18) 0%, rgba(0,0,0,0) 70%);
        }
        .ambient-glow-2 {
            background: radial-gradient(circle, rgba(255,126,187,0.15) 0%, rgba(0,0,0,0) 70%);
        }
        .ambient-glow-3 {
            background: radial-gradient(circle, rgba(59,130,246,0.12) 0%, rgba(0,0,0,0) 70%);
        }

        /* Float Animations for Logo and Badges */
        @keyframes float {
            0% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-10px) rotate(1deg); }
            100% { transform: translateY(0px) rotate(0deg); }
        }
        .animate-float {
            animation: float 6s ease-in-out infinite;
        }
        .home-stats-section { position:relative;overflow:hidden;padding:7rem 0;border-top:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,#060709 0%,#090a0e 48%,#060709 100%); }
        .home-stats-glow { position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(100px);opacity:.1;pointer-events:none; }
        .home-stats-glow-gold { left:-260px;top:0;background:#f59e0b; }.home-stats-glow-pink { right:-280px;bottom:-180px;background:#ff7ebb; }
        .home-stats-heading { position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.2rem;margin-bottom:2rem;text-align:center; }
        .home-stats-kicker { display:inline-flex;align-items:center;gap:.55rem;color:#f59e0b;font-size:.66rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase; }
        .home-stats-heading h2 { margin-top:.7rem;color:#fff;font:950 clamp(2rem,5vw,3.5rem)/1 Poppins,sans-serif;letter-spacing:-.04em; }.home-stats-heading h2 span{color:transparent;background:linear-gradient(90deg,#f59e0b,#ff7ebb);background-clip:text}.home-stats-heading p{margin-top:.8rem;color:#7f8795;font-size:.82rem}
        .home-stats-update { display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.06);border-radius:1rem;background:rgba(18,20,28,.75);backdrop-filter:blur(12px);text-align:left }.home-stats-update>i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e;animation:stats-live 1.8s infinite}.home-stats-update span,.home-stats-update strong{display:block}.home-stats-update span{color:#687181;font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.home-stats-update strong{margin-top:.25rem;color:#d1d5db;font-size:.68rem}
        .home-stats-dashboard { position:relative;max-width:1050px;margin:0 auto; }
        .home-stats-cards { display:grid;grid-template-columns:repeat(3,minmax(0,260px));justify-content:center;gap:1rem;margin:0 auto 1.6rem; }
        .home-stat-card { --stat-color:#f59e0b;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:1rem;min-height:126px;padding:1.25rem;border:1px solid color-mix(in srgb,var(--stat-color) 22%,rgba(255,255,255,.06));border-radius:1.25rem;background:linear-gradient(135deg,color-mix(in srgb,var(--stat-color) 7%,#11131a),#101219 68%);box-shadow:0 18px 42px rgba(0,0,0,.25);transition:.3s;text-align:left; }
        .home-stat-card:hover { transform:translateY(-3px);border-color:color-mix(in srgb,var(--stat-color) 45%,transparent);box-shadow:0 22px 50px rgba(0,0,0,.35),0 0 24px color-mix(in srgb,var(--stat-color) 13%,transparent); }
        .home-stat-card::after { content:"";position:absolute;width:130px;height:130px;right:-70px;top:-70px;border-radius:50%;background:var(--stat-color);filter:blur(55px);opacity:.15; }
        .home-stat-peak{--stat-color:#ff7ebb}.home-stat-average{--stat-color:#60a5fa}
        .home-stat-icon { position:relative;display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid color-mix(in srgb,var(--stat-color) 28%,transparent);border-radius:14px;color:var(--stat-color);background:color-mix(in srgb,var(--stat-color) 9%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--stat-color) 10%,transparent); }
        .home-stat-card span { display:block;color:#89919e;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em; }.home-stat-card strong { display:block;margin-top:.4rem;color:#fff;font:950 2rem/1 Poppins,sans-serif; }.home-stat-card small{display:block;margin-top:.55rem;color:#626b7a;font-size:.58rem;font-weight:700}.home-stat-card small i{display:inline-block;width:6px;height:6px;margin-right:.35rem;border-radius:50%;background:#22c55e;box-shadow:0 0 7px #22c55e}
        .home-stats-chart { position:relative;overflow:hidden;min-width:0;padding:1.65rem;border:1px solid rgba(245,158,11,.14);border-radius:1.5rem;background:linear-gradient(145deg,rgba(18,20,28,.98),rgba(10,11,15,.96));box-shadow:0 26px 65px rgba(0,0,0,.34),0 0 40px rgba(245,158,11,.04); }
        .home-stats-chart::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(245,158,11,.035),transparent 35%,rgba(255,126,187,.025));pointer-events:none}.home-chart-heading{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.home-chart-heading>div>span{color:#f59e0b;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.home-chart-heading h3{margin-top:.35rem;color:#fff;font:900 1.35rem Poppins,sans-serif}.home-chart-heading p{margin-top:.2rem;color:#687181;font-size:.66rem}
        .home-chart-wrap{position:relative;padding-top:.4rem}.home-stats-chart canvas { position:relative;display:block;width:100%;max-width:100%;height:320px; }.home-chart-empty{padding:6rem 0;text-align:center;color:#6b7280;font-size:.75rem}
        .home-chart-live { flex:none;padding:.55rem .75rem;border:1px solid rgba(34,197,94,.16);border-radius:99px;color:#9ca3af;background:rgba(34,197,94,.05);font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em; }.home-chart-live i { display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:stats-live 1.8s infinite}
        @keyframes stats-live{50%{opacity:.35;transform:scale(.75)}}@media(max-width:900px){.home-stats-cards{grid-template-columns:1fr;max-width:480px}.home-stat-card{justify-content:flex-start}}@media(max-width:700px){.home-stats-section{padding:5rem 0}.home-stats-update{width:100%;justify-content:center}.home-stat-card{min-height:110px}.home-stats-chart{padding:1rem}.home-chart-heading{align-items:flex-start;flex-direction:column}.home-stats-chart canvas{height:270px}}

        .modes-showcase {
            position: relative;
            overflow: hidden;
            padding: 6rem 0;
            border-top: 1px solid rgba(255,255,255,.05);
            background: linear-gradient(180deg,#060709 0%,#090a0e 50%,#060709 100%);
        }
        .mode-section-glow {
            position: absolute;
            inset: 5% 10%;
            background: radial-gradient(circle at 20% 30%,rgba(245,158,11,.1),transparent 32%),radial-gradient(circle at 85% 70%,rgba(255,126,187,.1),transparent 34%);
            filter: blur(25px);
            pointer-events: none;
        }
        .mode-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; }
        .mode-world-card {
            --mode-color:#f59e0b;
            position:relative;
            min-height:430px;
            overflow:hidden;
            border:1px solid color-mix(in srgb,var(--mode-color) 35%,transparent);
            border-radius:1.5rem;
            background:#11131a;
            box-shadow:0 16px 42px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.02) inset;
            isolation:isolate;
            animation:mode-card-in .7s both;
            animation-delay:var(--mode-delay);
            transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease;
        }
        .mode-world-card:first-child:nth-last-child(odd) { grid-column:1/-1; min-height:470px; }
        .mode-world-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--mode-color) 45%,rgba(245,158,11,.3)); box-shadow:0 22px 55px rgba(0,0,0,.45),0 0 18px color-mix(in srgb,var(--mode-color) 10%,transparent); }
        .mode-world-image {
            position:absolute;
            inset:0;
            z-index:-3;
            background-image:linear-gradient(90deg,rgba(8,9,13,.98) 5%,rgba(8,9,13,.82) 58%,rgba(8,9,13,.45)),var(--mode-image),linear-gradient(145deg,color-mix(in srgb,var(--mode-color) 8%,#15171f),#090a0e 70%);
            background-position:center;
            background-size:cover;
            transform:scale(1.01);
            transition:transform 1.2s cubic-bezier(.2,.8,.2,1),background-position 1.2s ease;
        }
        .mode-world-card:hover .mode-world-image { transform:scale(1.045); background-position:51% 48%; }
        .mode-world-card::before {
            content:"";
            position:absolute;
            inset:0;
            z-index:-2;
            background:linear-gradient(125deg,color-mix(in srgb,var(--mode-color) 7%,transparent),transparent 42%),linear-gradient(0deg,#08090d 0%,transparent 70%);
        }
        .mode-world-card::after {
            content:"";
            position:absolute;
            width:220px;height:220px;right:-110px;top:-110px;z-index:-1;border-radius:50%;
            background:var(--mode-color);filter:blur(90px);opacity:.1;transition:.5s;
        }
        .mode-world-card:hover::after { opacity:.2;transform:translate(-15px,15px) scale(1.1); }
        .mode-world-content { min-height:inherit;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:2.2rem;position:relative;z-index:2; }
        .mode-world-number { position:absolute;right:1.8rem;top:1.2rem;color:rgba(255,255,255,.08);font:900 5rem/1 Poppins,sans-serif;letter-spacing:-.1em; }
        .mode-world-icon { width:58px;height:58px;display:grid;place-items:center;margin-bottom:1rem;border:1px solid color-mix(in srgb,var(--mode-color) 38%,transparent);border-radius:1rem;color:var(--mode-color);font-size:1.45rem;background:color-mix(in srgb,var(--mode-color) 9%,rgba(8,9,13,.82));box-shadow:0 0 18px color-mix(in srgb,var(--mode-color) 12%,transparent);backdrop-filter:blur(12px);transition:.35s; }
        .mode-world-card:hover .mode-world-icon { transform:translateY(-3px);box-shadow:0 0 24px color-mix(in srgb,var(--mode-color) 22%,transparent); }
        .mode-world-label { color:var(--mode-color);font-size:.58rem;font-weight:900;letter-spacing:.25em; }
        .mode-world-label i { font-size:.38rem;margin-right:.35rem;vertical-align:middle; }
        .mode-world-content h3 { max-width:650px;margin:.5rem 0 .65rem;color:#fff;font:900 clamp(1.55rem,2.5vw,2.35rem)/1.1 Poppins,sans-serif;text-shadow:0 3px 20px rgba(0,0,0,.8); }
        .mode-world-content p { max-width:650px;color:#c7cad2;font-size:.82rem;line-height:1.7; }
        .mode-world-features { display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.25rem; }
        .mode-world-features span { padding:.55rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;color:#e5e7eb;font-size:.68rem;font-weight:700;background:rgba(8,9,13,.64);backdrop-filter:blur(8px);transition:.3s; }
        .mode-world-features i { margin-right:.4rem;color:var(--mode-color); }
        .mode-world-card:hover .mode-world-features span { border-color:color-mix(in srgb,var(--mode-color) 30%,transparent); }
        .mode-world-staff { display:flex;align-items:center;gap:.8rem;margin-top:1.25rem; }
        .mode-world-staff small { color:#858996;font-size:.54rem;font-weight:900;letter-spacing:.18em; }
        .mode-world-staff div { display:flex; }
        .mode-world-staff span { width:28px;height:28px;margin-left:-6px;overflow:hidden;border:2px solid #101119;border-radius:.55rem;background:#090a0e; }
        .mode-world-staff span:first-child { margin-left:0; }
        .mode-world-staff img { width:100%;height:100%;object-fit:cover; }
        .mode-world-button { margin-top:1.25rem;padding:.75rem 1.05rem;border-radius:.75rem;color:#090a0d;background:var(--mode-color);font-size:.68rem;font-weight:900;box-shadow:0 8px 20px color-mix(in srgb,var(--mode-color) 16%,transparent);transition:.3s; }
        .mode-world-button:hover { transform:translateY(-2px);filter:brightness(1.12); }
        @keyframes mode-card-in { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:none} }
        @media(max-width:900px){.mode-card-grid{grid-template-columns:1fr}.mode-world-card:first-child:nth-last-child(odd){grid-column:auto}.mode-world-card{min-height:520px}}
        @media(max-width:560px){.modes-showcase{padding:5rem 0}.mode-world-card{min-height:540px;border-radius:1.5rem}.mode-world-content{padding:1.4rem}.mode-world-number{font-size:3.6rem}.mode-world-features span{font-size:.62rem}}

        .staff-body-stage {
            position:relative;width:11rem;height:17rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;
            perspective:700px;
        }
        .staff-body-render { position:relative;max-height:100%;max-width:100%;object-fit:contain;transform-origin:50% 90%;transition:transform .5s ease,filter .5s ease;animation:staff-body-float 5.5s ease-in-out infinite; }
        .staff-pose-left .staff-body-render,.staff-team-render.staff-pose-left img { transform:rotate(-5deg) translateX(-5px); }
        .staff-pose-right .staff-body-render,.staff-team-render.staff-pose-right img { transform:rotate(5deg) translateX(5px); }
        .staff-pose-straight .staff-body-render,.staff-team-render.staff-pose-straight img { transform:rotate(0deg); }
        .staff-body-stage:hover .staff-body-render { transform:translateY(-8px) rotate(2deg) scale(1.04); }
        .staff-team-card {
            --staff-color:#f59e0b;position:relative;min-height:390px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
            padding:1.5rem;text-align:center;border:1px solid color-mix(in srgb,var(--staff-color) 24%,rgba(255,255,255,.05));border-radius:1.4rem;
            background:linear-gradient(180deg,color-mix(in srgb,var(--staff-color) 6%,#12141c),#0b0c10);box-shadow:0 16px 35px rgba(0,0,0,.28);transition:.4s;
        }
        .staff-team-card::before { content:"";position:absolute;width:180px;height:180px;top:-90px;right:-60px;border-radius:50%;background:var(--staff-color);filter:blur(75px);opacity:.13; }
        .staff-team-card:hover { transform:translateY(-7px);border-color:color-mix(in srgb,var(--staff-color) 55%,transparent);box-shadow:0 22px 48px rgba(0,0,0,.42),0 0 20px color-mix(in srgb,var(--staff-color) 12%,transparent); }
        .staff-team-render { position:absolute;top:1rem;left:50%;width:112px;height:215px;display:flex;justify-content:center;transform:translateX(-50%);opacity:.88;transition:.45s; }
        .staff-team-render img { max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 15px color-mix(in srgb,var(--staff-color) 30%,transparent));transition:.45s; }
        .staff-team-card:hover .staff-team-render { top:.4rem;transform:translateX(-50%) scale(1.05);opacity:1; }
        .staff-team-avatar { position:relative;z-index:2;width:54px;height:54px;margin-bottom:.7rem;display:grid;place-items:center;overflow:hidden;border:2px solid var(--staff-color);border-radius:1rem;background:#08090c;box-shadow:0 0 16px color-mix(in srgb,var(--staff-color) 25%,transparent); }
        .staff-team-avatar img { width:100%;height:100%;object-fit:cover; }
        .staff-team-card h4,.staff-team-card span,.staff-team-card p { position:relative;z-index:2; }
        .staff-team-head-only { min-height:275px;justify-content:center;padding:2rem; }
        .staff-team-head-only .staff-team-avatar { width:92px;height:92px;margin-bottom:1.1rem;border-radius:1.25rem;box-shadow:0 0 24px color-mix(in srgb,var(--staff-color) 28%,transparent);transition:.4s; }
        .staff-team-head-only:hover .staff-team-avatar { transform:translateY(-5px) scale(1.05); }
        @keyframes staff-body-float { 50%{translate:0 -7px} }
        .owner-body-stage { position:relative;width:10.5rem;height:19rem;flex:0 0 10.5rem;display:flex;align-items:center;justify-content:center; }
        .owner-body-render { position:relative;max-height:108%;max-width:108%;object-fit:contain;transform:none;animation:owner-body-float 5.8s ease-in-out infinite;transition:transform .4s ease,filter .4s ease; }
        .owner-body-stage:hover .owner-body-render { transform:translateY(-5px) scale(1.025); }
        @keyframes owner-body-float { 50%{translate:0 -5px} }
        @media(max-width:640px){.owner-body-stage{width:11rem;height:18rem;flex-basis:11rem}}
        .owner-cards-row { display:flex;align-items:stretch;justify-content:center;gap:1.5rem;width:100%; }
        .owner-cards-row > .owner-card { flex:var(--owner-size) 1 0;min-width:0; }
        .owner-card > .space-y-4 { flex:1 1 auto;min-width:0; }
        .owner-name-row { display:grid;grid-template-columns:minmax(0,max-content) max-content;align-items:center;justify-content:start;gap:.65rem;white-space:nowrap; }
        .owner-name-row h4 { min-width:0;font-size:clamp(1.65rem,2.15vw,2.2rem);letter-spacing:0; }
        .owner-name-row span { white-space:nowrap;font-size:.62rem;letter-spacing:.09em;padding:.35rem .78rem; }
        .owner-card p { font-size:.86rem;line-height:1.7; }
        @media(max-width:1050px){.owner-cards-row{flex-direction:column;max-width:48rem;margin-inline:auto}}
        @media(max-width:640px){.owner-name-row{display:flex;justify-content:center;flex-wrap:wrap;white-space:normal}}

        /* SPA transition effects */
        .view-container {
            transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
        }

        body.loader-active {
            overflow: hidden;
        }

        #page-loader {
            position: fixed;
            inset: 0;
            z-index: 9999;
            display: grid;
            place-items: center;
            overflow: hidden;
            background: #060709;
            opacity: 1;
            visibility: visible;
            transition: opacity .55s ease, visibility .55s ease;
        }

        #page-loader.loader-hidden {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

        #page-loader.loader-finishing {
            background: #060709;
            animation: loader-screen-burst 1s cubic-bezier(.2,.7,.2,1) forwards;
        }

        #page-loader.loader-finishing .loader-kicker,
        #page-loader.loader-finishing .loader-title,
        #page-loader.loader-finishing .loader-status,
        #page-loader.loader-finishing .loader-track {
            animation: loader-ui-out .28s ease forwards;
        }

        #page-loader.loader-finishing .loader-logo {
            animation: loader-logo-finish .92s cubic-bezier(.16,.75,.25,1) forwards;
        }

        #page-loader.loader-finishing .loader-logo-ring {
            animation: loader-ring-finish .72s ease-out forwards;
        }

        #page-loader.loader-finishing .loader-burst-ring,
        #page-loader.loader-finishing .loader-sparks i {
            animation-play-state: running;
        }

        .loader-content {
            position: relative;
            z-index: 2;
            width: min(86vw, 380px);
            text-align: center;
        }

        .loader-logo-wrap {
            position: relative;
            width: 150px;
            height: 150px;
            margin: 0 auto 30px;
            display: grid;
            place-items: center;
        }

        .loader-logo {
            position: relative;
            width: 112px;
            height: 112px;
            object-fit: contain;
            border-radius: 26px;
            animation: loader-float 2s ease-in-out infinite;
            filter: drop-shadow(0 12px 18px rgba(245,158,11,.3));
        }

        .loader-logo-ring {
            position: absolute;
            inset: 0;
            border: 2px solid rgba(245,158,11,.18);
            border-top-color: #f59e0b;
            border-right-color: #ff7ebb;
            border-radius: 50%;
            animation: loader-spin 1.5s linear infinite;
            box-shadow: 0 0 20px rgba(245,158,11,.16);
        }

        .loader-burst-ring {
            position: absolute;
            inset: 35px;
            border: 4px solid #ff7ebb;
            border-radius: 50%;
            opacity: 0;
            box-shadow: 0 0 25px #f59e0b, inset 0 0 25px #ff7ebb;
            animation: loader-burst-ring .75s ease-out paused forwards;
        }

        .loader-sparks {
            position: absolute;
            inset: 50%;
            pointer-events: none;
        }

        .loader-sparks i {
            --angle: 0deg;
            position: absolute;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #f59e0b;
            box-shadow: 0 0 12px #f59e0b;
            opacity: 0;
            animation: loader-spark .72s ease-out paused forwards;
            transform: rotate(var(--angle)) translateX(25px);
        }

        .loader-sparks i:nth-child(2) { --angle: 45deg; background:#ff7ebb; box-shadow:0 0 12px #ff7ebb; }
        .loader-sparks i:nth-child(3) { --angle: 90deg; }
        .loader-sparks i:nth-child(4) { --angle: 135deg; background:#ff7ebb; box-shadow:0 0 12px #ff7ebb; }
        .loader-sparks i:nth-child(5) { --angle: 180deg; }
        .loader-sparks i:nth-child(6) { --angle: 225deg; background:#ff7ebb; box-shadow:0 0 12px #ff7ebb; }
        .loader-sparks i:nth-child(7) { --angle: 270deg; }
        .loader-sparks i:nth-child(8) { --angle: 315deg; background:#ff7ebb; box-shadow:0 0 12px #ff7ebb; }

        .loader-kicker {
            color: #f59e0b;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: .3em;
        }

        .loader-title {
            margin-top: 7px;
            font-family: Poppins, sans-serif;
            font-size: clamp(30px, 7vw, 44px);
            font-weight: 900;
            background: linear-gradient(90deg, #f59e0b, #facc15, #ff7ebb);
            -webkit-background-clip: text;
            color: transparent;
        }

        .loader-status {
            margin: 20px 0 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 9px;
            color: #9ca3af;
            font-size: 11px;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .loader-status span {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #22c55e;
            box-shadow: 0 0 10px rgba(34,197,94,.8);
            animation: loader-pulse 1s ease-in-out infinite;
        }

        .loader-track {
            height: 5px;
            overflow: hidden;
            border-radius: 99px;
            background: rgba(255,255,255,.06);
            border: 1px solid rgba(255,255,255,.05);
        }

        .loader-progress {
            width: 45%;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, #d97706, #f59e0b, #ff7ebb);
            box-shadow: 0 0 12px rgba(245,158,11,.45);
            animation: loader-progress 1.25s ease-in-out infinite;
        }

        .loader-glow {
            position: absolute;
            width: 520px;
            height: 520px;
            border-radius: 50%;
            filter: blur(10px);
        }

        .loader-glow-gold {
            top: -260px;
            left: -170px;
            background: radial-gradient(circle, rgba(217,119,6,.18), transparent 68%);
        }

        .loader-glow-pink {
            right: -220px;
            bottom: -260px;
            background: radial-gradient(circle, rgba(255,126,187,.15), transparent 68%);
        }

        @keyframes loader-spin { to { transform: rotate(360deg); } }
        @keyframes loader-float { 50% { transform: translateY(-7px) scale(1.02); } }
        @keyframes loader-pulse { 50% { opacity: .35; transform: scale(.75); } }
        @keyframes loader-progress {
            0% { transform: translateX(-110%); }
            100% { transform: translateX(340%); }
        }

        @keyframes loader-ui-out {
            to { opacity: 0; transform: translateY(12px) scale(.96); }
        }

        @keyframes loader-logo-finish {
            0% { transform: scale(1) rotate(0deg); opacity: 1; }
            45% { transform: scale(1.3) rotate(160deg); opacity: 1; filter: drop-shadow(0 0 22px #f59e0b); }
            78% { transform: scale(2.4) rotate(350deg); opacity: 1; filter: brightness(1.7) drop-shadow(0 0 45px #ff7ebb); }
            100% { transform: scale(7) rotate(440deg); opacity: 0; filter: brightness(3) blur(2px); }
        }

        @keyframes loader-ring-finish {
            to { transform: rotate(420deg) scale(2.8); opacity: 0; border-width: 1px; }
        }

        @keyframes loader-burst-ring {
            0% { opacity: 0; transform: scale(.3); }
            20% { opacity: 1; }
            100% { opacity: 0; transform: scale(6); border-width: 1px; }
        }

        @keyframes loader-spark {
            0% { opacity: 0; transform: rotate(var(--angle)) translateX(25px) scale(.4); }
            20% { opacity: 1; }
            100% { opacity: 0; transform: rotate(var(--angle)) translateX(210px) scale(0); }
        }

        @keyframes loader-screen-burst {
            0%, 72% { opacity: 1; }
            82% { background: #17120b; }
            100% { opacity: 0; visibility: hidden; }
        }

        @media (prefers-reduced-motion: reduce) {
            .loader-logo, .loader-logo-ring, .loader-status span, .loader-progress {
                animation-duration: .01ms;
            }
        }

        .support-chat { position:fixed; right:22px; bottom:22px; z-index:60; font-family:Inter,sans-serif; }
        .support-chat-toggle { position:relative; width:58px; height:58px; border-radius:18px; color:#090a0d; font-size:22px; background:linear-gradient(135deg,#f59e0b,#ff7ebb); box-shadow:0 0 18px rgba(245,158,11,.3); transition:.25s; }
        .support-chat-toggle:hover { transform:translateY(-3px) scale(1.03); }
        .support-chat-pulse { position:absolute; right:-2px; top:-2px; width:13px; height:13px; border:3px solid #12141c; border-radius:50%; background:#22c55e; }
        .support-chat-panel { position:absolute; right:0; bottom:72px; width:min(370px,calc(100vw - 28px)); height:530px; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(245,158,11,.25); border-radius:24px; background:rgba(12,13,18,.97); box-shadow:0 20px 55px rgba(0,0,0,.55),0 0 20px rgba(245,158,11,.12); opacity:0; visibility:hidden; transform:translateY(16px) scale(.96); transform-origin:bottom right; transition:.25s; }
        .support-chat-panel.open { opacity:1; visibility:visible; transform:none; }
        .support-chat-header { display:flex; align-items:center; gap:12px; padding:16px; border-bottom:1px solid rgba(255,255,255,.06); background:linear-gradient(135deg,rgba(245,158,11,.09),rgba(255,126,187,.07)); }
        .support-chat-header strong { display:block; color:#fff; font-family:Poppins,sans-serif; font-size:14px; }
        .support-chat-header span { display:block; margin-top:2px; color:#9ca3af; font-size:10px; }
        .support-chat-header span i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#22c55e; box-shadow:0 0 7px #22c55e; }
        .support-chat-header button { margin-left:auto; width:32px; height:32px; color:#9ca3af; border-radius:9px; background:rgba(255,255,255,.05); }
        .support-bot-avatar { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; color:#f59e0b; background:rgba(245,158,11,.12); border:1px solid rgba(245,158,11,.2); }
        .support-chat-messages { flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:10px; }
        .support-message { max-width:86%; padding:10px 12px; color:#d1d5db; font-size:12px; line-height:1.5; border-radius:14px; white-space:pre-wrap; }
        .support-message.bot { align-self:flex-start; background:#181a23; border:1px solid rgba(255,255,255,.06); border-bottom-left-radius:4px; }
        .support-inline-robot { display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border-radius:7px;color:#f59e0b;background:rgba(245,158,11,.1);vertical-align:middle; }
        .support-message.bot:has(.support-message-avatar) { display:grid; grid-template-columns:28px 1fr; gap:8px; align-items:start; }
        .support-message-avatar { width:28px; height:28px; border-radius:8px; object-fit:cover; background:#08090c; }
        .support-message.user { align-self:flex-end; color:#111; background:linear-gradient(135deg,#f59e0b,#ffb52e); border-bottom-right-radius:4px; }
        .support-message.loading { color:#9ca3af; }
        .support-chat-form { padding:12px; border-top:1px solid rgba(255,255,255,.06); background:#0a0b0e; }
        .support-chat-fields { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-bottom:8px; }
        .support-chat-fields select { grid-column:1 / -1; }
        .support-chat-fields input,.support-chat-fields select,.support-chat-compose textarea { width:100%; color:#e5e7eb; outline:none; background:#12141c; border:1px solid rgba(255,255,255,.07); border-radius:10px; font-size:10px; padding:9px; }
        .support-chat-compose { display:flex; gap:8px; align-items:flex-end; }
        .support-chat-compose textarea { resize:none; font-size:12px; max-height:90px; }
        .support-chat-compose button { flex:0 0 40px; height:40px; color:#111; border-radius:11px; background:#f59e0b; }
        @media(max-width:480px){.support-chat{right:14px;bottom:14px}.support-chat-panel{height:min(530px,calc(100vh - 105px))}.support-chat-fields{grid-template-columns:1fr}}