:root{--verde:#009c3b;--verde-escuro:#00702a;--amarelo:#ffdf00;--texto:#0f172a;--texto-suave:#64748b;--borda:#e2e8f0;--fundo:#f8fafc;--superficie:#fff;--codigo:#0f172a;--campos-br-fonte:"Inter", system-ui, sans-serif}*{box-sizing:border-box}body{color:var(--texto);background:radial-gradient(1200px 500px at 50% -120px, #009c3b1f, transparent 70%), var(--fundo);margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:var(--verde-escuro)}code,pre{font-family:JetBrains Mono,ui-monospace,monospace}.container{width:min(1120px,100% - 32px);margin-inline:auto}.topo{border-bottom:1px solid var(--borda);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffc;position:sticky;top:0}.topo__conteudo{justify-content:space-between;align-items:center;height:60px;display:flex}.marca{color:var(--texto);align-items:center;gap:10px;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.marca__icone{background:var(--verde);width:28px;height:28px;color:var(--amarelo);border-radius:8px;place-items:center;font-weight:700;display:grid}.topo__links{gap:20px;display:flex}.topo__links a{color:var(--texto-suave);font-weight:500;text-decoration:none}.topo__links a:hover{color:var(--texto)}.hero{text-align:center;padding:72px 0 48px}.selo{color:var(--verde-escuro);background:#e6f5ec;border-radius:999px;padding:6px 14px;font-size:.875rem;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.02em;max-width:760px;margin:20px auto 16px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.1}.hero__texto{color:var(--texto-suave);max-width:620px;margin:0 auto 32px;font-size:1.125rem}.hero__acoes{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.instalar{background:var(--codigo);color:#e2e8f0;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:16px;padding:12px 16px 12px 20px;font-size:1rem;display:flex}.instalar__dica{color:#94a3b8;font-family:Inter,sans-serif;font-size:.8125rem}.botao{border-radius:12px;align-items:center;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-flex}.botao--secundario{border:1px solid var(--borda);background:var(--superficie);color:var(--texto)}.botao--secundario:hover{border-color:var(--verde)}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:20px;min-width:0;padding:28px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0a}.cartao h2{margin:0 0 12px;font-size:1.125rem}.cartao p{color:var(--texto-suave);margin:0 0 12px}.cartao pre{background:var(--codigo);color:#e2e8f0;border-radius:12px;margin:0;padding:16px;font-size:.8125rem;line-height:1.6;overflow-x:auto}.cartao--escuro{color:#f1f5f9;background:#020617;border-color:#1e293b}.cartao--escuro .tema{color:#cbd5e1;border-color:#334155}.playground{grid-template-columns:1.2fr 1fr;align-items:start;gap:20px;display:grid}.cartao__cabecalho{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.cartao__cabecalho h2{margin:0}.temas{flex-wrap:wrap;gap:6px;display:flex}.tema{border:1px solid var(--borda);color:var(--texto-suave);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px;font-size:.8125rem}.tema--ativo,.cartao--escuro .tema--ativo{background:var(--campos-br-cor-foco);border-color:var(--campos-br-cor-foco);color:#fff}.campos{gap:20px;display:grid}.campo-bloco{gap:8px;display:grid}.exemplos{flex-wrap:wrap;gap:6px;display:flex}.exemplo{border:1px dashed var(--borda);color:var(--texto-suave);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px;font-size:.75rem}.exemplo:hover{border-color:var(--campos-br-cor-foco);color:var(--campos-br-cor-foco)}.exemplo--novo{border-style:solid;border-color:var(--verde);color:var(--verde-escuro);background:#e6f5ec;font-weight:600}.endereco{color:var(--campos-br-cor-rotulo);margin:0;font-size:.8125rem}.legenda code{font-size:.8125rem}.grade{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.rodape{text-align:center;color:var(--texto-suave);padding:48px 0;font-size:.875rem}@media (width<=900px){.playground,.grade{grid-template-columns:1fr}.hero{padding-top:48px}}:root{--campos-br-cor-texto:#1f2933;--campos-br-cor-rotulo:#52606d;--campos-br-cor-borda:#cbd2d9;--campos-br-cor-foco:#3b82f6;--campos-br-cor-erro:#d64545;--campos-br-cor-fundo:#fff;--campos-br-cor-fundo-desabilitado:#f5f7fa;--campos-br-raio:6px;--campos-br-espacamento:.25rem;--campos-br-preenchimento:.5rem .75rem;--campos-br-fonte:inherit;--campos-br-tamanho-fonte:1rem}.campos-br-campo{gap:var(--campos-br-espacamento);font-family:var(--campos-br-fonte);flex-direction:column;display:flex}.campos-br-campo__rotulo{color:var(--campos-br-cor-rotulo);font-size:.875rem}.campos-br-campo__input{font-family:inherit;font-size:var(--campos-br-tamanho-fonte);color:var(--campos-br-cor-texto);background-color:var(--campos-br-cor-fundo);border:1px solid var(--campos-br-cor-borda);border-radius:var(--campos-br-raio);padding:var(--campos-br-preenchimento);outline:none;transition:border-color .15s,box-shadow .15s}.campos-br-campo__input:focus{border-color:var(--campos-br-cor-foco);box-shadow:0 0 0 3px color-mix(in srgb, var(--campos-br-cor-foco) 20%, transparent)}.campos-br-campo__input:disabled{background-color:var(--campos-br-cor-fundo-desabilitado);cursor:not-allowed}.campos-br-campo--erro .campos-br-campo__input{border-color:var(--campos-br-cor-erro)}.campos-br-campo__erro{color:var(--campos-br-cor-erro);font-size:.8125rem}.campos-br-campo__carregando{color:var(--campos-br-cor-rotulo);font-size:.8125rem}