/* Layout limpo: branco + verdes */
    :root{
      --bg: #f7fbf7;
      --card: #ffffff;
      --green: #2e8b57;
      --green-600: #2b7a4a;
      --muted: #6b7280;
      --accent: #eaf7ee;
      --radius: 10px;
      font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    }
    body{
      margin:0;
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      background: linear-gradient(180deg, var(--bg), #eef8f0);
      padding:24px;
    }
    .container{
      width:100%;
      max-width:920px;
      background:var(--card);
      border-radius: var(--radius);
      box-shadow: 0 10px 30px rgba(46,139,87,0.06);
      padding:28px;
      display:grid;
      grid-template-columns: 1fr 360px;
      gap:20px;
    }
    .header{
      grid-column: 1 / -1;
      display:flex;
      align-items:center;
      gap:16px;
    }
    .logo{
      width:auto;
      height:56px;
      border-radius:10px;
      
    }
    h1{ margin:0; font-size:18px; }
    p.lead{ margin:4px 0 0 0; color:var(--muted); font-size:13px; }

    form{ display:flex; flex-direction:column; gap:12px; }
    label{ font-size:13px; color:#334155; }
    .row{ display:flex; gap:12px; }
    .col{ flex:1; display:flex; flex-direction:column; gap:6px; }
    input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, select {
      padding:10px 12px;
      border-radius:8px;
      border:1px solid #e6eeea;
      background: #fbfefb;
      font-size:14px;
      outline:none;
    }
    textarea{ min-height:90px; resize:vertical; }
    .actions{ display:flex; gap:12px; margin-top:6px; align-items:center; }
    button.primary{
      background: linear-gradient(180deg,var(--green),var(--green-600));
      color:white;
      border:0;
      padding:10px 14px;
      border-radius:10px;
      cursor:pointer;
      font-weight:600;
    }
    button.ghost{
      background:transparent;
      border:1px solid #e6eeea;
      padding:10px 14px;
      border-radius:10px;
      cursor:pointer;
    }

    /* Result card */
    .result{
      background: var(--accent);
      border-radius:10px;
      padding:16px;
      display:flex;
      flex-direction:column;
      gap:10px;
      align-items:flex-start;
    }
    .result h2{ margin:0; font-size:16px; color:var(--green-600); }
    .result .big{
      font-size:28px;
      font-weight:700;
      color:var(--green-600);
    }
    .small{ font-size:13px; color:var(--muted); }

    /* Responsive */
    @media (max-width:880px){
      .container{ grid-template-columns: 1fr; padding:18px; }
      .result{ order:2; }
    }
    footer.note{ grid-column:1 / -1; font-size:12px; color:var(--muted); margin-top:6px; }