/* WebinarPro Frontend Form */
.wpro-form-wrap {
  max-width: 540px; margin: 0 auto;
  background: #fff; border-radius: 14px;
  box-shadow: 0 4px 30px rgba(3,30,80,.12);
  overflow: hidden; font-family: 'Segoe UI', system-ui, sans-serif;
}
.wpro-form-header { background: linear-gradient(135deg, #031E50 0%, #062a6e 100%); padding: 28px 32px; }
.wpro-form-title { color: #fff; font-size: 21px; font-weight: 800; margin: 0 0 12px; }
.wpro-form-meta { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 10px; }
.wpro-form-meta span { color: rgba(255,255,255,.85); font-size: 13.5px; font-weight: 500; }
.wpro-form-desc { color: rgba(255,255,255,.7); font-size: 13.5px; margin: 10px 0 0; line-height: 1.6; }
.wpro-seats-info { margin-top: 16px; }
.wpro-seats-bar { height: 5px; background: rgba(255,255,255,.2); border-radius: 99px; margin-bottom: 6px; }
.wpro-seats-fill { height: 100%; background: #E67E22; border-radius: 99px; }
.wpro-seats-info span { color: rgba(255,255,255,.75); font-size: 12.5px; }

.wpro-reg-form { padding: 28px 32px; }
.wpro-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.wpro-form-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.wpro-form-group label { font-size: 13px; font-weight: 700; color: #031E50; }
.wpro-form-group label span { color: #E67E22; }
.wpro-form-group input, .wpro-form-group select, .wpro-form-group textarea {
  padding: 10px 13px; border: 1.5px solid #E2E8F0; border-radius: 8px;
  font-size: 14px; color: #1E293B; font-family: inherit;
  transition: border-color .15s, box-shadow .15s; width: 100%;
}
.wpro-form-group input:focus, .wpro-form-group select:focus, .wpro-form-group textarea:focus {
  outline: none; border-color: #E67E22; box-shadow: 0 0 0 3px rgba(230,126,34,.12);
}
.wpro-submit-btn {
  width: 100%; padding: 14px; background: #E67E22; color: #fff;
  border: none; border-radius: 8px; font-size: 15px; font-weight: 700;
  cursor: pointer; font-family: inherit; transition: background .18s, transform .15s;
  margin-top: 4px;
}
.wpro-submit-btn:hover { background: #D4710F; transform: translateY(-1px); }
.wpro-submit-btn:disabled { opacity: .65; cursor: not-allowed; transform: none; }
.wpro-form-msg { padding: 12px 16px; border-radius: 8px; font-size: 13.5px; font-weight: 600; margin-bottom: 12px; }
.wpro-form-msg.success { background: rgba(16,185,129,.1); color: #065F46; border: 1px solid rgba(16,185,129,.25); }
.wpro-form-msg.error   { background: rgba(239,68,68,.08); color: #B91C1C; border: 1px solid rgba(239,68,68,.2); }
.wpro-form-closed { padding: 28px 32px; text-align: center; color: #475569; font-size: 14.5px; }
@media (max-width: 500px) { .wpro-form-row { grid-template-columns: 1fr; } .wpro-reg-form, .wpro-form-header { padding: 20px; } }