:root{
  --bg:#f7efe4;          /* creme (original: lilas claro) */
  --ink:#2b1f2e;
  --muted:#6d5f70;
  --main:#7a2e5c;        /* vinho/ametista (original: dourado) */
  --main-2:#9c4378;
  --gold:#e0b04a;
  --soft:#fff6dd;
  --back:#c96b6b;
  --ok:#1fa64a;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);font-family:Lexend,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body.dark{background:#0d0912}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
#bar{position:fixed;top:0;left:0;right:0;height:6px;background:#e6dccd;z-index:9}
#bar i{display:block;height:100%;width:4%;background:var(--gold);transition:width .35s}
#app{max-width:440px;margin:0 auto;padding:40px 18px 40px;min-height:100vh}
.step{animation:in .35s ease}
@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lead{font-size:17px;font-weight:600;line-height:1.5;text-align:center;margin:8px 4px 22px}
.lead mark{background:#f6dc9a;color:var(--main);padding:1px 8px;border-radius:4px}
.alert{display:flex;gap:12px;align-items:flex-start;background:var(--soft);border-radius:8px;padding:14px 16px;margin-bottom:26px}
.alert span{font-size:20px}
.alert p{font-size:13px;color:#8a5a12;line-height:1.5}
.q{font-size:16px;font-weight:600;text-align:center;line-height:1.5;margin:40px 0 26px}
.step[data-step="0"] .q{margin:0 0 18px}
.gender{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}
.gender button{border-radius:8px;overflow:hidden;background:var(--main);box-shadow:0 4px 14px rgba(122,46,92,.25);transition:transform .15s}
.gender button:active{transform:scale(.97)}
.gender img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
.gender span{display:block;text-align:left;color:#fff;font-weight:600;font-size:13px;padding:10px 10px}
.priv{display:grid;grid-template-columns:auto auto 1fr;gap:6px 10px;align-items:center;font-size:12px;color:var(--muted);margin:0 auto 10px;max-width:330px}
.priv b{color:var(--ink);font-weight:600}
.social{font-size:11px;color:var(--muted);text-align:center;line-height:1.6}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;max-width:330px;margin:0 auto}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:330px;margin:0 auto}
.pills button{background:#fff;border-bottom:3px solid var(--gold);border-radius:4px;padding:11px 6px;font-weight:600;font-size:14px;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:background .15s}
.pills button:active{background:#f3e6f0}
@media (hover:hover){.pills button:hover{background:#f3e6f0}}
.tag{background:var(--main);color:#fff;font-weight:600;font-size:14px;text-align:center;border-radius:8px;padding:12px 16px;margin:30px auto 16px;max-width:360px;letter-spacing:-.3px}
.cards{gap:14px;max-width:360px}
.cards button{background:var(--main-2);border:2px solid #b7699a;border-radius:10px;color:#fff;font-weight:500;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px}
.cards.small{max-width:240px;gap:8px}
.cards.small button{min-height:84px;font-size:12px}
.cards svg{width:44px;height:44px;stroke:#fff;fill:none;stroke-width:1.6}
.cards.small svg{width:30px;height:30px}
.back{display:block;margin:30px auto 0;background:var(--back);color:#fff;font-size:13px;padding:7px 30px;border-radius:5px}
#nome,#mail{display:block;width:100%;max-width:300px;margin:0 auto 18px;border:2px solid var(--ink);border-radius:8px;padding:12px 14px;font:inherit;font-size:15px;background:#fff}
.go{display:block;margin:0 auto;background:var(--ok);color:#fff;font-weight:700;font-size:15px;padding:10px 18px;border-radius:24px;box-shadow:0 4px 12px rgba(31,166,74,.35)}
.step[data-step="7"] .q{margin-top:120px}
.dark{position:fixed;inset:0;overflow-y:auto;background:#0d0912;color:#f5eef7;z-index:5}
.loading{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}
.loading img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.loading p,.loading .lbar{position:relative}
.loading p{font-size:15px;font-weight:600}
.lbar{width:70%;height:6px;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden}
.lbar i{display:block;height:100%;width:0;background:var(--gold);transition:width 3.6s linear}
.res{padding:48px 14px 40px;min-height:100vh;background:linear-gradient(rgba(13,9,18,.75),rgba(13,9,18,.95)),url(../img/fundo.webp) center/cover}
.rtitle{text-align:center;font-size:15px;line-height:1.5;margin-bottom:16px}
.rtitle b{color:var(--gold)}
.player{max-width:400px;margin:0 auto;border-radius:8px;overflow:hidden;background:#000}
.player video{display:block;width:100%}
.email{margin-top:26px;text-align:center}
.email p{font-size:15px;line-height:1.5;margin-bottom:16px}
.email b{color:var(--gold)}
@media (min-width:700px){#app{padding-top:56px}}