:root{--bg-deep: #04050d;--bg-base: #07091a;--bg-elevated: rgba(15, 19, 42, .55);--linha-fraca: rgba(125, 152, 224, .12);--linha-media: rgba(125, 200, 255, .28);--neon-azul: #4a9dff;--neon-roxo: #a855f7;--neon-ciano: #22d3ee;--neon-magenta: #ec4899;--texto-forte: #f1f5ff;--texto-medio: #c7d2e6;--texto-fraco: #8a98b8;--texto-debil: #5a6685;--raio-card: 18px;--raio-pill: 999px;--transicao: .18s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:var(--bg-deep);color:var(--texto-medio);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background:radial-gradient(ellipse at 50% -20%,rgba(74,157,255,.1),transparent 60%),radial-gradient(ellipse at 50% 120%,rgba(168,85,247,.08),transparent 60%),var(--bg-deep)}.fundo-base{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 15%,rgba(74,157,255,.12),transparent 45%),radial-gradient(circle at 80% 85%,rgba(168,85,247,.1),transparent 50%),radial-gradient(circle at 50% 50%,rgba(34,211,238,.04),transparent 70%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-base) 50%,var(--bg-deep) 100%)}.fundo-grid{position:fixed;inset:-10%;z-index:0;pointer-events:none;background-image:linear-gradient(var(--linha-fraca) 1px,transparent 1px),linear-gradient(90deg,var(--linha-fraca) 1px,transparent 1px),linear-gradient(var(--linha-media) 1px,transparent 1px),linear-gradient(90deg,var(--linha-media) 1px,transparent 1px);background-size:32px 32px,32px 32px,160px 160px,160px 160px;background-position:-1px -1px;mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,#000 30%,transparent 100%);opacity:.55;animation:grid-pan 60s linear infinite}@keyframes grid-pan{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:320px 320px,320px 320px,320px 320px,320px 320px}}.fundo-orbs{position:fixed;inset:0;z-index:0;pointer-events:none;filter:blur(80px);opacity:.65}.orb{position:absolute;border-radius:50%;will-change:transform}.orb-azul{width:520px;height:520px;background:radial-gradient(circle,var(--neon-azul),transparent 70%);top:-10%;left:-8%;animation:orb-flutua-a 24s ease-in-out infinite alternate}.orb-roxo{width:460px;height:460px;background:radial-gradient(circle,var(--neon-roxo),transparent 70%);bottom:-12%;right:-10%;animation:orb-flutua-b 30s ease-in-out infinite alternate}.orb-ciano{width:360px;height:360px;background:radial-gradient(circle,var(--neon-ciano),transparent 70%);top:40%;left:60%;opacity:.45;animation:orb-flutua-c 36s ease-in-out infinite alternate}@keyframes orb-flutua-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(80px,60px,0) scale(1.1)}}@keyframes orb-flutua-b{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-100px,-40px,0) scale(1.15)}}@keyframes orb-flutua-c{0%{transform:translateZ(0) scale(.9)}to{transform:translate3d(-60px,80px,0) scale(1.05)}}.fundo-particulas{position:fixed;inset:0;z-index:0;pointer-events:none;width:100%;height:100%;opacity:.85}.fundo-scan{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 49.7%,rgba(74,157,255,.08) 50%,transparent 50.3%,transparent 100%);background-size:100% 8px;opacity:.4;mix-blend-mode:screen;animation:scan-desliza 8s linear infinite}@keyframes scan-desliza{0%{background-position:0 0}to{background-position:0 800px}}.chip-login{position:fixed;top:18px;right:18px;z-index:100;display:inline-flex;align-items:center;gap:8px;background:#070b20b3;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid var(--linha-media);border-radius:var(--raio-pill);padding:8px 16px;font-size:13px;color:var(--texto-medio);text-decoration:none;transition:all var(--transicao);box-shadow:0 0 0 1px #4a9dff0d,0 8px 20px #0006}.chip-login:hover{border-color:var(--neon-azul);transform:translateY(-1px);box-shadow:0 0 0 1px #4a9dff33,0 0 24px #4a9dff40,0 8px 20px #0006}.chip-ponto{width:8px;height:8px;border-radius:50%;background:var(--texto-debil);transition:box-shadow var(--transicao)}.chip-login[data-estado=ok] .chip-ponto{background:#10b981;box-shadow:0 0 12px #10b981}.chip-login[data-estado=deslogado] .chip-ponto{background:var(--neon-azul);box-shadow:0 0 12px var(--neon-azul)}.chip-login[data-estado=erro] .chip-ponto{background:#ef4444;box-shadow:0 0 12px #ef4444}.container{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(60px,9vw,110px) clamp(20px,5vw,40px) 60px}.hero{text-align:center;margin-bottom:clamp(50px,9vw,90px);position:relative}.hero:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:min(680px,80vw);height:280px;background:radial-gradient(ellipse,rgba(74,157,255,.25),transparent 60%);filter:blur(40px);z-index:-1;pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;margin-bottom:28px;border:1px solid var(--linha-media);border-radius:var(--raio-pill);background:#070b208c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--texto-medio)}.hero-badge-ponto{width:6px;height:6px;border-radius:50%;background:var(--neon-ciano);box-shadow:0 0 10px var(--neon-ciano);animation:pulso 2s ease-in-out infinite}@keyframes pulso{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero-titulo{font-size:clamp(56px,14vw,128px);font-weight:900;letter-spacing:6px;margin:0 0 28px;line-height:.95;display:flex;flex-direction:column;align-items:center;gap:2px}.hero-titulo-linha{display:block;color:var(--texto-forte);background:linear-gradient(180deg,var(--texto-forte) 0%,rgba(241,245,255,.6) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 24px rgba(74,157,255,.15))}.hero-titulo-destaque{background:linear-gradient(135deg,var(--neon-ciano) 0%,var(--neon-azul) 35%,var(--neon-roxo) 65%,var(--neon-magenta) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(74,157,255,.4)) drop-shadow(0 0 60px rgba(168,85,247,.25));animation:gradiente-anima 8s ease-in-out infinite;background-size:200% 200%}@keyframes gradiente-anima{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitulo{font-size:clamp(15px,1.8vw,18px);line-height:1.6;color:var(--texto-medio);margin:0 auto 36px;max-width:600px;letter-spacing:.2px}.hero-subtitulo strong{color:var(--texto-forte);font-weight:600}.hero-acoes{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}.botao-primario{position:relative;display:inline-flex;align-items:center;gap:10px;padding:16px 30px;border-radius:var(--raio-pill);background:linear-gradient(135deg,var(--neon-azul) 0%,var(--neon-roxo) 100%);color:#fff;font-size:15px;font-weight:700;letter-spacing:.4px;text-decoration:none;border:0;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:0 0 0 1px #ffffff26 inset,0 0 24px #4a9dff66,0 12px 32px #4a9dff4d,0 0 60px #a855f740;transition:transform var(--transicao),box-shadow var(--transicao)}.botao-primario:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px #fff3 inset,0 0 32px #4a9dff8c,0 16px 40px #4a9dff66,0 0 80px #a855f759}.botao-primario:active{transform:translateY(0) scale(1)}.botao-primario:focus-visible{outline:2px solid var(--neon-ciano);outline-offset:4px}.botao-texto{position:relative;z-index:2}.botao-icone{width:18px;height:18px;position:relative;z-index:2;transition:transform var(--transicao)}.botao-primario:hover .botao-icone{transform:translate(4px)}.botao-brilho{position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translate(-100%);transition:transform .65s ease;z-index:1}.botao-primario:hover .botao-brilho{transform:translate(100%)}.botao-secundario{display:inline-flex;align-items:center;padding:15px 26px;border-radius:var(--raio-pill);background:#070b2099;border:1px solid var(--linha-media);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--texto-medio);font-size:14px;font-weight:500;text-decoration:none;transition:all var(--transicao)}.botao-secundario:hover{border-color:var(--neon-ciano);color:var(--texto-forte);box-shadow:0 0 24px #22d3ee33}.botao-secundario:focus-visible{outline:2px solid var(--neon-ciano);outline-offset:4px}.secao-jogos{position:relative}.secao-titulo{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding-left:4px}.secao-marcador{width:4px;height:22px;border-radius:2px;background:linear-gradient(180deg,var(--neon-ciano),var(--neon-azul));box-shadow:0 0 12px var(--neon-azul)}.secao-titulo h2{font-size:clamp(20px,2.5vw,26px);font-weight:700;margin:0;color:var(--texto-forte);letter-spacing:.5px}.grid-jogos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.grid-vazio{grid-column:1 / -1;text-align:center;color:var(--texto-debil);padding:80px 20px;font-size:14px;border:1px dashed var(--linha-fraca);border-radius:var(--raio-card);background:#070b204d}.card-jogo{position:relative;display:flex;flex-direction:column;background:var(--bg-elevated);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--linha-fraca);border-radius:var(--raio-card);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--transicao),border-color var(--transicao),box-shadow var(--transicao);isolation:isolate}.card-jogo:before{content:"";position:absolute;inset:-1px;border-radius:var(--raio-card);padding:1px;background:linear-gradient(135deg,var(--neon-ciano) 0%,var(--neon-azul) 35%,var(--neon-roxo) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transicao);pointer-events:none;z-index:1}.card-jogo:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 24px 48px #00000080,0 0 48px #4a9dff33}.card-jogo:hover:before{opacity:1}.card-jogo:focus-visible{outline:2px solid var(--neon-ciano);outline-offset:3px}.card-thumb{aspect-ratio:16 / 9;background:var(--card-gradient, linear-gradient(135deg, #1e293b, #0f172a));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-thumb:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 50%);pointer-events:none}.card-thumb:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.card-thumb-icone{position:relative;z-index:2;font-size:clamp(60px,7vw,80px);filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) drop-shadow(0 0 24px rgba(255,255,255,.25));transition:transform var(--transicao)}.card-jogo:hover .card-thumb-icone{transform:scale(1.08) rotate(-3deg)}.card-tag{position:absolute;top:12px;right:12px;z-index:3;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:var(--raio-pill);padding:4px 10px;font-size:10.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--texto-medio)}.card-tag[data-status=estavel]{background:#10b9812e;border-color:#10b98173;color:#6ee7b7;box-shadow:0 0 12px #10b98140}.card-tag[data-status=beta]{background:#f59e0b2e;border-color:#f59e0b73;color:#fcd34d;box-shadow:0 0 12px #f59e0b40}.card-tag[data-status=em-breve]{background:#94a3b82e;border-color:#94a3b859;color:#cbd5e1}.card-conteudo{position:relative;z-index:2;padding:22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}.card-titulo{font-size:21px;font-weight:700;margin:0;color:var(--texto-forte);letter-spacing:.3px}.card-descricao{font-size:14px;line-height:1.55;color:var(--texto-medio);margin:0;flex:1}.card-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:12px;color:var(--texto-fraco)}.card-meta span{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--raio-pill);background:#7d98e014;border:1px solid var(--linha-fraca)}.card-cta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:600;color:var(--neon-ciano);letter-spacing:.4px;text-transform:uppercase;transition:gap var(--transicao)}.card-jogo:hover .card-cta{gap:12px}.card-cta-seta{width:14px;height:14px}.card-jogo.em-breve{opacity:.55;pointer-events:none;filter:grayscale(.35)}.rodape{margin-top:100px;text-align:center;color:var(--texto-debil);font-size:13px}.rodape a{color:var(--neon-azul);text-decoration:none;transition:color var(--transicao)}.rodape a:hover{color:var(--neon-ciano);text-shadow:0 0 8px rgba(34,211,238,.4)}@media (max-width: 720px){.container{padding-top:clamp(80px,14vw,100px)}.hero-acoes{flex-direction:column;width:100%}.hero-acoes .botao-primario,.hero-acoes .botao-secundario{width:100%;justify-content:center}.grid-jogos{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.chip-login{top:12px;right:12px;padding:6px 12px;font-size:12px}.hero-titulo{letter-spacing:3px}}@media (min-width: 1100px){.grid-jogos{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.fundo-grid,.fundo-scan,.orb,.hero-titulo-destaque,.hero-badge-ponto{animation:none!important}}