.enrollment-step-panel{border-radius:1.25rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 20px 40px -15px rgba(35,78,82,.1),0 0 0 1px rgba(35,78,82,.02);overflow:hidden}@media (min-width:640px){.enrollment-step-panel{border-radius:1.75rem}}.enrollment-step-panel-header{padding:1rem 1rem .875rem;border-bottom:1px solid #f3f4f6;background:color-mix(in srgb,var(--iqra-primary) 6%,#fff)}@media (min-width:640px){.enrollment-step-panel-header{padding:1.75rem 2rem 1.5rem}}.enrollment-step-panel-body{padding:1rem;min-width:0;overflow-x:clip}@media (min-width:640px){.enrollment-step-panel-body{padding:1.75rem 2rem 2rem}}.enrollment-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;border-radius:.75rem;font-size:.75rem;font-weight:700;color:#fff;background-image:linear-gradient(to right,var(--iqra-primary),var(--iqra-secondary));box-shadow:0 1px 2px rgba(0,0,0,.05);transition:filter .15s ease,box-shadow .15s ease}@media (min-width:640px){.enrollment-primary-btn{gap:.5rem;padding:.75rem 2rem;font-size:.875rem}}.enrollment-primary-btn:hover:not(:disabled){filter:brightness(1.08)}.enrollment-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;border:2px solid transparent;border-radius:.75rem;font-size:.75rem;font-weight:700;color:#374151;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,var(--iqra-primary),var(--iqra-secondary)) border-box;transition:filter .15s ease,color .15s ease,background-color .15s ease}@media (min-width:640px){.enrollment-secondary-btn{gap:.5rem;padding:.75rem 2rem;border:3px solid transparent;font-size:.875rem}}.enrollment-secondary-btn:hover{filter:brightness(1.08);color:var(--iqra-primary);background:linear-gradient(color-mix(in srgb,var(--iqra-primary) 6%,#fff),color-mix(in srgb,var(--iqra-primary) 6%,#fff)) padding-box,linear-gradient(to right,var(--iqra-primary),var(--iqra-secondary)) border-box}.enrollment-secondary-btn-on-dark{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;border:2px solid transparent;border-radius:.75rem;font-size:.75rem;font-weight:700;color:#374151;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,var(--iqra-primary),var(--iqra-secondary)) border-box;transition:filter .15s ease,color .15s ease}@media (min-width:640px){.enrollment-secondary-btn-on-dark{gap:.5rem;padding:.75rem 2rem;border:3px solid transparent;font-size:.875rem}}.enrollment-secondary-btn-on-dark:hover{filter:brightness(1.04);color:var(--iqra-primary);background:linear-gradient(color-mix(in srgb,var(--iqra-primary) 6%,#fff),color-mix(in srgb,var(--iqra-primary) 6%,#fff)) padding-box,linear-gradient(to right,var(--iqra-primary),var(--iqra-secondary)) border-box}.enrollment-primary-btn:disabled{opacity:.5;cursor:not-allowed}.enrollment-radio-card{position:relative;display:block;cursor:pointer;border-radius:1rem;border:2px solid #e5e7eb;background:#fff;padding:1.25rem 1.5rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.enrollment-radio-card:hover{border-color:color-mix(in srgb,var(--iqra-primary) 40%,#fff);box-shadow:0 4px 14px -8px rgba(35,78,82,.15)}.enrollment-radio-card:has(:checked){border-color:var(--iqra-primary);background-color:color-mix(in srgb,var(--iqra-primary) 4%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--iqra-primary) 25%,transparent),0 4px 14px -4px color-mix(in srgb,var(--iqra-primary) 35%,transparent);color:#111827}.enrollment-radio-icon{padding:.75rem;border-radius:.75rem;background:#f3f4f6;color:#4b5563;transition:background-color .2s ease,color .2s ease;flex-shrink:0}.enrollment-radio-card:has(:checked) .enrollment-radio-icon{background-color:var(--iqra-primary);color:#fff}.enrollment-radio-check{position:absolute;top:1rem;right:1rem;z-index:0;pointer-events:none;display:flex;height:1.75rem;width:1.75rem;align-items:center;justify-content:center;border-radius:9999px;border:2px solid #e5e7eb;background:#fff;color:transparent;opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.enrollment-radio-card:has(:checked) .enrollment-radio-check{opacity:1;transform:scale(1);border-color:#000;background-color:var(--iqra-secondary);color:#fff;box-shadow:none;z-index:10}.enrollment-chip{position:relative;padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:600;border:2px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.enrollment-chip:hover{border-color:color-mix(in srgb,var(--iqra-primary) 40%,#fff)}.enrollment-chip-active,.enrollment-chip:has(:checked){border-color:var(--iqra-primary);background-color:color-mix(in srgb,var(--iqra-primary) 10%,#fff);color:var(--iqra-primary);box-shadow:0 1px 3px rgba(0,0,0,.05)}.enrollment-day-chip{position:relative;display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.5rem .25rem;border-radius:.75rem;border:2px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease}.enrollment-day-chip:hover{border-color:color-mix(in srgb,var(--iqra-primary) 40%,#fff)}.enrollment-day-chip--active{border-color:var(--iqra-primary);background-color:color-mix(in srgb,var(--iqra-primary) 10%,#fff);color:var(--iqra-primary);box-shadow:0 1px 3px rgba(0,0,0,.05);font-weight:700}.enrollment-day-chip-full,.enrollment-day-chip-label{font-size:.8125rem;font-weight:700;letter-spacing:.02em}.enrollment-day-chip-full{display:none}@media (min-width:640px){.enrollment-day-chip{min-height:3rem}.enrollment-day-chip-label{display:none}.enrollment-day-chip-full{display:inline}}.enrollment-course-unit{position:relative;min-width:0;max-width:100%;border-radius:1rem;border:2px solid #f3f4f6;background:#fff;overflow:visible;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.enrollment-course-unit:hover{border-color:color-mix(in srgb,var(--iqra-primary) 30%,#fff);box-shadow:0 2px 8px -4px rgba(35,78,82,.12)}.enrollment-course-unit--selected{border-color:var(--iqra-primary);background-color:color-mix(in srgb,var(--iqra-primary) 5%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--iqra-primary) 18%,transparent),0 2px 10px -4px color-mix(in srgb,var(--iqra-primary) 25%,transparent)}.enrollment-course-unit-select{display:flex;align-items:flex-start;gap:.875rem;width:100%;min-width:0;max-width:100%;margin:0;padding:1.125rem 1.25rem;border:0;background:transparent;cursor:pointer;text-align:left;-moz-appearance:none;appearance:none;-webkit-appearance:none}.enrollment-course-unit-select:focus-visible{outline:2px solid color-mix(in srgb,var(--iqra-primary) 45%,#fff);outline-offset:-4px;border-radius:.75rem}.enrollment-course-unit-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border-top:1px solid #f3f4f6;padding:.5rem .75rem .75rem;background:color-mix(in srgb,var(--iqra-primary) 3%,#fff);border-bottom-left-radius:calc(1rem - 2px);border-bottom-right-radius:calc(1rem - 2px)}.enrollment-course-unit--selected .enrollment-course-unit-footer{border-top-color:color-mix(in srgb,var(--iqra-primary) 18%,#fff);background:color-mix(in srgb,var(--iqra-primary) 7%,#fff)}.enrollment-course-unit-desc-btn{display:inline-flex;align-items:center;gap:.375rem;flex:1 1 auto;min-width:0;justify-content:center;padding:.45rem .65rem;border-radius:.625rem;border:1px solid color-mix(in srgb,var(--iqra-primary) 22%,#fff);background:#fff;font-size:.75rem;font-weight:700;color:var(--iqra-primary);cursor:pointer;text-decoration:none}@media (min-width:480px){.enrollment-course-unit-desc-btn{flex:0 1 auto;width:auto}}.enrollment-course-unit-desc-btn:active{background:color-mix(in srgb,var(--iqra-primary) 8%,#fff)}.enrollment-course-card{position:relative;display:flex;align-items:flex-start;gap:.875rem;min-width:0;max-width:100%;cursor:pointer;padding:1.125rem 1.25rem;border-radius:1rem;border:2px solid #f3f4f6;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;overflow:visible}.enrollment-chip>input[type=checkbox],.enrollment-course-card>input[type=checkbox],.enrollment-radio-card>input[type=radio]{position:absolute;inset:0;z-index:10;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.enrollment-course-card:hover{border-color:color-mix(in srgb,var(--iqra-primary) 30%,#fff);box-shadow:0 2px 8px -4px rgba(35,78,82,.12)}.enrollment-course-card:has(:checked){border-color:var(--iqra-primary);background-color:color-mix(in srgb,var(--iqra-primary) 5%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--iqra-primary) 18%,transparent),0 2px 10px -4px color-mix(in srgb,var(--iqra-primary) 25%,transparent)}.enrollment-course-check{position:relative;z-index:0;pointer-events:none;margin-top:.125rem;display:flex;height:1.25rem;width:1.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.375rem;border:2px solid #d1d5db;background:#fff;transition:border-color .2s ease,background-color .2s ease}.enrollment-course-check svg{opacity:0;transition:opacity .2s ease}.enrollment-course-card:has(:checked) .enrollment-course-check,.enrollment-course-unit--selected .enrollment-course-check{border-color:var(--iqra-primary);background-color:var(--iqra-primary)}.enrollment-course-card:has(:checked) .enrollment-course-check svg,.enrollment-course-unit--selected .enrollment-course-check svg{opacity:1}.enrollment-stepper-active{background-color:var(--iqra-primary);color:#fff;box-shadow:0 4px 12px -4px rgba(35,78,82,.4)}.enrollment-stepper-done{color:var(--iqra-primary);background-color:color-mix(in srgb,var(--iqra-primary) 10%,#fff);border:1px solid color-mix(in srgb,var(--iqra-primary) 20%,#fff)}.enrollment-stepper-done:hover{background-color:color-mix(in srgb,var(--iqra-primary) 15%,#fff)}.enrollment-stepper-todo{color:#9ca3af;background-color:#f9fafb;border:1px solid #f3f4f6}