:root{
  /* Paleta Dark + Dourado (identidade loja de tatuagem) */
  --bg:#0b0e12;
  --ink:#e5e7eb;
  --muted:#a3b0c2;
  --line:#1f2937;
  --gold:#eab308;       /* dourado queimado */
  --green:#25D366;      /* WhatsApp */
}

*{box-sizing:border-box}
html,body{
  height:100%;margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial;
  color:var(--ink);
  /* Fundo com imagem realista de estúdio + overlay */
  background:
    radial-gradient(100% 100% at 50% 20%, #00000088 0%, #000000aa 60%, #000000ee 100%),
    url('https://images.unsplash.com/photo-1541447271487-096653f5b9a5?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat fixed,
    var(--bg);
}

a{color:inherit;text-decoration:none}

.container{max-width:920px;margin:0 auto;padding:16px}
.top{display:flex;justify-content:space-between;align-items:center;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px}
.brand .wa{color:var(--green);font-weight:900;letter-spacing:.2px}

.cta{display:flex;gap:8px}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;border-radius:999px;border:1px solid var(--line);font-weight:800}
.btn-primary{background:var(--green);color:#03210f;border-color:#19b457;box-shadow:0 6px 20px #25d36633}
.btn-secondary{background:transparent;color:var(--ink);border-color:#334155}
.btn-secondary:hover{background:#0f172a}

/* Cartão central em dark */
.card{
  max-width:520px;margin:28px auto;padding:0 0 24px 0;
  border-radius:16px;border:1px solid #111827;box-shadow:0 18px 40px #00000066;
  text-align:center;background:#0f1420;
}
.avatar{width:96px;height:96px;border-radius:999px;margin:-32px auto 8px;display:block;border:4px solid #0f1420;background:#111827;object-fit:cover;box-shadow:0 0 0 3px var(--gold)}
.title{font-size:1.6rem;margin:6px 0 10px;font-weight:900;letter-spacing:.2px}
.msgwrap{padding:0 24px}

/* Área de mensagem */
.textarea{
  width:100%;min-height:96px;border-radius:14px;
  border:1px solid #253041;background:#0b1220;
  padding:14px;font-size:1rem;color:#d1d5db;resize:vertical;
}
.textarea:focus{outline:2px solid var(--gold)}

.rowbtn{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.hint{color:var(--muted);font-size:.9rem;margin-top:10px}

/* Linha de download */
.download{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;color:var(--green)}
.download a{color:var(--gold)}

/* Divisórias decorativas douradas no topo e base do cartão */
.card::before,.card::after{content:"";display:block;height:3px;margin:0 18px;border-radius:999px;background:linear-gradient(90deg,transparent, var(--gold), transparent)}
.card::before{margin-top:18px}

@media(min-width:640px){
  .rowbtn{flex-direction:row;justify-content:center}
}