:root{
  --fpp-brand:#eaa321;
  --fpp-text:#17202a;
  --fpp-muted:#667085;
  --fpp-border:#e5e7eb;
}
.fpp-body,.fpp-wrap{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--fpp-text);
}
.fpp-wrap{max-width:760px;margin:24px auto;}
.fpp-payment-form,.fpp-payment-button-form{
  background:#fff;border:1px solid var(--fpp-border);border-radius:16px;padding:24px;
  box-shadow:0 12px 34px rgba(17,24,39,.06);
}
.fpp-title{margin:0 0 16px;font-size:1.4rem;}
.fpp-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;}
.fpp-field-full{grid-column:1 / -1;}
.fpp-field label{display:block;font-weight:600;margin-bottom:8px;}
.fpp-field label span{font-weight:400;color:var(--fpp-muted);}
.fpp-field input,.fpp-field select{
  width:100%;padding:12px;border:1px solid var(--fpp-border);border-radius:10px;box-sizing:border-box;
}
.fpp-field input[type="number"]::-webkit-outer-spin-button,
.fpp-field input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.fpp-field input[type="number"]{
  -moz-appearance:textfield;
  appearance:textfield;
}
.fpp-radio-group{display:flex;gap:16px;flex-wrap:wrap;}
.fpp-training-form-compact{
  max-width:620px;
  margin:0 auto;
  padding:18px;
}
.fpp-training-form-compact .fpp-title{
  margin-bottom:10px;
  font-size:1.2rem;
}
.fpp-training-intro{
  margin:0 0 12px;
  padding:10px 12px;
  border:1px dashed var(--fpp-border);
  border-radius:10px;
  background:#fafafa;
  font-size:.95rem;
  line-height:1.45;
}
.fpp-training-form-compact .fpp-field-grid{
  gap:12px;
  margin-bottom:14px;
}
.fpp-training-form-compact .fpp-field label{
  margin-bottom:6px;
  font-size:.92rem;
}
.fpp-training-form-compact .fpp-field input,
.fpp-training-form-compact .fpp-field select{
  padding:10px;
}
.fpp-training-form-compact .fpp-button{
  width:100%;
}
.fpp-button,.fpp-link-button{
  display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700;
}
.fpp-button{background:var(--fpp-brand);color:#111;border:none;cursor:pointer;}
.fpp-link-button{border:1px solid var(--fpp-border);color:var(--fpp-text);background:#fff;}
.fpp-result-wrap{min-height:100vh;display:flex;justify-content:center;padding:28px 16px;background:#f8fafc;box-sizing:border-box;}
.fpp-receipt{max-width:780px;width:100%;background:#fff;border:1px solid var(--fpp-border);border-top:6px solid var(--fpp-brand);border-radius:16px;padding:26px;}
.fpp-receipt-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;}
.fpp-brand-mark{font-weight:800;color:var(--fpp-brand);}
.fpp-status-pill{padding:7px 12px;border-radius:999px;background:#f3f4f6;font-weight:700;}
.fpp-receipt-title{margin:0 0 14px;}
.fpp-receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px;}
.fpp-receipt-item{border:1px solid var(--fpp-border);border-radius:12px;padding:14px;}
.fpp-receipt-item span{display:block;color:var(--fpp-muted);font-size:13px;margin-bottom:6px;}
.fpp-receipt-actions{display:flex;gap:10px;flex-wrap:wrap;}
@media (max-width:680px){
  .fpp-field-grid,.fpp-receipt-grid{grid-template-columns:1fr;}
  .fpp-training-form-compact{
    padding:14px;
    border-radius:12px;
  }
  .fpp-training-intro{
    font-size:.9rem;
  }
}