:root{
    --roxo:#450d32;
    --roxo-2:#a24675;
    --rosa:#c3a0b2;
    --rosa-2:#bda2b1;
    --bege:#d6b499;
    --bege-neutro:#ded0c6;
    --bege-claro:#faf0e4;
    --branco:#fdfdfd;
    --font-display:'Cormorant Garamond', serif;
    --font-body:'Jost', sans-serif;
    --gradient-gold: linear-gradient(135deg, var(--bege) 0%, var(--roxo-2) 100%);
    --gradient-hero: linear-gradient(135deg, var(--roxo) 0%, #2a0820 100%);
    --shadow-soft: 0 10px 30px -10px rgba(69,13,50,0.25);
    --shadow-gold: 0 10px 25px -8px rgba(162,70,117,0.45);
    --radius: 1.5rem;
  }
  *{box-sizing:border-box;}
  body{margin:0;font-family:var(--font-body);background:var(--bege-claro);color:var(--roxo);}
  #quiz{padding:5rem 1rem;}
  #quiz .wrap{max-width:640px;margin:0 auto;}
  .qz-card{
    background:var(--branco);
    border:1px solid var(--rosa-2);
    border-radius:var(--radius);
    padding:2.5rem 2rem;
    box-shadow:var(--shadow-soft);
  }
  .qz-card.center{text-align:center;}
  .qz-card h2{font-family:var(--font-display);font-size:2rem;margin:0 0 .5rem;color:var(--roxo);}
  .qz-card p.qz-sub{color:#8a7268;font-size:.9rem;margin:0 0 1.5rem;}
  .qz-btn{
    appearance:none;border:none;cursor:pointer;
    display:inline-flex;align-items:center;gap:.5rem;
    font-family:var(--font-body);font-weight:600;font-size:1rem;
    color:var(--roxo);background:var(--bege);
    padding:1rem 1.75rem;border-radius:999px;
    box-shadow:var(--shadow-gold);
    transition:transform .15s ease;
    text-decoration:none;
  }
  .qz-btn:hover{transform:scale(1.02);}
  .qz-btn:disabled{opacity:.6;cursor:default;transform:none;}
  /* progress */
  .qz-progress-row{display:flex;justify-content:space-between;font-size:.75rem;color:#8a7268;margin-bottom:.4rem;}
  .qz-progress-track{height:8px;border-radius:999px;background:var(--bege-claro);overflow:hidden;}
  .qz-progress-fill{height:100%;border-radius:999px;background:var(--gradient-gold);transition:width .4s ease;}
  /* question */
  .qz-question h3{font-family:var(--font-display);font-size:1.6rem;margin:1.75rem 0 1.25rem;color:var(--roxo);}
  .qz-options{display:flex;flex-direction:column;gap:.75rem;}
  .qz-option{
    text-align:left;width:100%;
    display:flex;align-items:flex-start;gap:.75rem;
    border:1px solid var(--rosa-2);background:var(--bege-claro);
    border-radius:1rem;padding:1rem 1.25rem;
    font-family:var(--font-body);font-size:.95rem;color:var(--roxo);
    cursor:pointer;transition:all .15s ease;
  }
  .qz-option:hover{border-color:var(--bege);background:rgba(195,160,178,0.25);}
  .qz-option.selected{border-color:var(--bege);background:rgba(195,160,178,0.35);}
  .qz-dot{margin-top:2px;flex-shrink:0;width:20px;height:20px;border-radius:50%;border:1px solid var(--rosa-2);display:grid;place-items:center;}
  .qz-option.selected .qz-dot{border-color:var(--bege);background:var(--bege);}
  .qz-option.selected .qz-dot::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--roxo);}
  .qz-back{margin-top:1.25rem;background:none;border:none;font-size:.75rem;color:#8a7268;cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
  /* form */
  .qz-field{display:block;margin-bottom:1rem;}
  .qz-field span{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--roxo-2);margin-bottom:.35rem;}
  .qz-field input[type=text],.qz-field input[type=tel],.qz-field input[type=email]{
    width:100%;padding:.85rem 1rem;border-radius:.75rem;border:1px solid var(--rosa-2);
    background:var(--bege-claro);font-family:var(--font-body);font-size:1rem;color:var(--roxo);outline:none;
  }
  .qz-field input:focus{border-color:var(--bege);box-shadow:0 0 0 3px rgba(214,180,153,0.35);}
  .qz-checkbox{display:flex;gap:.6rem;align-items:flex-start;font-size:.85rem;margin:1rem 0 1.5rem;color:rgba(69,13,50,0.85);}
  .qz-checkbox input{margin-top:3px;}
  /* result */
  .qz-result-head{border-radius:var(--radius);padding:2.5rem 2rem;color:#fff;box-shadow:var(--shadow-soft);}
  .qz-result-head p.tag{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;opacity:.85;}
  .qz-result-head h2{font-family:var(--font-display);font-size:2.5rem;margin:.4rem 0 0;}
  .qz-result-body{margin-top:1.5rem;background:var(--branco);border:1px solid var(--rosa-2);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-soft);}
  .qz-result-body ul{list-style:none;padding:0;margin:1rem 0;}
  .qz-result-body li{display:flex;gap:.5rem;font-size:.9rem;margin-bottom:.5rem;color:rgba(69,13,50,0.9);}
  .qz-result-body li::before{content:"✗";color:#b33a3a;}
  .qz-callout{margin-top:1.25rem;background:rgba(195,160,178,0.3);border-radius:1rem;padding:1rem;font-size:.9rem;font-weight:600;color:var(--roxo);}
  .qz-mini-title{margin-top:2rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--roxo-2);}
  .qz-bar-row{margin-top:.9rem;}
  .qz-bar-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--roxo);margin-bottom:.3rem;}
  .qz-bar-track{height:8px;border-radius:999px;background:var(--bege-claro);overflow:hidden;}
  .qz-bar-fill{height:100%;border-radius:999px;}
  .qz-glp1{margin-top:2rem;border:1px solid var(--bege);border-radius:1rem;padding:1.25rem;background:linear-gradient(135deg,var(--bege) 0%, var(--rosa) 100%);color:var(--roxo);}
  .qz-glp1 p{margin:.25rem 0;font-size:.9rem;}
  .qz-glp1 p:first-child{font-weight:700;}
  #quiz-cta{padding:5rem 1rem;color:var(--branco);background:var(--gradient-hero);text-align:center;}
  #quiz-cta h2{font-family:var(--font-display);font-size:2.5rem;margin:0 0 .75rem;}
  #quiz-cta p{color:var(--rosa);max-width:34rem;margin:0 auto 2rem;}
  #quiz-cta .qz-btn{margin-top:2.5rem;}
  .qz-cta-box{
    max-width:40rem;margin:0 auto;text-align:left;
    border:1px solid rgba(214,180,153,0.3);background:rgba(255,255,255,0.05);
    border-radius:1.5rem;padding:1.75rem 2rem;backdrop-filter:blur(4px);
  }
  .qz-cta-box-title{
    margin:0 0 1rem;font-size:.7rem;font-weight:700;text-transform:uppercase;
    letter-spacing:.1em;color:var(--bege);
  }
  .qz-cta-box-list{
    list-style:none;margin:0;padding:0;
    display:grid;gap:.65rem;font-size:.9rem;color:var(--rosa);
  }
  @media(min-width:640px) {
    .qz-cta-box-list {
      grid-template-columns:1fr 1fr;
      column-gap:1.5rem;
    }

  }

  @media (max-width: 399px) {
      .qz-result-head h2 {
          font-size: 1.9rem;
      }
  }