/* ======================================================
CARTA FINAL
====================================================== */

.love-letter{

  width:100%;
  max-width:560px;

  margin: 0 auto 40px auto;

  padding:30px 26px;

  background:#000;

  border:1px solid rgba(255,255,255,0.15);

  border-radius:22px;

  box-shadow:0 12px 30px rgba(0,0,0,0.6);

}


/* ======================================================
TÍTULO
====================================================== */

.love-letter h2{

  font-family:'Dancing Script', cursive;

  font-size:2rem;

  font-weight:700;

  text-align:center;

  margin-bottom:22px;

  letter-spacing:0.5px;

  background:linear-gradient(
    90deg,
    #ff7aa2,
    #ff8fb5,
    #ffa6c6
  );

  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;

}


/* ======================================================
TEXTO
====================================================== */

.love-letter p{

  font-family:'Inter', sans-serif;

  font-size:0.8rem;

  line-height:1.8;

  color:rgba(255,255,255,0.75);

  text-align:left;

}


/* ======================================================
RESPONSIVO
====================================================== */

@media (max-width:600px){

  .love-letter{

  width: calc(100% - 32px); /* 👈 cria respiro lateral */
  margin: 0 auto 40px auto; /* 👈 mantém centralizado */

    padding:26px 22px;

  }

  .love-letter h2{

    font-size:1.8rem;

  }

}