/* Shared registration modal on editorial course pages; no page-wide resets. */
#cpfFirstStep { --ink: #111114; --blue: #236ce0; --orange: #236ce0; font-family: inherit; font-size: 16px; line-height: 1.5; color: #162f59; }
#cpfFirstStep [hidden] { display: none !important; }
#cpfFirstStep button, #cpfFirstStep input, #cpfFirstStep select, #cpfFirstStep textarea { font-family: inherit; }
#cpfFirstStep .pill-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 13px 20px; border: 0; border-radius: 999px; background: #236ce0; color: #fff; font-weight: 700; text-align: center; cursor: pointer; box-shadow: 0 14px 32px rgba(17,17,20,.12); transition: background .2s, box-shadow .2s; }
#cpfFirstStep .pill-button:hover { background: #1855b7; }
#cpfFirstStep .pill-button:focus-visible { outline: 3px solid #9cc2ff; outline-offset: 3px; }
#cpfFirstStep .form-control { border: 1px solid #dbe4ef; border-radius: 12px; background-color: #fff; color: #162f59; font-size: 16px; }
#cpfFirstStep .form-floating > .form-control { height: 58px; min-height: 58px; padding: 1.625rem .85rem .625rem; }
#cpfFirstStep .form-floating > label { padding: 1rem .85rem; color: #68788c; }
#cpfFirstStep .form-control:focus { border-color: #83b0ff; box-shadow: 0 0 0 3px #e0ecff; }
#cpfFirstStep .selected-format-pill { margin: 16px 0 22px; padding: 6px 0; }
#cpfFirstStep .selected-format-summary { position: relative; display: inline-block; padding-bottom: 12px; margin: 0; font-size: .9rem; font-weight: 800; letter-spacing: .075em; text-transform: uppercase; color: #111114; }
#cpfFirstStep .selected-format-summary::after { content: ''; position: absolute; left: 0; bottom: 0; width: 56px; height: 4px; border-radius: 999px; background: #236ce0; }
#cpfFirstStep .selected-format-reassurance { margin: 12px 0 0; color: #107a45; font-size: .9rem; font-weight: 700; line-height: 1.4; }
#cpfFirstStep #wait3 { display: none; width: 28px; margin: 0 auto; }
#cpfFirstStep .modal-header img { height: auto; }
@media (max-width: 575px) { #cpfFirstStep .modal-dialog { margin: 12px; } #cpfFirstStep .modal-body { padding: 0 18px 24px; max-height: calc(100dvh - 110px); } }