/* Reutilizar estilos existentes */
      :root { --main: #16b88a; --main-dark: #1a7060; --bg: #f7fbf9; }
      body { background: var(--bg); margin: 0; font-family: "Segoe UI", Arial, sans-serif; color: #234; }
      .container { max-width: 440px; margin: 38px auto 0; background: #fff; border-radius: 16px; box-shadow: 0 4px 26px #16b88a28; padding: 32px 18px 22px; min-height: 620px; position: relative; }
      .logo { font-size: 1.35em; font-weight: bold; text-align: center; color: var(--main-dark); margin-bottom: 7px; letter-spacing: -1px; }
      .desc { text-align: center; color: #23736d; margin-bottom: 18px; font-size: 0.82em; }
      .form-row { margin-bottom: 11px; display: flex; flex-direction: column; gap: 5px; }
      .form-row label { font-size: 1em; color: #197a64; margin-bottom: 2px; font-weight: 500; }
      .form-row input, .form-row select, .form-row textarea { padding: 8px 10px; font-size: 1.03em; border: 1.1px solid #b2e7d3; border-radius: 7px; background: #fafdff; color: #234; resize: none; }
      .form-row textarea { min-height: 46px; }
      .card-preview-wrap { text-align: center; margin: 17px 0 8px; }
      .card-preview { display: inline-block; background: #fff; border: 1.2px solid #17b88733; border-radius: 10px; box-shadow: 0 2px 18px #16b88a19; min-width: 320px; min-height: 170px; }
      .action-btn { background: var(--main); color: #fff; border: none; border-radius: 8px; padding: 14px 0; width: 100%; font-size: 1.13em; font-weight: bold; cursor: pointer; margin-top: 15px; margin-bottom: 13px; box-shadow: 0 2px 12px #16b88a26; transition: background 0.15s; }
      .action-btn:active { background: var(--main-dark); }
      .footer { color: #789; text-align: center; font-size: 0.95em; margin-top: 24px; line-height: 1.6; opacity: 0.89; }
      section#faq { margin-top: 30px; }
      section#faq h2 { margin-bottom: 13px; color: #16b88a; font-size: 1.15em; text-align: center; }
      section#faq dt { font-weight: bold; margin-top: 8px; }
      section#faq dd { margin: 0 0 7px; font-size: 0.99em; color: #23736d; }
      #backBtn { position: fixed; left: 50%; bottom: 32px; transform: translateX(-50%); background: #16b88a; color: #fff; font-weight: 700; border: none; border-radius: 2rem; padding: 0.58em 1.5em; box-shadow: 0 4px 16px #16b88a44; font-size: 1.09em; text-decoration: none; cursor: pointer; letter-spacing: 0.01em; transition: background 0.15s, transform 0.12s; z-index: 2000; }
      #backBtn:hover { background: #1a7060; transform: translateX(-50%) scale(1.04); }
      @media (max-width: 600px) {
        .container { max-width: 99vw; padding: 12px 2vw 14px 2vw; }
        .card-preview { min-width: 92vw; }
        #backBtn { bottom: 18px; font-size: 0.98em; padding: 0.48em 1em; }
      }