:root {
      --bg:        #fdfaf7;
      --card:      #fffefb;
      --text:      #4a3c31;
      --text-light:#8a7668;
      --accent:    #e89a7e;
      --accent-dark:#d67e5c;
      --border:    #f0e4dc;
      --shadow-sm: 0 4px 14px rgba(148, 98, 68, 0.08);
      --shadow-md: 0 8px 28px rgba(148, 98, 68, 0.11);
      --radius:    16px;
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
      background: var(--bg);
      color: var(--text);
      min-height: 100vh;
      padding: 40px 20px;
      line-height: 1.6;
    }

    .form-container {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
    }

    .form-card {
      background: var(--card);
      border-radius: var(--radius);
      padding: 42px 36px;
      box-shadow: var(--shadow-md);
      border: 1px solid var(--border);
      position: relative;
      overflow: hidden;
    }

    /* Tiny decorative corner accent */
    .form-card::before {
      content: "";
      position: absolute;
      top: 0; right: 0;
      width: 80px;
      height: 80px;
      background: linear-gradient(135deg, var(--accent) 0%, transparent 60%);
      opacity: 0.07;
      pointer-events: none;
    }

    h2 {
      font-size: 1.9rem;
      color: var(--text);
      margin-bottom: 8px;
      font-weight: 600;
      letter-spacing: -0.02em;
    }

    .subtitle {
      color: var(--text-light);
      font-size: 0.97rem;
      margin-bottom: 2.1rem;
    }

    .form-group {
      margin-bottom: 1.7rem;
    }

    label {
      display: block;
      margin-bottom: 0.56rem;
      color: var(--text);
      font-size: 0.94rem;
      font-weight: 500;
    }

    input,
    textarea,
    select {
      width: 100%;
      padding: 13px 16px;
      border: 1.5px solid var(--border);
      border-radius: 12px;
      font-size: 1rem;
      background: #fffefb;
      color: var(--text);
      transition: all 0.22s ease;
      font-family: inherit;
    }

    input:focus,
    textarea:focus,
    select:focus {
      outline: none;
      border-color: var(--accent);
      box-shadow: 0 0 0 3.5px rgba(232, 154, 126, 0.18);
    }

    textarea {
      min-height: 108px;
      resize: vertical;
    }

    .button-group {
      margin-top: 2.2rem;
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }

    button {
      padding: 14px 28px;
      font-size: 1rem;
      font-weight: 550;
      border: none;
      border-radius: 12px;
      cursor: pointer;
      transition: all 0.25s ease;
    }

    .btn-primary {
      background: var(--accent);
      color: white;
      box-shadow: var(--shadow-sm);
    }

    .btn-primary:hover {
      background: var(--accent-dark);
      transform: translateY(-1px);
      box-shadow: 0 10px 24px rgba(214, 126, 92, 0.24);
    }

    .btn-secondary {
      background: transparent;
      border: 1.5px solid var(--border);
      color: var(--text-light);
    }

    .btn-secondary:hover {
      background: rgba(232,154,126,0.06);
      border-color: var(--accent);
      color: var(--accent-dark);
    }

    /* Optional: tiny field icons */
    .input-wrapper {
      position: relative;
    }

    .input-wrapper i {
      position: absolute;
      left: 16px;
      top: 50%;
      transform: translateY(-50%);
      color: #c9b5a7;
      pointer-events: none;
    }

    .input-wrapper input,
    .input-wrapper select {
      padding-left: 44px;
    }

    .welcome {
     background: #e2f5d7;
     color: #234211;	     
     padding: 10px;
     width: 100%;	     
}

/* ── Cozy Radio Buttons ────────────────────────────────────────────── */

.form-group.radio-group {
  margin-bottom: 1.8rem;
}

.radio-option {
  display: flex;
  align-items: flex-start;       /* better for multi-line labels */
  gap: 12px;
  margin-bottom: 0.9rem;
  cursor: pointer;
  user-select: none;
}

.radio-option input[type="radio"] {
  width: 15px;
  height: 15px;
  margin-top: 3px;               /* tiny nudge — tweak 2–5px as needed */
  accent-color: var(--accent);   /* colors the dot & outline to match your theme */
  cursor: pointer;
}


.btn-default {
    color: #000;
    background-color: #d9d8d4;
    border-color: #000;
    border-radius: 4px;
}


.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}