/* Paleta de cores e gradientes renovados */
        .gradient-bg { background: linear-gradient(135deg, #8E2DE2, #4A00E0); }
        .gradient-bg-dark { background: linear-gradient(135deg, #1e0a35, #110029); }
        .gradient-text { background: linear-gradient(135deg, #a777e3, #6e8efb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

        /* Animações e Efeitos */
        .service-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.15); }
        .testimonial-card { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
        .loader { border-top-color: #a777e3; -webkit-animation: spinner 1.5s linear infinite; animation: spinner 1.5s linear infinite; }
        
        @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        
        .toast {
            position: fixed; bottom: 20px; right: 20px;
            background: #4CAF50; color: #fff; padding: 15px 20px;
            border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.3);
            opacity: 0; transform: translateY(20px); transition: all 0.4s ease;
            z-index: 9999;
        }
        .toast.show { opacity: 1; transform: translateY(0); }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .fade-in { animation: fadeIn 0.5s ease-out forwards; }

        /* Estilo para ícones de passos */
        .step-icon {
            background: linear-gradient(135deg, #a777e3, #6e8efb);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        @keyframes floatAnimation {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-15px); }
        }
            .animate-float {
            animation: floatAnimation 6s ease-in-out infinite;
        }

    @keyframes animateChameleon {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

    .animate-chameleon {
        /* Define a animação: nome, duração, ritmo e repetição */
        animation: animateChameleon 8s ease-in-out infinite;
        
        /* Cria o gradiente de cores vibrantes */
        background: linear-gradient(135deg, #a777e3, #6e8efb, #50ffc1, #a777e3);
        
        /* Aumenta o tamanho do gradiente para que ele tenha espaço para se mover */
        background-size: 300% 300%;
        
        /* Aplica o gradiente como fundo do texto */
        -webkit-background-clip: text;
        background-clip: text;
        
        /* Torna a cor da fonte transparente para que o gradiente apareça */
        -webkit-text-fill-color: transparent;
    }
    
/* ===== [NOVOS ESTILOS DO CHAT - VERSÃO CORRIGIDA 5] ===== */

/* Remove as bordas que tínhamos antes no activeChatBox */
#activeChatBox > div {
    border-bottom: 0 !important;
}

/* O contêiner de cada balão (controla o alinhamento GERAL) */
.chat-bubble-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px; 
    max-width: 100%;
    /* [FORÇA TUDO A ALINHAR O TEXTO À ESQUERDA POR PADRÃO] */
    text-align: left !important; 
}
.chat-bubble-sender {
    align-items: flex-end; /* Alinha filhos (info + bubble) à direita */
}
.chat-bubble-receiver {
    align-items: flex-start; /* Alinha filhos (info + bubble) à esquerda */
}

/* As informações (Nome e Data) */
.chat-bubble-info {
    font-size: 0.75rem; 
    font-weight: 500; 
    margin-bottom: 4px; 
    color: #6B7281; 
    padding: 0 10px; 
    width: 100%; /* Faz a info ocupar a largura para o text-align funcionar */
}

/* [SOBRESCRITA] Força o alinhamento do *texto* da info do remetente à direita */
.chat-bubble-sender .chat-bubble-info {
    text-align: right !important; 
}
.chat-bubble-receiver .chat-bubble-info {
    text-align: left !important;
}


/* O balão de chat (controla o alinhamento DO TEXTO DENTRO) */
.chat-bubble {
    max-width: 85%;
    padding: 10px 15px;
    border-radius: 18px;
    word-wrap: break-word;
    line-height: 1.4;
    position: relative;
    
    /* ===== [A CORREÇÃO DEFINITIVA ESTÁ AQUI] ===== */
    
    /* 1. Força o alinhamento de texto (como segurança) */
    text-align: left !important; 
    
    /* 2. Garante que o balão é um container flex */
    display: flex !important; 
    
    /* 3. Força o conteúdo horizontal para a ESQUERDA */
    justify-content: flex-start !important; 
    
    /* 4. Mantém o conteúdo verticalmente centrado (opcional) */
    align-items: center; 
}

/* Cores dos balões */
.chat-bubble-sender .chat-bubble {
    background-color: #8E2DE2; 
    background-image: linear-gradient(135deg, #8E2DE2, #4A00E0);
    color: #FFFFFF; 
    border-bottom-right-radius: 4px;
}
.chat-bubble-receiver .chat-bubble {
    background-color: #E2E8F0; 
    color: #1F2937; 
    border-bottom-left-radius: 4px;
}

/* Mensagem de "Carregando" */
.chat-loading {
    padding: 20px;
    text-align: center;
    color: #6B7281;
}

.chat-bubble-wrapper .chat-bubble * {
  text-align: left !important;
}

/* --- ESTILOS DA ROLETA (V6 - Neon Corrigido) --- */

/* --- VARIÁVEIS DE TAMANHO (Para garantir consistência) --- */
:root {
    --tamanho-roleta: 18rem;
    --tamanho-luzes: 21rem; /* Um pouco maior que a roleta para ficar em volta */
}

/* --- O PINO --- */
#roletaPointer {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 25px solid #FFD700; /* Dourado */
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.6));
    z-index: 20;
    top: 10px; 
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* [NOVO] Adiciona animação */
    transform-origin: center bottom; /* Ponto de pivô na base */
    transition: transform 0.1s ease-out; /* Transição suave */
}

/* [NOVO] Classe para ativar o balanço durante o giro */
#roletaPointer.bouncing {
    animation: pointerBounce 0.2s infinite alternate; /* Balança 5 vezes por segundo */
}

/* [NOVO] Keyframes da animação de balanço */
@keyframes pointerBounce {
    0% { transform: translateX(-50%) rotate(5deg); }
    100% { transform: translateX(-50%) rotate(-5deg); }
}

/* O Botão central GIRAR (V3) */
#btnGirarRoleta {
    z-index: 20; 
    background: radial-gradient(circle, #c084fc 0%, #8E2DE2 100%);
    border: 4px solid #fff;
    box-shadow: 0 0 10px rgba(255,255,255,0.5), 0 0 20px rgba(255,255,255,0.3);
    animation: callToAction 1.5s ease-in-out infinite;
}
#btnGirarRoleta:disabled {
    opacity: 0.7;
    transform: scale(1);
    animation: pulse 1s infinite;
}
@keyframes pulse {
    0% { box-shadow: 0 0 10px rgba(255,255,255,0.5); }
    50% { box-shadow: 0 0 20px rgba(255,255,255,1); }
    100% { box-shadow: 0 0 10px rgba(255,255,255,0.5); }
}

/* Animação de "Chamar Atenção" (scale) */
@keyframes callToAction {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* --- A ROLETA (Círculo Perfeito Responsivo) --- */
#roletaVisual {
    /* Define o tamanho base */
    width: var(--tamanho-roleta);
    height: auto; /* A altura será automática baseada na proporção */
    
    /* O SEGREDO DO CÍRCULO PERFEITO EM QUALQUER TELA */
    aspect-ratio: 1 / 1; 
    
    /* Responsividade: No mobile, nunca passa de 80% da largura da tela */
    max-width: 80vw;
    
    position: relative;
    border-radius: 50%;
    border: none;
    
    /* Neon e Sombras mantidos do seu código */
    box-shadow: 
        inset 0 0 15px rgba(0,0,0,0.5), 
        0 0 5px #c084fc, 
        0 0 10px #c084fc, 
        0 0 15px #8E2DE2;
    animation: neon-glow 2s ease-in-out infinite;
    transition: transform 6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Borda interna da Roda */
#roletaVisual::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 6px solid #8E2DE2; 
    box-sizing: border-box; 
    z-index: 10;
    /* [CORREÇÃO] box-shadow e animation REMOVIDOS DAQUI */
}


/* Containers (Seus V1) */
.roleta-fatias-container,
.roleta-textos-container {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    /* [CORREÇÃO] ...e ADICIONADOS AQUI para cortar as fatias */
    overflow: hidden;
    border-radius: 50%;
}
.roleta-textos-container { z-index: 15; }

/* Fatia de Cor (Sua V1) - COM BORDAS PRETAS */
.roleta-fatia {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 100% 100%;
    
    border-left: 2px solid #000; /* Borda preta */
    box-sizing: border-box;      
    
    background-color: var(--fatia-cor); /* Fallback */
    clip-path: polygon(100% 100%, 0 0, 100% 0);
    transform: rotate(calc(45deg * var(--i, 0)));
}

/* Container de Texto (Sua V1) */
.roleta-texto {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 100% 100%;
    transform: rotate(calc(45deg * var(--i, 0)));
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 1rem; 
    background-color: transparent; 
    pointer-events: none;
}

/* Texto (Sua V1 span) - (Melhorado) */
.roleta-texto span {
    display: block;
    width: 5.5rem; 
    text-align: center;
    position: relative; 
    z-index: 2;
    color: white;
    font-size: 0.875rem; 
    font-weight: 700;   
    text-shadow: 0 1px 2px rgba(0,0,0,0.5); 
    transform: rotate(-67.5deg) translateY(-1.5rem);
}

/* --- CLASSES DE COR (Corretas para o HTML) --- */

.roleta-fatia.cor-7 { background-image: linear-gradient(135deg, #6B7280, #4B5563); } /* Tente Novamente (Cinza) */

.roleta-fatia.cor-0 { background-image: linear-gradient(135deg, #60A5FA, #3B82F6); } /* R$100 (Azul) */

.roleta-fatia.cor-1 { background-image: linear-gradient(135deg, #34D399, #10B981); } /* 5 Giros (Verde) */

.roleta-fatia.cor-2 { background-image: linear-gradient(135deg, #F472B6, #EC4899); } /* R$200 (Rosa) */

.roleta-fatia.cor-3 { background-image: linear-gradient(135deg, #F87171, #EF4444); } /* R$500 (Vermelho) */

.roleta-fatia.cor-4 { background-image: linear-gradient(135deg, #8B5CF6, #6D28D9); } /* R$1.000 (Roxo) */

.roleta-fatia.cor-5 { background-image: linear-gradient(135deg, #c084fc, #a777e3); } /* R$5.000 (Roxo Claro) */

.roleta-fatia.cor-6 { background-image: linear-gradient(135deg, #F59E0B, #F97316); } /* R$10.000 (Laranja) */


/* Texto do Jackpot (Sua V1 span.jackpot-text) */
.roleta-texto span.jackpot-text {
    color: #1F2937;   
    font-weight: 700;
    font-size: 0.875rem; 
    transform: rotate(-67.5deg) translateY(-1.5rem);
}

/* Estilo para o texto "Tente Novamente" */
.roleta-texto span.fatia-texto-loss {
    font-size: 0.75rem; 
    line-height: 1.1; 
    width: 5rem; 
    color: #cccccc; 
}

/* Animação do Brilho Neon */
@keyframes neon-glow {
    0%, 100% {
        box-shadow: 
            inset 0 0 15px rgba(0,0,0,0.5), /* Sombra interna (estática) */
            0 0 5px #c084fc,  /* Brilho roxo claro */
            0 0 10px #c084fc, /* Brilho roxo claro */
            0 0 15px #8E2DE2; /* Brilho roxo escuro */
    }
    50% {
        box-shadow: 
            inset 0 0 15px rgba(0,0,0,0.5), /* Sombra interna (estática) */
            0 0 10px #c084fc, /* Brilho roxo claro */
            0 0 20px #8E2DE2, /* Brilho roxo escuro */
            0 0 30px #8E2DE2; /* Brilho roxo escuro */
    }
}

/* Animação do Ticker de Ganhadores */
@keyframes ticker-scroll {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

.animate-ticker {
    animation: ticker-scroll 20s linear infinite;
    /* Ajuste o 20s para mais rápido ou mais lento */
}

#ganhadoresTicker span {
    display: inline-block;
}

/* Ajuste para o texto "5 Giros Grátis" */
.roleta-texto span.fatia-texto-bonus {
    width: 4rem;       /* Largura estreita para forçar o "Grátis" a cair */
    line-height: 1.1;  /* Espaçamento entre as linhas */
    font-size: 0.75rem; /* Tamanho da fonte */
    word-wrap: break-word; /* Garante a quebra */
}

/* --- LUZES EM CÍRCULO (EFEITO CASSINO) --- */

.roleta-lights-inner {
    position: absolute;
    width: 22rem; 
    height: 22rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 5;
}

.roleta-lights-inner span {
    position: absolute;
    width: 18px; 
    height: 18px;
    border-radius: 50%;
    
    /* Cor base (desligada/fraca) */
    background-color: #B8860B; 
    opacity: 0.3; /* Começa apagada */
    
    /* A mágica acontece aqui: 0.8s é a velocidade de uma volta completa */
    animation: lightChase 0.8s infinite linear;
}

/* --- KEYFRAMES (O Comportamento da Luz) --- */
@keyframes lightChase {
    0% {
        opacity: 1;
        transform: scale(1.4); /* Aumenta quando acende */
        background-color: #FFD700;
        box-shadow: 0 0 15px #FFD700, 0 0 25px #FFA500; /* Brilho forte */
    }
    50% {
        opacity: 0.3;
        transform: scale(1);
        background-color: #B8860B;
        box-shadow: none;
    }
    100% {
        opacity: 0.3;
        transform: scale(1);
        background-color: #B8860B;
        box-shadow: none;
    }
}

/* --- POSICIONAMENTO + DELAY (Para girar) --- */

/* 1. Topo */
.roleta-lights-inner span:nth-child(1) { 
    top: 0; left: 50%; transform: translate(-50%, -50%); 
    animation-delay: 0.0s; /* Começa agora */
} 

/* 2. Nordeste */
.roleta-lights-inner span:nth-child(2) { 
    top: 14.65%; right: 14.65%; transform: translate(50%, -50%); 
    animation-delay: 0.1s; 
}

/* 3. Direita */
.roleta-lights-inner span:nth-child(3) { 
    top: 50%; right: 0; transform: translate(50%, -50%); 
    animation-delay: 0.2s; 
} 

/* 4. Sudeste */
.roleta-lights-inner span:nth-child(4) { 
    bottom: 14.65%; right: 14.65%; transform: translate(50%, 50%); 
    animation-delay: 0.3s; 
}

/* 5. Baixo */
.roleta-lights-inner span:nth-child(5) { 
    bottom: 0; left: 50%; transform: translate(-50%, 50%); 
    animation-delay: 0.4s; 
} 

/* 6. Sudoeste */
.roleta-lights-inner span:nth-child(6) { 
    bottom: 14.65%; left: 14.65%; transform: translate(-50%, 50%); 
    animation-delay: 0.5s; 
}

/* 7. Esquerda */
.roleta-lights-inner span:nth-child(7) { 
    top: 50%; left: 0; transform: translate(-50%, -50%); 
    animation-delay: 0.6s; 
} 

/* 8. Noroeste */
.roleta-lights-inner span:nth-child(8) { 
    top: 14.65%; left: 14.65%; transform: translate(-50%, -50%); 
    animation-delay: 0.7s; 
}
/* Nuvaryx · one visual language for the public site and workspace. */
:root{--ink:#211930;--muted:#716b7e;--brand:#6542d8;--brand-deep:#38215e;--lime:#d9fa74;--paper:#f5f4f8;--line:#e8e4ef;--radius:18px;--tamanho-roleta:min(350px,66vw);--tamanho-luzes:min(378px,72vw)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit}img,svg{max-width:100%}input,select,textarea{min-width:0;max-width:100%}textarea{resize:vertical}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9776f6!important;outline-offset:3px}h1,h2,h3,p{overflow-wrap:anywhere}h2{font-weight:750;font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.25}h3{font-weight:700}button{transition:background-color .18s,box-shadow .18s}.container{max-width:1320px}button:not(.faq-question):not(#btnGirarRoleta){min-height:40px}.gradient-bg{background:linear-gradient(120deg,#7654e3,#5230b5)}.gradient-bg-dark{background:#221535}.text-purple-600,.text-purple-700{color:#6240bc}.bg-purple-600{background:#6542d8}.bg-purple-100{background:#eee8fc}.rounded-lg{border-radius:12px}.shadow,.shadow-lg{box-shadow:0 5px 26px #21193008}.bg-white.shadow,.bg-white.shadow-lg{border:1px solid var(--line)}.skip-link{position:fixed;left:16px;top:-70px;z-index:1000;background:white;border:2px solid var(--brand);padding:12px;border-radius:8px}.skip-link:focus{top:12px}.site-header{background:#241642;box-shadow:none;border-bottom:1px solid #ffffff14}.site-header>.container{min-height:78px;padding-inline:36px}.brand-symbol{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;background:var(--lime);color:#241642;border-radius:11px;font-size:25px;font-weight:900;letter-spacing:-4px;line-height:1;transform:rotate(-5deg)}.brand-symbol span{font-size:22px;line-height:1;letter-spacing:0}.site-header .text-xl{font-size:19px;letter-spacing:.13em;text-transform:uppercase}.site-header #registerBtn{background:var(--lime);color:var(--brand-deep);border-color:var(--lime);font-weight:700}.site-header #loginBtn{background:transparent;color:white}.hero{background:#241642;color:white;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:45px;padding:90px 36px 65px}.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.17em;line-height:1.6;color:#806e9b}.hero .eyebrow{color:#d9ccef;display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#a4d556;margin-right:4px}.hero h1{font-size:clamp(2.6rem,4.8vw,4.5rem);font-weight:750;line-height:1.065;letter-spacing:-.055em;margin:26px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:16px;color:#cbc0dd;line-height:1.8;max-width:435px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px}.btn-accent{display:flex;align-items:center;justify-content:center;gap:25px;background:var(--lime);color:#281743;padding:16px 24px;border:0;border-radius:11px;font-size:14px;font-weight:750}.btn-accent:hover{background:#e7ffa6;box-shadow:0 5px 25px #d9fa7430}.btn-accent span{font-size:21px}.btn-text{display:flex;gap:10px;color:#e8dff3;font-size:12px;text-decoration:none}.hero-assurances{display:flex;gap:21px;margin-top:25px;color:#aca0c1;font-size:10px}.hero-assurances i{margin-right:5px;color:var(--lime)}.hero-visual{position:relative;min-width:0;min-height:430px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #ffffff12;border-radius:50%;width:430px;height:430px;transform:rotate(-20deg)}.orbit-two{width:340px;height:520px;transform:rotate(45deg)}.hero-console{background:linear-gradient(150deg,#48305e,#312044);width:min(360px,90%);padding:24px;border:1px solid #8a69934a;border-radius:22px;transform:rotate(-7deg);box-shadow:0 40px 80px #130b2650}.console-top{display:flex;align-items:center;gap:14px;font-size:8px;color:#c5b4da;letter-spacing:.1em}.console-top .brand-symbol{width:30px;height:30px;font-size:20px}.console-top .brand-symbol span{font-size:18px}.console-dots{margin-left:auto;font-size:15px}.hero-console>p{font-size:27px;font-weight:350;line-height:1.35;margin:28px 0}.hero-console strong{font-weight:700}.console-chart{height:126px;display:flex;gap:11px;align-items:flex-end;border-bottom:1px solid #ffffff18;padding-bottom:12px}.console-chart>span{width:13%;background:linear-gradient(#d9fa74,#8bba49);border-radius:5px 5px 1px 1px;height:25%}.console-chart>span:nth-child(2){height:38%;background:#a380e9}.console-chart>span:nth-child(3){height:33%;background:#9b77d9}.console-chart>span:nth-child(4){height:52%;background:#aa85eb}.console-chart>span:nth-child(5){height:65%;background:#b591f7}.console-chart>span:nth-child(6){height:58%;background:#b997ed}.console-chart>span:nth-child(7){height:81%}.console-chart>span:nth-child(8){height:100%}.console-footer{display:flex;justify-content:space-between;color:#c7b9db;font-size:9px;margin-top:14px}.network-chip{position:absolute;z-index:3;border:1px solid #8b789b5e;background:#382747;padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:9px;box-shadow:0 12px 30px #170a2440;font-size:12px}.network-chip i{font-size:20px}.instagram{top:8px;left:50px;transform:rotate(-9deg)}.instagram i{color:#e59ced}.tiktok{right:-3px;top:84px;transform:rotate(10deg)}.youtube{left:-15px;bottom:104px;transform:rotate(-7deg)}.youtube i{color:#fd9296}.floating-note{position:absolute;bottom:0;right:8px;z-index:4;display:flex;align-items:center;gap:12px;border:1px solid #ffffff24;background:#faf7fd;color:#30223f;padding:17px 20px;border-radius:14px;box-shadow:0 15px 40px #15082933;transform:rotate(4deg)}.floating-note strong,.floating-note span:not(.note-icon){display:block;font-size:12px}.floating-note span:not(.note-icon){font-size:10px;margin-top:4px;color:#7b6f85}.note-icon{background:#eee7ff;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#6848aa}.hero-bottom{padding:26px 36px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff13;font-size:9px;letter-spacing:.14em;color:#9787ab}.hero-bottom b{color:#a896bd;margin:0 20px;font-size:14px}.landing-section{padding:80px 36px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px}.section-heading h2,.clarity-panel h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:750;line-height:1.17;letter-spacing:-.035em;margin-top:13px}.section-heading>p{max-width:330px;font-size:13px;line-height:1.8;color:var(--muted)}.network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.network-card{position:relative;border:1px solid #e3deeb;background:#fff;border-radius:17px;padding:29px;transition:border-color .2s,transform .2s}.network-card:hover{transform:translateY(-4px);border-color:#a68ad0}.network-icon{display:flex;align-items:center;justify-content:center;background:#f1ecf9;width:50px;height:50px;border-radius:14px;font-size:25px;color:#6343a3}.card-index{position:absolute;right:28px;top:39px;color:#aa9dbc;font-size:11px}.network-card h3{font-size:22px;letter-spacing:-.03em;margin:25px 0 10px}.network-card p{font-size:13px;color:var(--muted);line-height:1.8;max-width:230px;min-height:65px}.network-card-label{display:block;margin-top:27px;padding-top:18px;border-top:1px solid #eee9f4;font-size:8px;letter-spacing:.13em;color:#8b7f9b;font-weight:700}.steps-section{background:#edeaf2}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px}.step-number{font-size:38px;font-weight:750;letter-spacing:-.06em;color:#c0b0dc}.steps-grid h3{font-size:19px;margin:19px 0 11px}.steps-grid p{color:var(--muted);font-size:13px;line-height:1.85;max-width:285px}.clarity-panel{background:#2b1b42;color:#f2ebfb;border-radius:24px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.clarity-panel .eyebrow{color:#b9a1d5}.clarity-panel>div>p{color:#baaacb;font-size:13px;line-height:1.8;margin-top:22px;max-width:350px}.clarity-panel ul{list-style:none;margin:0;padding:0}.clarity-panel li{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff14}.clarity-panel li:last-child{border-bottom:0}.clarity-panel i{color:var(--lime);font-size:20px;padding-top:4px}.clarity-panel strong{display:block;font-size:14px}.clarity-panel li span{display:block;color:#baaacb;font-size:12px;line-height:1.6;margin-top:8px}.faq-list{max-width:920px}.faq-list details{border-top:1px solid #e0d9e9}.faq-list details:last-child{border-bottom:1px solid #e0d9e9}.faq-list summary{cursor:pointer;list-style:none;font-size:15px;font-weight:650;padding:24px 45px 24px 0;position:relative}.faq-list summary:after{content:'+';position:absolute;right:10px;color:#826aab;font-size:24px;top:16px}.faq-list details[open] summary:after{content:'−'}.faq-list details>p{font-size:13px;line-height:1.8;color:var(--muted);padding:0 35px 24px 0;max-width:770px}.site-footer{background:#241642;color:white;padding:48px 36px}.site-footer>.container{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.site-footer strong{letter-spacing:.13em;margin-left:12px;text-transform:uppercase;font-size:18px}.site-footer p{color:#9d8baf;font-size:11px;margin-top:20px}.site-footer a{font-size:12px;color:#c6b6d6;margin-left:25px}.site-footer>.container>p{width:100%;border-top:1px solid #ffffff13;padding-top:22px}
/* Workspace */
#userDashboard{max-width:1440px;padding:30px 28px}#userDashboard>div{gap:28px}#userDashboard aside{width:245px;flex-shrink:0;padding:22px 15px;border:1px solid var(--line);border-radius:18px;box-shadow:none}#userDashboard aside>div:first-child{padding-inline:6px;gap:12px}#userDashboard aside>div:first-child>*{margin-left:0}#userInitial{width:44px;height:44px;flex-shrink:0;font-size:17px;border-radius:14px}#dashboardUsername{font-size:14px}#userDashboard aside>div:nth-child(2){background:#f0ebfa;border:1px solid #e6dcf6;padding:17px}#userBalance{font-variant-numeric:tabular-nums}#dashboardNav .dashboard-nav-link{display:flex;align-items:center;gap:9px;font-size:12px;padding:12px 14px;border-radius:10px;font-weight:550;line-height:1.5}#dashboardNav .dashboard-nav-link i{width:17px;margin:0}#dashboardNav .dashboard-nav-link[aria-current=page]{color:#623caa;background:#eee8f9}#userDashboard main{flex:1;width:0;min-width:0}.workspace-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:2px 0 27px}.workspace-heading h1{font-size:26px;font-weight:750;letter-spacing:-.035em;margin-top:6px}.workspace-heading .eyebrow{font-size:9px}.connection-status{font-size:10px;color:#7d708d;background:#fff;padding:9px 12px;border:1px solid var(--line);border-radius:50px;white-space:nowrap}.is-offline{color:#a65a20;background:#fff4e3}#userMenu{display:flex;align-items:center;gap:8px}#userMenu.hidden{display:none}#userMenuBtn{font-size:12px;padding:10px 14px;background:#ffffff0e;max-width:240px}#usernameDisplay{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#userDropdown{top:calc(100% + 4px)}.admin-launch{font-size:10px!important;margin:0!important;background:#6f54a1!important;border-radius:7px!important}#overviewPage>div{padding:25px}#overviewPage [role=alert]{font-size:11px;padding:14px;line-height:1.7;border-radius:12px}#serviceSearchInput{padding-block:13px;padding-right:14px;border-color:var(--line);background:#faf9fc;font-size:13px}#serviceCategory{max-width:380px;font-size:12px;padding-block:12px}#servicesContainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.catalog-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;min-width:0}.catalog-meta{display:flex;justify-content:space-between;gap:9px;padding:17px 17px 12px;font-size:8px;color:#9a8ea9}.catalog-meta>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.catalog-card h3{font-size:12px;line-height:1.65;padding:0 17px;margin:0;min-height:65px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-limits{font-size:9px;color:#9a8ca7;margin:14px 17px}.catalog-price{display:flex;align-items:baseline;gap:5px;padding:0 17px 17px;margin-top:auto}.catalog-price strong{font-size:19px;letter-spacing:-.04em;color:#543782}.catalog-price>span{font-size:9px;color:#9585a4}.catalog-price .vip-pill{margin-left:auto;background:#f8efcb;color:#8c6e21;border-radius:50px;padding:3px 7px;font-size:8px}.order-service-btn{display:flex;align-items:center;justify-content:space-between;background:#f7f4fc;border-top:1px solid var(--line);padding:11px 17px;color:#604094;font-size:11px;font-weight:650}.order-service-btn:hover{background:#eee6fb}.load-more{grid-column:1/-1;border:1px solid var(--line);border-radius:9px;padding:12px;color:var(--brand);font-size:12px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:26px}.section-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.section-toolbar p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.7}.section-toolbar h2{font-size:23px;margin-top:5px}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;background:#f8f6fb;padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.filter-bar label{flex:1;min-width:140px;font-size:10px;font-weight:650;color:#80738e}.filter-bar input,.filter-bar select,.field input,.field select,.field textarea,.gateway-form input{display:block;width:100%;border:1px solid #ddd6e8;background:#fff;border-radius:9px;padding:11px 12px;margin-top:6px;font-size:12px;color:#30243f;font-weight:400}.field{display:block;font-size:12px;font-weight:650;color:#685b78}.status-badge{display:inline-flex;align-items:center;max-width:100%;gap:6px;padding:5px 9px;border-radius:40px;font-size:9px;font-weight:750;white-space:nowrap}.status-badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.status-badge.pending{background:#f0ebfb;color:#7150ad}.status-badge.success{background:#e6f6ed;color:#2b805a}.status-badge.warning{background:#fff1db;color:#a0682a}table{border-collapse:collapse}th{font-weight:650}#allOrdersTable{font-size:11px;width:100%;table-layout:fixed}#allOrdersTable th{font-size:9px;text-transform:uppercase;letter-spacing:.06em;padding:14px 10px}#allOrdersTable td{padding:17px 10px;border-top:1px solid #eee9f4;vertical-align:top;overflow-wrap:anywhere}#allOrdersTable td:nth-child(2){font-size:10px;color:#7654ab}#allOrdersTable td small{font-size:8px;margin-top:5px}#allOrdersTable th:nth-child(3){width:23%}#allOrdersTable .money{font-variant-numeric:tabular-nums;font-weight:650}.pagination{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px;font-size:10px;color:#84718f}.pagination>div{display:flex;gap:6px}.pagination button{border:1px solid var(--line);border-radius:8px;padding:6px 12px;background:white;font-size:10px;min-height:34px!important}.empty-state{padding:45px 22px;text-align:center;color:#8f819e;grid-column:1/-1;font-size:12px;line-height:1.7}.empty-state>i{display:block;color:#b29acc;font-size:27px;margin-bottom:15px}.empty-state h3{color:#695379;margin:0 0 8px;font-size:15px}.deposit-card{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,1.5fr) auto;gap:20px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--line)}.deposit-card h3{font-size:24px;letter-spacing:-.04em;margin:5px 0}.deposit-card p{font-size:10px;color:#877991;margin:7px 0;line-height:1.65}.deposit-card small{font-size:9px;color:#867390;overflow-wrap:anywhere}.deposit-card button{color:#6d469c;border:1px solid #e2d8ed;border-radius:9px;font-size:10px;padding:10px 12px}.deposit-card.needs-review{border-left:3px solid #d79b37;padding-left:15px;background:#fffbf2}.payment-progress{display:flex;gap:6px;margin:18px 0 22px}.payment-progress span{flex:1;border-top:3px solid #e7e0ef;padding-top:9px;font-size:10px;color:#a596b3}.payment-progress .active{border-color:#855db8;color:#67418f}.amount-shortcuts{display:flex;gap:7px;margin-top:13px}.amount-shortcuts button{flex:1;font-size:11px;border:1px solid #e2d8ed;border-radius:9px;color:#6b4a91;background:#faf7ff}.amount-shortcuts button:hover{background:#ece3fa}.payment-status{background:#f3edf9;border:1px solid #e6d9f4;border-radius:12px;padding:17px;margin-bottom:20px}.payment-status strong{display:block;margin-top:10px;font-size:21px}.payment-status p{font-size:12px;line-height:1.7;color:#755a8f;margin:10px 0}.payment-status small{display:block;font-size:10px;color:#826a99;overflow-wrap:anywhere}.payment-status button{display:block;font-size:11px;margin-top:9px}#pixQrImage,#pixSpinsQrImage{width:180px;max-width:100%;height:auto}#pixResult>div,#pixSpinsResult>div{min-width:0}#pixCode,#pixSpinsCode{width:100%;font-size:10px}#addFundsForm input[type=radio],#buySpinsForm input[type=radio]{accent-color:#7044b0}.ticket-card{background:white!important;border-color:var(--line)!important;padding:19px!important;border-radius:13px!important}.ticket-card p{font-size:12px;color:#857493;line-height:1.8}.ticket-card p:first-of-type{font-size:11px;color:#5f4877}.ticket-card button{font-size:11px;padding:9px 17px;margin-top:15px}.support-nav-btn{font-size:11px;min-width:95px}#supportPage .support-view{max-height:65vh;overflow:auto;padding-right:3px}#activeChatModal>div{height:min(760px,92dvh);max-width:740px!important}#activeChatBox{background:#f8f5fc;padding:20px;min-height:150px}.chat-bubble{font-size:12px;line-height:1.75;padding:13px 18px;max-width:88%}.chat-bubble-sender .chat-bubble{background:#7952b7}.chat-bubble-receiver .chat-bubble{background:white;border:1px solid var(--line);color:#51405f}.chat-bubble-info{font-size:9px;color:#9a8ba8}.chat-bubble-wrapper{margin-bottom:18px}#activeChatMessage{font-size:13px!important;border:1px solid #e2d6ee;border-radius:11px;min-height:43px}#vipSalesScreen .h-96{height:auto;min-height:385px}#vipSalesScreen .grid{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}#vipSalesScreen .grid>div{transform:none;border-width:1px;border-radius:17px;text-align:left}#vipSalesScreen .grid>div .text-3xl,#vipSalesScreen .grid>div .text-4xl{font-size:25px;margin-top:10px}#vipSalesScreen .grid>div ul{margin-top:15px;line-height:1.65}#vipSalesScreen .grid>div:last-child{border-color:#b899e1;background:#38244f;height:auto}#vipSalesScreen .grid>div:last-child>.absolute{display:none}#vipSalesScreen .grid>div:last-child h3{color:#e0c0fc!important;background:none;-webkit-text-fill-color:currentColor;font-size:21px}#vipSalesScreen .grid>div:last-child button.btn-assinar-plano{background:#b19adc;color:#241536;box-shadow:none}#referralLinkInput{font-size:11px}#referralsPage .text-4xl{font-size:28px}#referralsPage .text-3xl{font-size:25px}
/* Dialogs and operator tools */
.modal-open{overflow:hidden}[id$=Modal].fixed{padding:18px;overflow-y:auto;overscroll-behavior:contain;background:rgba(25,14,42,.6);backdrop-filter:blur(4px);z-index:80}[id$=Modal].fixed>div{max-height:calc(100dvh - 36px);overflow:auto;border-radius:19px;border:1px solid #e5dcec;box-shadow:0 30px 90px #160c3840}[id$=Modal].fixed.hidden{display:none}#alertModal.fixed{z-index:120}[id$=Modal] input,[id$=Modal] textarea,[id$=Modal] select{font-size:16px}#alertMessage{font-size:13px;line-height:1.85}#alertIconContainer{width:55px;height:55px;font-size:24px}.operations-panel{margin-bottom:25px}.operation-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:21px}.operation-tabs button{font-size:12px;padding:10px 14px;border-radius:9px;background:#f4effa;color:#806594}.operation-tabs [aria-pressed=true]{background:#72509e;color:white}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.customer-card{border:1px solid var(--line);border-radius:13px;padding:20px;min-width:0}.customer-card-head{display:flex;gap:12px;align-items:center}.customer-card-head>div{min-width:0}.customer-avatar{flex-shrink:0;width:37px;height:37px;border-radius:12px;background:#eee5f9;color:#74509a;display:grid;place-items:center;font-weight:700}.customer-card h3{font-size:13px}.customer-card p{font-size:10px;color:#927d9f;overflow-wrap:anywhere;margin-top:5px}.customer-card dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:21px 0}.customer-card dt{font-size:9px;color:#9b87a7;margin-bottom:4px}.customer-card dd{font-size:12px;color:#634b76;font-weight:600;margin:0}.customer-card button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0 0;border-top:1px solid var(--line);font-size:11px;color:#8159a3}.gateway-form{display:flex;gap:15px;align-items:flex-end;background:#fcfaf5;border:1px solid #efe6d3;padding:15px;border-radius:10px;margin-bottom:13px}.gateway-form label{flex:1;font-size:10px;color:#8d784c}.gateway-form button{font-size:11px;background:#eee0c4;padding:11px 15px;border-radius:8px;color:#71552b}#adminContent .grid .text-4xl{font-size:27px}#adminContent .grid .text-3xl{font-size:24px}#adminContent .grid .text-6xl{font-size:40px}#adminContent table{font-size:11px}#adminContent .flex.gap-2{flex-wrap:wrap}#adminContent .overflow-y-auto{overflow-x:auto}.toast{background:#3c2557;bottom:24px;right:24px;max-width:calc(100vw - 40px);padding:15px 22px;border-radius:12px;font-size:12px;line-height:1.7;z-index:150}
/* Wheel uses equal visual sectors with server-selected outcomes, not equal probabilities. */
#roletaPage>div{padding:25px}.roulette-result{padding:15px 20px;background:#efe5fb;border:1px solid #e2cfef;border-radius:13px;color:#674584;font-size:12px;font-weight:600;line-height:1.7;margin-bottom:13px}.rules-panel{border:1px solid var(--line);border-radius:12px;padding:14px 17px;margin-bottom:23px;font-size:11px;color:#816191;line-height:1.75}.rules-panel summary{cursor:pointer;font-weight:650}.rules-panel p{margin-top:12px}#roletaConteudoPrincipal>.grid{grid-template-columns:minmax(180px,.8fr) minmax(0,1.3fr);gap:18px}#roletaConteudoPrincipal>.grid>.md\:col-span-2{grid-column:span 1}#roletaConteudoPrincipal .md\:col-span-1{padding:20px}#roletaConteudoPrincipal .md\:col-span-1>button,#roletaConteudoPrincipal .md\:col-span-1>div>button{font-size:10px}#roletaVisual{animation:none!important;max-width:100%;width:var(--tamanho-roleta);height:var(--tamanho-roleta);flex-shrink:0;background:conic-gradient(from 0deg,#493155 0deg 45deg,#7c549e 45deg 90deg,#447f71 90deg 135deg,#9a598a 135deg 180deg,#6a56a3 180deg 225deg,#946a45 225deg 270deg,#4f6797 270deg 315deg,#aba35c 315deg 360deg);border:8px solid #c8addf;box-shadow:0 0 0 7px #69427e,0 0 0 11px #362040,0 0 40px #b779d550}#roletaVisual:before{border:0;box-shadow:inset 0 0 35px #1a132947}.roleta-fatias-container{display:none}.roleta-textos-container{overflow:visible}.roleta-texto{width:100%;height:100%;top:0;left:0;transform-origin:center;transform:rotate(calc(var(--i)*45deg + 22.5deg));display:block;padding:0}.roleta-texto span,.roleta-texto span.jackpot-text{position:absolute;left:50%;top:9%;width:48px;transform:translateX(-50%)!important;font-size:10px;line-height:1.3;text-shadow:0 1px 3px #241536aa;color:#fff}.roleta-texto span.jackpot-text{color:#fff}#btnGirarRoleta{animation:none!important;width:82px;height:82px;background:#e1cfea;color:#392148;border:4px solid white;font-size:16px;box-shadow:0 4px 20px #14092177}.roleta-lights-inner{display:none}#roletaVisual:after{content:'';position:absolute;inset:-8px;border-radius:50%;background:repeating-conic-gradient(transparent 0deg 21deg,#eee1f0 21deg 23deg,transparent 23deg 45deg);mask:radial-gradient(transparent 68%,black 69%);pointer-events:none}#roletaPointer{border-top-color:#e9da9c;top:11px;border-left-width:10px;border-right-width:10px;border-top-width:22px}.wheel-stage{height:auto!important;min-height:390px;padding:32px 20px!important;border:1px solid #745286!important;border-radius:20px;background:radial-gradient(ellipse at 50% 35%,#51305d,#21132f)!important}.animate-ticker{animation-duration:90s!important}#serviceDescription{white-space:pre-wrap}
@media(min-width:1440px){#servicesContainer{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){#servicesContainer{grid-template-columns:repeat(2,minmax(0,1fr))}#userDashboard aside{width:210px}#roletaConteudoPrincipal>.grid{grid-template-columns:1fr}#roletaVisual{--tamanho-roleta:min(350px,60vw)}.hero-grid{gap:20px}.hero h1{font-size:52px}.hero-console{width:310px}.network-chip{font-size:10px}.tiktok{right:-10px}.youtube{left:-5px}.clarity-panel{gap:40px;padding:40px}.hero-actions{gap:18px}.btn-accent{padding:14px 18px;gap:16px}.btn-text{font-size:10px}.deposit-card{grid-template-columns:1fr 1.2fr}.deposit-card>button{grid-column:2;justify-self:start}.customer-grid{grid-template-columns:1fr}}
@media(max-width:767px){.site-header>.container{padding:12px 18px;min-height:68px}.site-header .text-xl{font-size:15px}.site-header .space-x-4{gap:7px}.site-header .space-x-4>*{margin-left:0}.site-header #loginBtn,.site-header #registerBtn{font-size:11px;padding:8px 12px}.brand-symbol{width:32px;height:32px;font-size:22px}.brand-symbol span{font-size:19px}.hero-grid{grid-template-columns:1fr;padding:55px 24px 38px;gap:45px}.hero h1{font-size:clamp(40px,8.5vw,64px);letter-spacing:-.055em;margin:22px 0}.hero-copy>p{font-size:14px;max-width:440px}.hero .eyebrow{font-size:8px}.hero-actions{gap:24px}.hero-assurances{font-size:9px}.hero-visual{min-height:365px;max-width:430px;width:100%;margin:auto}.hero-console{width:290px;padding:22px}.hero-console>p{font-size:23px;margin:23px 0}.console-chart{height:100px}.orbit{width:350px;height:350px}.orbit-two{width:280px;height:410px}.floating-note{right:3px;padding:12px 15px;bottom:0}.instagram{left:24px;top:0}.tiktok{right:-5px;top:73px}.youtube{left:-5px;bottom:80px}.network-chip{padding:10px 12px;font-size:10px}.network-chip i{font-size:17px}.hero-bottom{display:block;padding:23px 24px;font-size:7px;line-height:2.5}.hero-bottom>span{display:block}.hero-bottom b{margin:0 10px;font-size:10px}.landing-section{padding:55px 24px}.section-heading{display:block;margin-bottom:25px}.section-heading h2,.clarity-panel h2{font-size:29px}.section-heading>p{margin-top:20px;font-size:12px}.network-grid{grid-template-columns:1fr;gap:13px}.network-card{padding:23px}.network-card h3{font-size:21px;margin-top:16px}.network-card p{min-height:0;max-width:100%;font-size:12px}.network-card-label{margin-top:18px;padding-top:15px}.steps-grid{grid-template-columns:1fr;gap:27px}.steps-grid article{position:relative;padding-left:65px}.step-number{position:absolute;left:0;top:5px;font-size:32px}.steps-grid h3{margin-top:0;font-size:18px}.steps-grid p{max-width:100%;font-size:12px}.clarity-panel{grid-template-columns:1fr;gap:23px;padding:28px;border-radius:18px}.clarity-panel li{gap:16px}.clarity-panel strong{font-size:13px}.clarity-panel li span{font-size:11px}.faq-list summary{font-size:13px;line-height:1.6;padding-block:19px}.faq-list details>p{font-size:12px}.site-footer{padding:35px 24px}.site-footer>.container{gap:30px}.site-footer a{margin:0 20px 0 0;font-size:11px}#userDashboard{padding:17px 13px}#userDashboard>div{display:block}#userDashboard aside{width:100%;padding:13px 12px;margin-bottom:24px}#userDashboard aside>div:first-child{margin-bottom:13px}#userDashboard aside>div:nth-child(2){margin-bottom:14px;padding:12px 15px;display:grid;grid-template-columns:1fr auto;gap:4px}#userDashboard aside>div:nth-child(2)>p:first-child{font-size:10px;grid-row:1;margin:0}#userDashboard aside>div:nth-child(2)>p:nth-child(2){font-size:21px;grid-row:2}#userDashboard aside>div:nth-child(2)>button{grid-column:2;grid-row:1/3;align-self:center;margin:0;padding:9px 17px;font-size:11px}#dashboardNav{display:flex;gap:5px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}#dashboardNav .dashboard-nav-link{white-space:nowrap;padding:10px 12px;flex-shrink:0;font-size:10px}#dashboardNav .dashboard-nav-link>*{margin:0}#dashboardNav.space-y-2>*{margin-top:0}#userDashboard main{width:100%}.workspace-heading{margin:0 3px 20px}.workspace-heading h1{font-size:23px}.workspace-heading .eyebrow{font-size:7px}.connection-status{font-size:8px;padding:7px 9px}#overviewPage>div,.panel,#ordersPage>div,#supportPage>div,#roletaPage>div{padding:17px;border-radius:14px}#overviewPage [role=alert]{font-size:10px;padding:12px}#servicesContainer{gap:10px}.catalog-meta{padding:13px 12px 9px;font-size:7px}.catalog-card h3{font-size:11px;padding:0 12px;min-height:60px}.catalog-limits{font-size:8px;margin:12px}.catalog-price{padding:0 12px 13px;flex-wrap:wrap}.catalog-price strong{font-size:17px}.catalog-price>span{font-size:8px}.order-service-btn{font-size:10px;padding:10px 12px}.filter-bar{padding:12px;gap:10px}.filter-bar label{min-width:100px;font-size:9px}.filter-bar label:first-child{flex-basis:100%}.filter-bar input,.filter-bar select{font-size:12px}.section-toolbar{gap:14px;align-items:flex-start;flex-wrap:wrap}.section-toolbar h2{font-size:20px}.section-toolbar>button{font-size:11px}#allOrdersTable,#allOrdersTable tbody{display:block;table-layout:auto}#allOrdersTable thead{display:none}#allOrdersTable tr{display:grid;grid-template-columns:1fr 1fr;padding:13px 0;gap:12px;border-bottom:1px solid var(--line)}#allOrdersTable tr:last-child{border-bottom:0}#allOrdersTable td{display:block;padding:0;border:0;min-width:0;font-size:11px}#allOrdersTable td:before{content:attr(data-label);display:block;font-size:8px;color:#9b8ba9;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}#allOrdersTable td:nth-child(2),#allOrdersTable td:nth-child(3){grid-column:1/-1}#allOrdersTable td:nth-child(3){grid-row:2}#allOrdersTable td:nth-child(2){grid-row:3}#allOrdersTable td:nth-child(5){grid-column:2;grid-row:1;text-align:right}#allOrdersTable td:nth-child(7){display:none}#allOrdersTable td[colspan]{grid-column:1/-1}.pagination{align-items:flex-start;font-size:9px;flex-wrap:wrap;gap:9px}.pagination button{font-size:9px;padding:5px 9px}.deposit-card{gap:12px;padding:17px 0;grid-template-columns:1fr 1.2fr}.deposit-card h3{font-size:21px}.deposit-card .eyebrow{font-size:7px}.deposit-card>button{grid-column:1/-1;font-size:10px}.payment-progress span{font-size:9px}[id$=Modal].fixed{padding:10px}[id$=Modal].fixed>div{max-height:calc(100dvh - 20px);padding:24px 18px;border-radius:16px}[id$=Modal].fixed>div.flex{padding:0}#activeChatModal>div{height:calc(100dvh - 24px)}#activeChatBox{padding:15px}.chat-bubble{max-width:92%;font-size:12px}#vipSalesScreen .grid{grid-template-columns:1fr}#vipSalesScreen .h-96{min-height:0}#vipSalesScreen .grid>div{padding:23px}#vipSalesScreen .grid>div:last-child{padding:0}.customer-card{padding:16px}.gateway-form{display:block}.gateway-form button{margin-top:12px;width:100%}.operation-tabs button{font-size:10px;padding:8px 10px}.wheel-stage{min-height:330px;padding:28px 10px!important}#roletaVisual{--tamanho-roleta:min(270px,65vw);border-width:6px}.roleta-texto span,.roleta-texto span.jackpot-text{font-size:8px;width:38px;top:9%}#btnGirarRoleta{width:63px;height:63px;font-size:12px;border-width:3px}#roletaPointer{top:13px}#adminContent>.space-y-8>div{padding:18px}#adminContent .grid{gap:12px}.toast{bottom:13px;right:13px;max-width:calc(100vw - 26px);font-size:11px}}
@media(max-width:374px){.site-header>.container{padding-inline:12px}.site-header .text-xl{font-size:12px;letter-spacing:.1em}.site-header #loginBtn,.site-header #registerBtn{font-size:10px;padding-inline:8px}#userMenuBtn{padding-inline:8px;max-width:137px;font-size:10px}.admin-launch{padding-inline:7px!important;font-size:9px!important}.hero-grid{padding-inline:20px}.hero h1{font-size:39px}.hero-actions{gap:14px}.btn-accent{padding:13px 14px;font-size:12px;gap:15px}.btn-text{font-size:9px;max-width:95px}.hero-assurances{font-size:8px;gap:12px}.hero-visual{min-height:335px}.hero-console{width:245px;padding:18px}.hero-console>p{font-size:21px}.console-chart{height:90px}.floating-note{padding:10px;right:0}.floating-note strong{font-size:10px}.floating-note span:not(.note-icon){font-size:8px}.network-chip{font-size:9px;padding:8px}.instagram{left:7px}.youtube{left:-3px;bottom:78px}.tiktok{right:-1px}.console-top{font-size:7px;gap:9px}#servicesContainer{grid-template-columns:1fr}.catalog-card h3{min-height:0}.catalog-price strong{font-size:20px}.catalog-meta{font-size:8px}.catalog-limits{margin-top:9px}.workspace-heading h1{font-size:21px}.connection-status{font-size:7px;padding-inline:7px}#dashboardUsername{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-console,.network-chip,.floating-note{transform:none}.animate-ticker{white-space:normal}}

.activity-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.activity-metrics>div{background:#f8f5fc;border:1px solid #eee6f7;border-radius:12px;padding:17px}.activity-metrics span{display:block;font-size:10px;color:#8e779e}.activity-metrics strong{display:block;font-size:23px;color:#5f3d7c;margin-top:8px}.client-profile p{font-size:12px;color:#8c769c;margin-top:8px}.profile-order{padding:16px;border:1px solid #e9dfef;background:white;border-radius:11px;margin-top:10px}.profile-order>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.profile-order h4{font-size:12px;font-weight:650;margin:9px 0}.profile-order a,.profile-order p{font-size:10px;color:#8d749c;overflow-wrap:anywhere;line-height:1.7}.ticket-title{font-size:15px!important;margin-top:12px}.ticket-meta{font-size:10px!important;color:#a18bad!important}@media(max-width:600px){.activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-metrics>div{padding:13px}.activity-metrics strong{font-size:19px}.activity-metrics span{font-size:9px}}

.brand-symbol{font-size:0!important;background:transparent url('/img/nuvaryx-mark.svg') center/contain no-repeat;letter-spacing:0;transform:none}.brand-symbol span{display:none}[id^=close]{min-width:40px;display:inline-grid;place-items:center;flex-shrink:0}[id^=close]>span{font-size:26px;line-height:1}.brand-symbol img{display:none}

.review-order-button{border:1px solid #d9c9ea;color:#704393;padding:10px 14px;border-radius:9px;margin-top:12px;font-size:11px}.economics-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.economics-values>div{padding:13px;background:#faf8fc;border-radius:10px}.economics-values span,.economics-values strong{display:block}.economics-values strong{font-size:17px;margin-top:5px}.ticket-card .flex{flex-wrap:wrap}.ticket-card select{min-height:35px;font-size:11px}

.password-toggle{font-size:10px!important;font-weight:600;color:#745195;min-width:60px;background:transparent}.password-toggle+input,input:has(+.password-toggle){padding-right:70px}