:root {--mgh-bg: #323137; --mgh-fg: #FCF6F5; --mgh-muted: #cfd3d6; --mgh-accent: #EAB887; --mgh-accent-2: #222126; --mgh-border: rgba(255,255,255,0.18); --mgh-border-focus: rgba(234,184,135,0.9); --mgh-shadow-focus: 0 0 0 0.125rem rgba(234,184,135,0.25);}
 .mgh-coursePage-overlay.is-hidden,
.mgh-coursePage-modal.is-hidden { display: none !important }
.mgh-coursePage-overlay { position: fixed; inset: 0; background: rgba(15,23,42,.5); z-index: 999998 }
.mgh-coursePage-modal { position: fixed; inset: 0; display: grid; place-items: center; z-index: 999999 }
.mgh-coursePage-modalBox { width: min(720px, 92vw); border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.12); overflow: hidden }
.mgh-coursePage-modalHead { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid #f1f5f9 }
.mgh-coursePage-modalHead h3 { margin: 0; font-size: 1.1rem; font-weight: 700 }
.mgh-coursePage-modalClose { appearance: none; border: 0; background: transparent; font-size: 20px; line-height: 1; cursor: pointer }
.mgh-coursePage-modalBody { padding: 16px }
.mgh-coursePage-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px }
.mgh-coursePage-form .field { display: flex; flex-direction: column; gap: 6px }
.mgh-coursePage-form label { font-size: .92rem; font-weight: 600 }
.mgh-coursePage-form input, .mgh-coursePage-form select {width: 100%; padding: 0.5rem 1rem; border: 1px solid #fcf6f517; border-radius: 10px; background: #fcf6f517;}
.mgh-coursePage-form .full { grid-column: 1 / -1 }
.mgh-coursePage-actions { display: flex; flex-direction: column;}
.mgh-coursePage-btn {appearance: none; background: linear-gradient(328deg, #EAB887 -70%, #222126 100%); color: #FCF6F5; padding: 0.2rem 2rem; border-radius: 0.5rem; font-weight: 500; cursor: pointer; font-size: 0.85rem;}
.mgh-coursePage-btn:hover {appearance: none; background: linear-gradient(328deg, #222126 -70%, #EAB887 100%); color: #FCF6F5; padding: 0.2rem 2rem; border-radius: 0.5rem; font-weight: 500; cursor: pointer; font-size: 0.85rem;}
.mgh-coursePage-btn.secondary { color: #0ea5e9 }
span.mgh-coursePage-price {color: #FFDFC0; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.56); font-size: 0.9rem; font-weight: 600;}
.mgh-coursePage-register .mgh-coursePage-button { appearance: none; border: 1px solid #0ea5e9; background: #0ea5e9; color: #FCF6F5; padding: 10px 14px; border-radius: 10px; font-weight: 700; cursor: pointer }
h2.mgh-projectP-titleBox {text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.54); color: #EAB887; font-size: 1.1rem;}
.mgh-coursePage-description p {font-size: 0.9rem; text-align: justify; line-height: 2.1rem; font-weight: 300; color: #fcf6f5;}
.mgh-coursePage-teachersGrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 1rem }
.mgh-coursePage-teacherCard { display: flex; flex-direction: column; align-items: stretch; gap: 8px; text-align: center; border: 1px solid #545358; border-radius: 0.6rem; margin-top: 0.5rem; background: #39383e; padding: 0 0.8rem 0.8rem 0.8rem; }
.mgh-coursePage-teacherImage img {width: 10rem;height: 10rem; border-radius: 0 0 0.8rem 0.8rem; display: block; object-fit: cover; margin: 0 auto; border: 0.01rem solid #fcf6f51a; border-top: none;}
.mgh-coursePage-teacherName  { font-weight: 600; font-size: 0.9rem; color: #FFDFC0; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.54); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.54); border-radius: 0.4rem; margin: 0.6rem 1.2rem 0.4rem;}
.mgh-coursePage-teacherDegree,
.mgh-coursePage-teacherYears,
.mgh-coursePage-teacherJob { font-size: 0.9rem; color: #FCF6F5; font-weight: 300; }
.mgh-coursePage-row{display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:1rem;}
.mgh-coursePage-row .mgh-coursePage-label{flex:0 0 calc(25% - .5rem);}
.mgh-coursePage-row .mgh-coursePage-value{flex:0 0 calc(75% - .5rem); min-width:0;}
.mgh-coursePage-details-body {display: flex; flex-direction: column; gap: 0.8rem;}
.mgh-coursePage-label { background: #323137; padding: 0.6rem 1rem; border-radius: 0.4rem; color: #FCF6F5;}
.mgh-coursePage-value { background: #323137; padding: 0.6rem 1rem; border-radius: 0.4rem; color: #FCF6F5;}
.mgh-coursePage-syllabus { display: flex; flex-direction: column; gap: 12px }
.mgh-coursePage-chapter {border-radius: 0.8rem;overflow: hidden; background: #323137; padding: 0.6rem 0.3rem;}
.mgh-coursePage-chapterHead { display: flex; justify-content: flex-start; align-items: center; padding: 0.9rem 1.1rem;}
.mgh-coursePage-chapterTitle { font-size: 1rem; color: #FCF6F5; font-weight: 500; margin-right: 0.2rem;}
.mgh-coursePage-lessons li {padding: 0.6rem; border: 1px solid #545358; border-radius: 0.6rem; margin-top: 0.5rem; background: #39383e; list-style: none !important;}
.mgh-coursePage-faq {display: flex; flex-direction: column; gap: 1rem; border-radius: 0.8rem; overflow: hidden; background: #323137; padding: 1.2rem 1.4rem;}
.mgh-coursePage-faqItem { border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden }
.mgh-coursePage-faqQ { width: 100%; text-align: right; padding: 12px 14px; border: 0; background: transparent; font-weight: 700; cursor: pointer }
.mgh-coursePage-faqA { display: none; padding: 0 14px 14px; color: #374151 }
.mgh-coursePage-faqItem.is-open .mgh-coursePage-faqA { display: block }
details.mgh-coursePage-accitem {padding: 0.8rem; border: 1px solid #545358; border-radius: 0.6rem; margin-top: 0.5rem; background: #39383e; display: flex; flex-direction: column; gap: 1rem; cursor: pointer;}
.mgh-coursePage-faq-a p {margin-bottom: 0 !important;font-size: 0.85rem; font-weight: 300; color: #d5d5d5bf;}
summary.mgh-coursePage-acchead {font-size: 0.92rem; font-weight: 500; color: #FCF6F5;}
.mgh-coursePage-accitem:not([open]) {margin-bottom: 0 !important; padding-bottom: 0 !important; padding-top: 1rem !important;}
.mgh-coursePage-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.6); z-index: 9998; }
.mgh-coursePage-modal { position: fixed; inset: 0; display: grid; place-items: center; z-index: 9999; }
.mgh-coursePage-modal.is-hidden,
.mgh-coursePage-overlay.is-hidden { display: none !important; }
.mgh-coursePage-modal-inner.mgh-glass {width: min(44rem, 92vw); border-radius: 0.875rem; border: 0.063rem solid rgba(255,255,255,0.16); background: rgba(34,33,38,0.55); -webkit-backdrop-filter: saturate(1.6) blur(0.75rem); backdrop-filter: saturate(1.6) blur(0.75rem); box-shadow: 0 0.75rem 2rem rgba(0,0,0,.25); overflow: hidden; color: #FCF6F5;}
.mgh-coursePage-modal-head {display: flex; align-items: center; justify-content: space-between;padding: 0.875rem 1rem; border-bottom: 0.063rem solid rgba(255,255,255,0.12);}
.mgh-coursePage-modal-title { margin: 0; font-size: 1rem; font-weight: 500; color: #EAB887; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.54);}
.mgh-coursePage-close {appearance: none; border: 0; background: transparent;font-size: 1.4rem; line-height: 1; color: #FCF6F5; cursor: pointer;}
.mgh-coursePage-close:hover {appearance: none; border: 0; background: transparent;font-size: 1.46rem; line-height: 1; color: #FCF6F8; cursor: pointer;}
.mgh-coursePage-form {display: block; padding: 1rem;}
.mgh-coursePage-grid {display: flex; flex-wrap: wrap; gap: 1rem;}
.mgh-coursePage-field {display: flex; flex-direction: column; gap: 0.375rem;flex: 1 1 calc(50% - 0.5rem);min-width: 12rem;}
.mgh-coursePage-field label {font-size: 0.85rem !important; font-weight: 500 !important; color: #ffdfc0 !important;}
.mgh-label { font-size: 0.9rem; font-weight: 600; color: var(--mgh-accent); }
.mgh-input, .mgh-select {width: 100%; padding: 0.75rem; border-radius: 0.6rem; border: 0.063rem solid var(--mgh-border); background: var(--mgh-bg); color: var(--mgh-fg); outline: none; transition: box-shadow .2s ease, border-color .2s ease, background-color .2s ease;}
.mgh-input::placeholder { color: #b9bec3; opacity: .9; }
.mgh-select:invalid, .mgh-input:invalid { box-shadow: none; }
.mgh-input:focus, .mgh-select:focus {border-color: var(--mgh-border-focus); box-shadow: var(--mgh-shadow-focus);}
.mgh-error {min-height: 1rem; font-size: 0.75rem; color: #ff6b6b;}
.mgh-coursePage-btn:hover {background: linear-gradient(328deg, var(--mgh-accent-2) -70%, var(--mgh-accent) 100%);}
.mgh-coursePage-btn:active { transform: translateY(0.0625rem); }
.mgh-coursePage-msg { display: none; }
.mgh-coursePage-actions > .mgh-coursePage-msg:not(:empty) {display: block;background: #77bb774d; border: 0.01rem solid #81d08161; border-radius: 0.2rem; padding: 0.8rem 0.5rem; font-size: 0.8rem; font-weight: 500; margin-top: 1rem; color: #e1e5e1; text-align: center;}
.mgh-coursePage-actions > .mgh-coursePage-msg.is-success:not(:empty) {background: #77bb774d; border: 0.01rem solid #81d08161; color: #e1e5e1;}
.mgh-coursePage-actions > .mgh-coursePage-msg.is-warn:not(:empty) {background: rgb(255 0 0 / 18%); border-color: rgb(255 138 138 / 16%); color: #ffe8d4;}
.mgh-coursePage-actions > .mgh-coursePage-msg.is-error:not(:empty) {background: rgb(255 0 0 / 18%); border-color: rgb(255 138 138 / 16%); color: #ffe8d4;}
.mgh-coursePage-btn.is-disabled,.mgh-coursePage-btn[disabled],.mgh-coursePage-btn[aria-disabled="true"] {opacity: 0.6; cursor: not-allowed; pointer-events: none; filter: grayscale(15%);}
.mgh-coursePage-btn:not(.is-disabled):not([disabled]):hover {background: linear-gradient(328deg, var(--mgh-accent-2) -70%, var(--mgh-accent) 100%);}


.mgh-coursePage-hp{position:absolute !important; left:-10000rem !important; width:0.0625rem !important; height:0.0625rem !important; opacity:0 !important; pointer-events:none !important;}
input#mghcp_HjdydfPd_phone {text-align: right !important;}

@media (max-width: 640px) {
  .mgh-coursePage-form { grid-template-columns: 1fr }
}