/* edu-payment.css */
.edu-payment-root { max-width: 680px; margin: 18px auto; font-family: Arial, Helvetica, sans-serif; }
.edu-title { font-size: 20px; margin-bottom: 12px; }
.edu-form { background: #fff; padding: 14px; border: 1px solid #e6e6e6; border-radius: 8px; }
.edu-field { margin-bottom: 10px; }
.edu-field label { display: block; font-weight: 600; margin-bottom: 6px; }
.edu-field input[type="text"], .edu-field input[type="email"] { width: 100%; padding: 8px 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; }
.edu-btn { border: none; padding: 10px 14px; border-radius: 8px; cursor: pointer; font-weight: 600; }
.edu-btn-primary { background: #1e88e5; color: #fff; }
.edu-btn-secondary { background: #f3f4f6; color: #111827; margin-left:8px; }
.edu-btn-pay { background: #059669; color: #fff; }
.edu-error { background: #fee2e2; color: #991b1b; padding: 8px 10px; border-radius: 6px; margin: 8px 0; }
.edu-result { margin-top: 14px; }
.edu-card { border: 1px solid #e6e6e6; border-radius: 8px; overflow: hidden; }
.edu-card-header { background: #f9fafb; padding: 12px 14px; font-weight: 700; }
.edu-card-body { padding: 12px 14px; }
.edu-card-body p { margin: 6px 0; }
.edu-card-actions { padding: 12px 14px; border-top: 1px solid #eef2f7; display: flex; gap:8px; }

.edu-purpose { margin-top: 8px; font-style: normal; color: #111827; }


/* Mobile tweaks */
@media (max-width: 480px){
  .edu-payment-root { padding: 10px; }
  .edu-card-actions { flex-direction: column; }
}