/* ebook.failathome.com — a identidade do próprio e-book: verde-noite da
   capa, creme das páginas, ouro dos rótulos e o rosa do frasco. */
:root{
  --noite:#0E1A18;
  --noite-2:#132522;
  --creme:#F3E6D6;
  --papel:#F7EFE4;
  --tinta:#14211E;
  --tinta-2:#4A5753;
  --ouro:#C8913F;
  --ouro-claro:#E2B871;
  --rosa:#E5307A;
  --azul:#1C3563;
  --zap:#1FAF5A;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--noite);color:var(--creme);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:3px}
::selection{background:var(--ouro);color:var(--noite)}
input,button{font-family:inherit}

.serif{font-family:Fraunces,Georgia,serif}
.rotulo{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--ouro)}
.miolo{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}

/* Botões */
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px 24px;border-radius:999px;border:none;font-size:16px;font-weight:600;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.btn:active{transform:scale(.98)}
.btn-creme{background:var(--creme);color:var(--noite);box-shadow:0 18px 40px -18px rgba(0,0,0,.9)}
.btn-creme:hover{background:#fff8ee}
.btn-ouro{background:var(--ouro-claro);color:var(--noite);box-shadow:0 18px 40px -18px rgba(0,0,0,.9)}
.btn-ouro:hover{background:#ecc785}
.btn-zap{background:var(--zap);color:#fff;box-shadow:0 18px 40px -16px rgba(31,175,90,.65)}
.btn-zap:hover{background:#22c065}
.btn[disabled]{opacity:.6;cursor:wait}

/* Formulário */
.campo{width:100%;padding:16px 18px;border-radius:14px;border:1px solid rgba(243,230,214,.25);background:rgba(14,26,24,.55);color:var(--creme);font-size:16px;outline:none;transition:border-color .2s ease,background .2s ease}
.campo::placeholder{color:rgba(243,230,214,.5)}
.campo:focus{border-color:var(--ouro-claro);background:rgba(14,26,24,.8)}
.campo[aria-invalid=true]{border-color:#F08A8A}
.oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aviso{margin:0;font-size:14px;line-height:1.5;color:#F6C9A8;min-height:0}
.aviso[hidden]{display:none}

/* O livro com volume */
.livro{position:relative;width:min(300px,68vw);aspect-ratio:1299/2078;transform:perspective(1400px) rotateY(-14deg) rotateX(4deg);transform-style:preserve-3d;animation:flutua 7s ease-in-out infinite;filter:drop-shadow(0 50px 50px rgba(0,0,0,.55))}
.livro img{width:100%;height:100%;object-fit:cover;border-radius:3px 8px 8px 3px}
.livro::before{content:'';position:absolute;inset:0 auto 0 0;width:10px;border-radius:3px 0 0 3px;background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(255,255,255,.12) 60%,rgba(0,0,0,0));z-index:2}
.livro::after{content:'';position:absolute;inset:0;border-radius:3px 8px 8px 3px;background:linear-gradient(115deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%);z-index:2}
@keyframes flutua{0%,100%{translate:0 0}50%{translate:0 -10px}}

[data-revela]{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
[data-revela].visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}[data-revela]{opacity:1;transform:none}}

.rodape{background:#0A1412;padding:36px 20px 44px;text-align:center;font-size:12.5px;line-height:1.65;color:rgba(243,230,214,.55)}
.rodape a{color:rgba(243,230,214,.75)}