.online-label { text-align:center; color:#64748b; font-size:11px; font-weight:900; text-transform:uppercase; margin:16px 0; }
.enrollment-box { border:1px solid #e5e7eb; border-top:4px solid #ff1493; border-radius:8px; background:#fff; color:#111827; padding:18px; box-shadow:0 14px 35px rgba(17,24,39,.08); }
.course-enrollment { border:0; padding:0; border-radius:0; }
.course-detail .course-enrollment { display:grid; gap:12px; }
.course-enrollment .online-label { display:flex; align-items:center; gap:10px; margin:0; font-size:12px; font-weight:950; color:#6b7280; }
.online-label::before,.online-label::after { content:""; flex:1; height:1px; background:#e5e7eb; }
.enrollment-kicker { color:#ff1493; font-size:12px; font-weight:900; line-height:1.2; text-transform:uppercase; margin-bottom:5px; }
.course-detail .enrollment-box h2 { color:#111827; margin:0 0 8px; font-size:23px; line-height:1.12; font-weight:900; text-transform:uppercase; }
.enrollment-copy { font-size:14px; color:#4b5563; line-height:1.45; margin:0 0 12px; }
.enrollment-price { display:flex; align-items:baseline; gap:8px; margin:10px 0 3px; }
.enrollment-price strong { font-size:32px; font-weight:950; line-height:1; }
.enrollment-price span { font-size:13px; font-weight:800; color:#6b7280; }
.enrollment-meta { display:grid; gap:5px; margin:10px 0 14px; line-height:1.35; }
.enrollment-meta>div { display:flex; justify-content:space-between; gap:12px; padding-bottom:5px; border-bottom:1px solid #f3f4f6; font-size:13px; }
.enrollment-meta>div:last-child { border-bottom:0; padding-bottom:0; }
.enrollment-meta dt { color:#6b7280; }.enrollment-meta dd { margin:0; text-align:right; font-weight:800; }
.enrollment-form { display:grid; gap:9px; }
.enrollment-form label { display:grid; gap:4px; margin:0; font-size:13px; font-weight:850; }
.enrollment-form input:not([type=checkbox]):not(.enrollment-honeypot),.enrollment-form textarea { margin:0; border:1px solid #d1d5db; border-radius:8px; padding:9px 11px; font-size:15px; line-height:1.3; font-weight:400; }
.enrollment-form textarea { min-height:64px; resize:vertical; }
.enrollment-form label.check { display:flex; gap:9px; align-items:flex-start; font-size:12px; font-weight:400; color:#4b5563; line-height:1.3; margin:3px 0; }
.enrollment-form .check span { padding-top:0; }.enrollment-form .check input { margin:0; width:17px; height:17px; flex-basis:17px; }
.enrollment-form .button { width:100%; min-height:44px; border:0; border-radius:8px; background:#111827; margin-top:4px; text-transform:uppercase; font-weight:900; line-height:1.2; padding:11px 14px; }
.enrollment-form .button:hover { background:#ff1493; }
.enrollment-form>.button { margin-top:18px; }
.enrollment-form label.check { margin:0; line-height:1.35; gap:8px; }
.enrollment-form .check input { margin:1px 0 0; width:18px; height:18px; flex-basis:18px; }
.enrollment-honeypot { position:absolute; width:1px; height:1px; left:-9999px; }
.local-checkout { padding-block:64px; min-height:65vh; }.local-checkout h1 { font-size:30px; }
.local-checkout-amount { font-size:32px; font-weight:800; }
.enrollment-notice { display:grid; gap:4px; border:1px solid #e5e7eb; border-radius:8px; padding:14px; background:#f8fafc; margin-bottom:16px; font-size:13px; }
.enrollment-notice.success { background:#f0fdf4; color:#166534; border-color:#bbf7d0; }
.local-checkout form { display:flex; gap:12px; flex-wrap:wrap; }.local-checkout .form-error { flex-basis:100%; }
@media(max-width:1023px){.enrollment-box{padding:16px;}}