:root{--betania-noite: #12151C;--betania-noite-elevada: #1B2029;--betania-chama: #E4572E;--betania-chama-hover: #CC4A24;--betania-aurora: #FFB020;--betania-videira: #34A65A;--betania-videira-hover: #2B8B4A;--betania-alva: #F7F5F1;--betania-nardo: #B23A5B;--trilha-casa-aberta: var(--betania-aurora);--trilha-mesa-comum: var(--betania-chama);--trilha-maos-estendidas: var(--betania-nardo);--trilha-sal-da-cidade: var(--betania-videira);--membro-1: var(--betania-aurora);--membro-2: var(--betania-chama);--membro-3: var(--betania-videira);--membro-4: var(--betania-nardo);--cor-fundo: var(--betania-noite);--cor-fundo-elevado: var(--betania-noite-elevada);--cor-texto-primario: var(--betania-alva);--cor-texto-secundario: color-mix(in srgb, var(--betania-alva) 65%, transparent);--cor-acao-primaria: var(--betania-chama);--cor-acao-primaria-hover: var(--betania-chama-hover);--cor-ativo: var(--betania-videira);--cor-conquista: var(--betania-aurora);--cor-borda: color-mix(in srgb, var(--betania-alva) 10%, transparent);--fonte-titulo: "Sora", -apple-system, sans-serif;--fonte-corpo: "Inter", -apple-system, sans-serif;--fonte-citacao: "Fraunces", Georgia, serif;--tamanho-titulo-lg: 32px;--tamanho-titulo-md: 24px;--tamanho-titulo-sm: 20px;--tamanho-corpo: 16px;--tamanho-legenda: 13px;--radius-card: 12px;--radius-controle: 8px;--espaco-xs: 4px;--espaco-sm: 8px;--espaco-md: 16px;--espaco-lg: 24px;--espaco-xl: 40px}[data-theme=claro]{--cor-fundo: var(--betania-alva);--cor-fundo-elevado: #FFFFFF;--cor-texto-primario: var(--betania-noite);--cor-texto-secundario: color-mix(in srgb, var(--betania-noite) 65%, transparent);--cor-borda: color-mix(in srgb, var(--betania-noite) 12%, transparent)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--cor-fundo);color:var(--cor-texto-primario);font-family:var(--fonte-corpo);font-size:var(--tamanho-corpo);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--fonte-titulo);font-weight:700;margin:0}p{margin:0;line-height:1.6}a{color:inherit}button{font-family:var(--fonte-corpo);cursor:pointer}.container{max-width:1040px;margin:0 auto;padding:0 var(--espaco-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-controle);padding:12px 22px;font-size:15px;font-weight:500;border:none;text-decoration:none;transition:transform .1s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn-primario{background:var(--cor-acao-primaria);color:var(--betania-alva)}.btn-primario:hover{background:var(--cor-acao-primaria-hover)}.btn-secundario{background:transparent;color:var(--cor-ativo);border:1.5px solid var(--cor-ativo)}.btn-secundario:hover{background:color-mix(in srgb,var(--cor-ativo) 12%,transparent)}.btn-texto{background:transparent;color:var(--cor-texto-secundario);padding:8px 4px;text-decoration:none}.btn-texto:hover{color:var(--cor-texto-primario)}.card{background:var(--cor-fundo-elevado);border-radius:var(--radius-card);border:1px solid var(--cor-borda);padding:var(--espaco-lg)}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.02em}.progress-track{height:6px;border-radius:3px;background:color-mix(in srgb,var(--betania-alva) 12%,transparent);overflow:hidden}.progress-fill{height:100%;background:var(--cor-conquista);border-radius:3px}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--betania-noite);flex-shrink:0}.text-secundario{color:var(--cor-texto-secundario)}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cor-conquista)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-main{display:grid;grid-template-columns:2fr 1fr;gap:20px}.header-bar{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px;flex-wrap:wrap;padding:10px 0}.brand-text{font-family:var(--fonte-titulo);font-weight:700;font-size:18px;color:var(--betania-alva)}.nav-links{display:flex;gap:24px}@media (max-width: 860px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}.brand-text{display:none}.nav-links{gap:14px}}@media (max-width: 420px){.grid-4{grid-template-columns:1fr}}