/* ---------- Aarunesh Demo Form - Clean & Modern ---------- */
.aarunesh-demo-form {
  max-width: 720px;
  margin: 40px auto;
  padding: 32px 36px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(7, 22, 34, 0.06);
  font-family: "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;
}

/* header */
.demo-title {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:22px;
  font-weight:800;
  color:#0b63a3;
  margin:0 0 6px 0;
}
.demo-title img{ height:28px; }
.demo-subtext {
  text-align:center;
  color:#6b7280;
  margin-bottom:20px;
  font-size:15px;
}

/* form layout */
.demo-form-box {
  width:100%;
  box-sizing:border-box;
}
.demo-form-box p { margin:0 0 16px 0; }
.demo-form-box label {
  display:block;
  font-weight:600;
  color:#263238;
  margin-bottom:8px;
  font-size:15px;
}

/* inputs - make shorter and consistent */
.demo-form-box input[type="text"],
.demo-form-box input[type="email"],
.demo-form-box input[type="tel"],
.demo-form-box input,
.demo-form-box textarea {
  -webkit-appearance: none;
  appearance: none;
  width:100%;
  height:44px;                 /* controlled height */
  padding:10px 14px;
  border: 1px solid #e1e7ef;
  border-radius:10px;
  background:#fbfdff;
  font-size:15px;
  box-sizing:border-box;
  transition: all .18s ease;
  resize:vertical;
}
.demo-form-box textarea { height:110px; padding-top:12px; }

/* focus */
.demo-form-box input:focus,
.demo-form-box textarea:focus {
  outline: none;
  border-color:#0073aa;
  box-shadow: 0 6px 18px rgba(0,115,170,0.08);
  background:#fff;
}

/* right aligned small icon inside input fix (in screenshot) */
.demo-form-box input { background-position: right 12px center; background-repeat:no-repeat; }

/* Submit button */
.demo-submit-btn {
  display:block;
  width:100%;
  padding:14px 18px;
  font-size:16px;
  font-weight:700;
  color:#ffffff;
  background: linear-gradient(90deg,#0073aa 0%,#0ba2c8 100%);
  border:0;
  border-radius:12px;
  cursor:pointer;
  box-shadow: 0 10px 28px rgba(11,123,191,0.14);
  transition: transform .14s ease, box-shadow .14s ease;
}
.demo-submit-btn:hover { transform: translateY(-3px); box-shadow:0 14px 36px rgba(11,123,191,0.18); }

/* messages */
.demo-success, .demo-error {
  max-width:720px;
  margin:18px auto;
  padding:12px 16px;
  border-radius:10px;
  font-weight:700;
  text-align:center;
}
.demo-success { background:#e9fff2; border:1px solid #b7f0d4; color:#05663b; }
.demo-error   { background:#fff6e6; border:1px solid #ffd8a8; color:#7a4f00; }

/* responsive */
@media (max-width:780px) {
  .aarunesh-demo-form { padding:20px; margin:24px 16px; }
  .demo-title { font-size:20px; }
  .demo-submit-btn { padding:12px; font-size:15px; border-radius:10px; }
}

/* small niceties */
.demo-form-box input::placeholder { color:#9aa6b2; }