

:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#f1f5f9;--bg-card-hover:#e2e8f0;--bg-input:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-brand:#ea580c;--border-color:rgba(15,23,42,.08);--border-card:rgba(15,23,42,.06);--glow-brand:rgba(249,115,22,.08);--glow-brand-strong:rgba(249,115,22,.15);--nav-bg:rgba(255,255,255,.8);--nav-border:rgba(15,23,42,.06);--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--grid-line:rgba(249,115,22,.03);--shadow-card:0 1px 3px rgba(0,0,0,.06);--partner-bg:rgba(249,115,22,.04);--partner-border:rgba(249,115,22,.08);--selection-bg:rgba(249,115,22,.15);--selection-text:#9a3412}

.dark{--bg-primary:#050508;--bg-secondary:#0a0a12;--bg-card:rgba(255,255,255,.02);--bg-card-hover:rgba(255,255,255,.04);--bg-input:rgba(255,255,255,.05);--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#475569;--text-brand:#fb923c;--border-color:rgba(255,255,255,.06);--border-card:rgba(255,255,255,.06);--glow-brand:rgba(249,115,22,.06);--glow-brand-strong:rgba(249,115,22,.12);--nav-bg:rgba(5,5,8,.85);--nav-border:rgba(255,255,255,.04);--scrollbar-track:#050508;--scrollbar-thumb:#2e2e45;--grid-line:rgba(249,115,22,.015);--shadow-card:0 25px 50px -12px rgba(0,0,0,.25);--partner-bg:rgba(255,255,255,.02);--partner-border:rgba(255,255,255,.06);--selection-bg:rgba(249,115,22,.3);--selection-text:#fed7aa}

::-webkit-scrollbar-track{background:var(--scrollbar-track)}

::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}

body{background:var(--bg-primary);color:var(--text-primary)}

#loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .5s}

@keyframes loader-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}

.reveal{opacity:0;transform:translateY(30px) scale(.98);filter:blur(10px);transition:all .8s cubic-bezier(.16,1,.3,1)}

.reveal.active{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}

.delay-100{transition-delay:100ms}

.delay-200{transition-delay:200ms}

.delay-300{transition-delay:300ms}

.delay-400{transition-delay:400ms}

.delay-500{transition-delay:500ms}

@keyframes float-particle{0%,100%{transform:translateY(0) translateX(0);opacity:.2}25%{transform:translateY(-20px) translateX(10px);opacity:.6}75%{transform:translateY(-30px) translateX(15px);opacity:.5}}

@keyframes rotate-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

.rotate-ring{animation:rotate-ring 25s linear infinite}

.rotate-ring-slow{animation:rotate-ring 35s linear infinite reverse}

@keyframes logo-breathe{0%,100%{filter:drop-shadow(0 0 20px rgba(249,115,22,.2))}50%{filter:drop-shadow(0 0 30px rgba(249,115,22,.35))}}

.logo-breathe{animation:logo-breathe 4s ease-in-out infinite}

.card-glow{position:relative;overflow:hidden}

.card-glow::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(249,115,22,.03),transparent);transition:left .6s}

.card-glow:hover::before{left:100%}

.logo-nav:hover{filter:drop-shadow(0 0 12px rgba(249,115,22,.4))}

.form-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary)}

.form-input::placeholder{color:var(--text-muted)}

.form-input:focus{border-color:rgba(249,115,22,.5);box-shadow:0 0 0 1px rgba(249,115,22,.25)}

.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s,padding .4s;padding:0 24px}

.faq-item.open .faq-answer{max-height:300px;padding:0 24px 20px}

.faq-item.open .faq-chevron{transform:rotate(180deg)}

.faq-chevron{transition:transform .3s}

#cookieBanner{transform:translateY(100%);transition:transform .5s}

#cookieBanner.visible{transform:translateY(0)}

#chatBox{transform:scale(.8) translateY(10px);opacity:0;pointer-events:none;transition:all .3s}

#chatBox.open{transform:scale(1) translateY(0);opacity:1;pointer-events:auto}

.p-card{
            position:relative;overflow:hidden;
            transition:all .4s cubic-bezier(.16,1,.3,1);
        }

.p-card::after{
            content:"";position:absolute;bottom:0;left:0;right:0;height:3px;
            background:var(--pc);transform:scaleX(0);transition:transform .4s ease;
            transform-origin:center;
        }

.p-card:hover::after{transform:scaleX(1)}

.p-card:hover{
            border-color:var(--pc) !important;
            transform:translateY(-4px);
            background:linear-gradient(180deg,var(--bg-card),var(--pc-glow)) !important;
        }

.dark .p-card:hover{
            box-shadow:0 8px 30px var(--pc-glow);
        }

.p-card .p-logo{
            transition:all .4s ease;
            filter:grayscale(100%) brightness(.6);opacity:.5;
        }

.dark .p-card .p-logo{filter:grayscale(100%) brightness(.8);opacity:.4}

.p-card:hover .p-logo{filter:grayscale(0%) brightness(1);opacity:1}

.p-card .p-name{transition:color .3s ease}

.p-card:hover .p-name{color:var(--pc) !important;text-shadow:0 0 14px var(--pc-glow)}

@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.mq-track{animation:marquee 50s linear infinite}

.mq-track:hover{animation-play-state:paused}

.mq-item{transition:all .3s ease;filter:grayscale(100%) brightness(.75);opacity:.65;color:var(--text-secondary)!important}

.dark .mq-item{filter:grayscale(0%) brightness(1.15);opacity:.92;color:#e2e8f0!important;text-shadow:0 0 12px rgba(226,232,240,.12)}

.mq-item:hover{filter:grayscale(0%) brightness(1.25);opacity:1;color:var(--pc,var(--text-brand))!important;text-shadow:0 0 14px var(--pc-glow,rgba(249,115,22,.35));transform:translateY(-1px)}

.dark #partner .mq-track{background:rgba(255,255,255,.025);border-radius:999px}

.dark #partner .mq-item:hover{color:var(--pc,var(--text-brand))!important;text-shadow:0 0 18px var(--pc-glow,rgba(249,115,22,.45))}
