:root{
  --roxo:#8B5CF6;--violeta:#4C1D95;--dourado:#D4A24E;
  --cosmico:#0D0A14;--lunar:#F5F3FF;--lavanda:#C4B5FD;
  --display:'Cormorant Garamond',serif;--corpo:'Sora',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--corpo);background:var(--cosmico);color:var(--lunar);line-height:1.7;min-height:100dvh}
#ceu{position:fixed;inset:0;z-index:0;pointer-events:none}
.topo{position:relative;z-index:2;text-align:center;padding:1.2rem;border-bottom:1px solid rgba(139,92,246,.18)}
.marca{font-family:var(--display);font-size:1.3rem}
.marca em{font-style:normal;color:var(--roxo);font-weight:700;text-shadow:0 0 10px rgba(139,92,246,.6)}
.wrap{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:2rem 1.4rem 4rem}
.intro{text-align:center}
.intro h1{font-family:var(--display);font-size:clamp(2rem,6vw,3rem);font-weight:600;line-height:1.1;margin-bottom:1rem}
.intro p{color:var(--lavanda);font-size:1.1rem;margin-bottom:1.4rem;max-width:480px;margin-left:auto;margin-right:auto}
.aviso-respeito{font-size:.85rem!important;color:var(--lunar)!important;opacity:.75;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.25);border-radius:12px;padding:.9rem 1.1rem;font-style:italic}
.botao{display:inline-block;background:linear-gradient(135deg,var(--roxo),var(--violeta));color:var(--lunar);text-decoration:none;border:none;cursor:pointer;padding:1rem 2.4rem;border-radius:999px;font-size:1.1rem;font-weight:600;font-family:var(--corpo);box-shadow:0 6px 28px rgba(139,92,246,.4);transition:transform .2s;margin-top:.6rem}
.botao:hover{transform:translateY(-2px)}
.pergunta-area{display:none}
.progresso{height:6px;background:rgba(139,92,246,.15);border-radius:999px;overflow:hidden;margin-bottom:1.8rem}
.progresso-barra{height:100%;background:linear-gradient(90deg,var(--roxo),var(--dourado));width:0;transition:width .3s}
.pergunta-num{font-size:.8rem;color:var(--dourado);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem;text-align:center}
.pergunta-texto{font-family:var(--display);font-size:1.7rem;font-weight:500;text-align:center;margin-bottom:1.8rem;line-height:1.3}
.opcoes{display:flex;flex-direction:column;gap:.8rem}
.opcao{background:rgba(26,21,37,.7);border:1px solid rgba(139,92,246,.25);border-radius:14px;padding:1.1rem 1.3rem;cursor:pointer;color:var(--lunar);font-family:var(--corpo);font-size:1rem;text-align:left;transition:background .2s,border-color .2s,transform .15s}
.opcao:hover{background:rgba(139,92,246,.18);border-color:rgba(139,92,246,.5);transform:translateX(4px)}
.resultado-area{display:none;text-align:center}
.resultado-emoji{font-size:4.5rem;display:block;margin-bottom:.5rem;filter:drop-shadow(0 0 24px rgba(139,92,246,.55))}
.resultado-titulo{font-family:var(--display);font-size:2.4rem;font-weight:600;color:var(--dourado);margin-bottom:.3rem}
.resultado-sub{color:var(--lavanda);font-style:italic;margin-bottom:1.4rem}
.resultado-texto{background:rgba(26,21,37,.6);border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:1.6rem;text-align:left;line-height:1.8;margin-bottom:1.8rem}
.resultado-cta{background:rgba(212,162,78,.08);border:1px solid rgba(212,162,78,.3);border-radius:16px;padding:1.6rem;margin-bottom:1.4rem}
.resultado-cta p{color:var(--lavanda);margin-bottom:1rem}
.acoes{display:flex;flex-direction:column;gap:.8rem}
.compartilhar{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:.4rem}
.btn-share{padding:.7rem 1.2rem;border-radius:999px;border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.12);color:var(--lavanda);cursor:pointer;font-family:var(--corpo);font-size:.9rem;text-decoration:none}
.btn-share:hover{background:rgba(139,92,246,.25)}
.btn-share-destaque{background:linear-gradient(135deg,var(--roxo),var(--violeta))!important;color:var(--lunar)!important;border-color:transparent!important;font-weight:600}
.r-img{width:200px;max-width:70%;height:auto;border-radius:14px;box-shadow:0 8px 30px rgba(13,10,20,.55);display:block;margin:0 auto}