@charset "UTF-8";
.mup-pg {
--red: #e21a2d;
--red-dk: #b8121f;
--red-lt: #fdecee;
--yellow: #ffc629;
--yellow-lt: #fff6db;
--yellow-dk: #8a5d00;
--green: #0c8a4e;
--green-dk: #096b3c;
--ink: #1d2430;
--ink-2: #2c3544;
--muted: #5b6676;
--line: #e3e7ee;
--chalk: #f4f6f9;
--white: #fff;
--r-sm: 10px;
--r-md: 16px;
--r-lg: 24px;
--shadow-sm: 0 2px 12px rgba(29, 36, 48, .07);
--shadow-md: 0 8px 30px rgba(29, 36, 48, .12);
--shadow-lg: 0 18px 50px rgba(29, 36, 48, .2);
--ease: cubic-bezier(.4, 0, .2, 1);
--sp: clamp(3.5rem, 7vw, 6rem);
--head-h: var(--mup-head-h, 76px);
font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
color: var(--ink);
font-size: 16px;
line-height: 1.65;
overflow-x: clip;
-webkit-font-smoothing: antialiased;
}
.mup-pg *, .mup-pg *::before, .mup-pg *::after { box-sizing: border-box; }
:where(.mup-pg) :is(h1, h2, h3, h4) { font-family: inherit; color: inherit; line-height: 1.2; margin: 0; font-weight: 700; letter-spacing: -.01em; }
:where(.mup-pg) p { margin: 0 0 1em; }
:where(.mup-pg) p:last-child { margin-bottom: 0; }
:where(.mup-pg) a { color: var(--red); }
:where(.mup-pg) img { max-width: 100%; height: auto; display: block; }
:where(.mup-pg) :is(ul, ol) { margin: 0; padding: 0; list-style: none; }
.mup-pg button { font-family: inherit; cursor: pointer; }
.mup-pg [hidden] { display: none !important; }
.mup-pg section[id] { scroll-margin-top: calc(var(--head-h) + 64px); }
.mup-pg #book { scroll-margin-top: calc(var(--head-h) + 16px); } .mup-pg a:where(:link, :visited, :hover, :focus, :active) { color: var(--red); }
.mup-pg button.mup-btn:where(:hover, :focus, :active) { border-color: transparent; }
.mup-pg button.mup-btn--outline-dark { border-color: var(--line); }
.mup-pg button.mup-btn--outline-dark:where(:hover, :focus, :active) { border-color: var(--ink); }
.mup-ic { width: 1.15em; height: 1.15em; flex-shrink: 0; }
@media (prefers-reduced-motion: reduce) {
.mup-pg * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
html { scroll-behavior: auto !important; }
} .mup-wrap { max-width: 1200px; margin: 0 auto; padding: 0 clamp(1rem, 4vw, 2rem); position: relative; z-index: 1; }
.mup-section { padding: var(--sp) 0; position: relative; background: var(--white); }
.mup-section--chalk { background: var(--chalk); }
.mup-section--dark { background: linear-gradient(150deg, var(--ink) 0%, var(--ink-2) 100%); color: #fff; }
.mup-section--red { background: var(--red); color: #fff; padding: clamp(2.75rem, 5vw, 4rem) 0; }
.mup-center { text-align: center; }
.mup-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.mup-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.mup-head { text-align: center; max-width: 720px; margin: 0 auto clamp(2rem, 4vw, 3rem); }
.mup-head h2 { font-size: clamp(1.75rem, 3.6vw, 2.6rem); margin: .7rem 0 .9rem; }
.mup-head p { color: var(--muted); font-size: 1.05rem; }
.mup-head--light p { color: rgba(255, 255, 255, .72); }
.mup-head--light strong { color: #fff; }
.mup-h3 { font-size: clamp(1.3rem, 2.4vw, 1.7rem); margin-bottom: .8rem; }
.mup-lead { font-size: 1.15rem; }
.mup-more { margin-top: 2rem; font-weight: 600; }
.mup-more a { display: inline-flex; align-items: center; gap: .4rem; text-decoration: none; }
.mup-more a:hover { text-decoration: underline; } .mup-wave { position: absolute; left: 0; right: 0; bottom: -1px; height: clamp(36px, 6vw, 80px); line-height: 0; pointer-events: none; z-index: 0; }
.mup-wave svg { width: 100%; height: 100%; display: block; }
.mup-wave--flip { top: 0; bottom: auto; transform: translateY(calc(-100% + 1px)); }
.mup-wave--white path { fill: #fff; }
.mup-wave--chalk path { fill: var(--chalk); }
.mup-wave--dark path { fill: var(--ink); }
.mup-wave--red path { fill: var(--red); } .mup-eyebrow { display: inline-flex; align-items: center; gap: .5rem; padding: .35rem .95rem; border-radius: 50px; font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; background: var(--red-lt); color: var(--red-dk); }
.mup-eyebrow::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--red); }
.mup-eyebrow--light { background: rgba(255, 255, 255, .12); color: #fff; }
.mup-eyebrow--light::before { background: var(--yellow); }
.mup-pill { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .85rem; border-radius: 50px; font-size: .78rem; font-weight: 700; }
.mup-pill--green { background: rgba(12, 138, 78, .1); color: var(--green-dk); }
.mup-tag { display: inline-block; padding: .15rem .6rem; border-radius: 50px; background: var(--yellow-lt); color: var(--yellow-dk); font-size: .72rem; font-weight: 700; letter-spacing: .02em; vertical-align: middle; } .mup-btn { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; padding: .85rem 1.7rem; border-radius: 50px; border: 2px solid transparent; font: 700 .95rem/1.2 'Poppins', sans-serif; text-decoration: none !important; text-align: center; transition: transform .2s var(--ease), box-shadow .2s var(--ease), background .2s, color .2s, border-color .2s; }
.mup-btn:hover { transform: translateY(-2px); }
.mup-btn:focus-visible { outline: 3px solid var(--yellow); outline-offset: 3px; }
.mup-btn--lg { padding: 1rem 2rem; font-size: 1rem; }
.mup-btn--block { width: 100%; }
.mup-btn--green { background: var(--green); color: #fff !important; box-shadow: 0 6px 20px rgba(12, 138, 78, .3); }
.mup-btn--green:hover { background: var(--green-dk); box-shadow: 0 10px 28px rgba(12, 138, 78, .4); }
.mup-btn--glow { box-shadow: 0 0 0 6px rgba(255, 255, 255, .15), 0 10px 30px rgba(0, 0, 0, .2); }
.mup-btn--red { background: var(--red); color: #fff !important; }
.mup-btn--red:hover { background: var(--red-dk); }
.mup-btn--dark { background: var(--ink); color: #fff !important; }
.mup-btn--dark:hover { background: var(--ink-2); box-shadow: var(--shadow-md); }
.mup-btn--ghost { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .45); }
.mup-btn--ghost:hover { border-color: #fff; background: rgba(255, 255, 255, .08); }
.mup-btn--outline { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .35); }
.mup-btn--outline:hover { border-color: #fff; }
.mup-btn--outline-dark { background: #fff; color: var(--ink) !important; border-color: var(--line); }
.mup-btn--outline-dark:hover { border-color: var(--ink); } .mup-hero { position: relative; background: linear-gradient(150deg, var(--ink) 0%, var(--ink-2) 100%); color: #fff; padding: clamp(2.5rem, 6vw, 4.5rem) 0 clamp(5rem, 9vw, 8rem); overflow: hidden; }
.mup-hero::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px); background-size: 28px 28px; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 30%, #000 70%, transparent); mask-image: linear-gradient(to bottom, transparent, #000 30%, #000 70%, transparent); }
.mup-hero::after { content: ''; position: absolute; width: 640px; height: 640px; border-radius: 50%; background: radial-gradient(circle, rgba(226, 26, 45, .22) 0%, transparent 70%); top: -220px; right: -180px; pointer-events: none; }
.mup-hero h1 { font-size: clamp(2rem, 4.6vw, 3.35rem); line-height: 1.1; margin: 1rem 0 1.1rem; color: #fff; }
.mup-hero__lead { font-size: clamp(1rem, 1.6vw, 1.12rem); color: rgba(255, 255, 255, .78); max-width: 560px; }
.mup-hero__grid { display: grid; grid-template-columns: 1fr minmax(0, 520px); gap: clamp(2rem, 5vw, 4.5rem); align-items: start; }
.mup-hero__copy { padding-top: clamp(0rem, 3vw, 2.5rem); position: sticky; top: calc(var(--head-h) + 1.5rem); }
.mup-ticks { margin: 1.75rem 0 2rem; display: grid; gap: .7rem; }
.mup-ticks li { display: flex; align-items: flex-start; gap: .7rem; color: rgba(255, 255, 255, .88); }
.mup-ticks .mup-ic { width: 24px; height: 24px; padding: 4px; border-radius: 50%; background: var(--yellow); color: var(--ink); stroke-width: 3; margin-top: 1px; }
.mup-ticks strong { color: #fff; }
.mup-hero__facts { display: flex; gap: 1rem; flex-wrap: wrap; }
.mup-hero__facts div { padding: .8rem 1.1rem; border-radius: var(--r-md); background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .12); min-width: 128px; }
.mup-hero__facts strong { display: block; font-size: 1.4rem; color: var(--yellow); line-height: 1.1; }
.mup-hero__facts span { font-size: .8rem; color: rgba(255, 255, 255, .7); }
.mup-hero__center { text-align: center; max-width: 900px; }
.mup-hero--why h1 span { color: var(--yellow); display: block; }
.mup-hero--why .mup-hero__lead { margin: 0 auto 2rem; }
.mup-hero__ctas { display: flex; gap: .9rem; justify-content: center; flex-wrap: wrap; }
.mup-stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; margin-top: clamp(2.5rem, 5vw, 3.5rem); background: rgba(255, 255, 255, .12); border-radius: var(--r-lg); overflow: hidden; border: 1px solid rgba(255, 255, 255, .12); }
.mup-stats li { background: rgba(29, 36, 48, .55); padding: 1.3rem 1rem; text-align: center; }
.mup-stats strong { display: block; font-size: clamp(1.5rem, 2.8vw, 2.1rem); line-height: 1.1; color: #fff; }
.mup-stats li:nth-child(odd) strong { color: var(--yellow); }
.mup-stats span { font-size: .8rem; color: rgba(255, 255, 255, .7); } .mup-form-card { background: #fff; color: var(--ink); border-radius: var(--r-lg); padding: clamp(1.4rem, 3vw, 2rem); box-shadow: var(--shadow-lg); border-top: 5px solid var(--red); position: relative; }
.mup-form-card__head h2 { font-size: 1.55rem; margin: .7rem 0 .25rem; }
.mup-form-card__head p { color: var(--muted); font-size: .92rem; margin-bottom: 1.1rem; }
.mup-form { display: grid; gap: 1.1rem; }
.mup-form__group { border: 0; margin: 0; padding: 0; display: grid; gap: .8rem; min-width: 0; }
.mup-form__group legend { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--red); margin-bottom: .55rem; padding: 0; display: flex; align-items: center; gap: .6rem; width: 100%; }
.mup-form__group legend::after { content: ''; flex: 1; height: 1px; background: var(--line); }
.mup-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.mup-field { display: grid; gap: .3rem; margin: 0; min-width: 0; }
.mup-field > span { font-size: .82rem; font-weight: 600; color: var(--ink); }
.mup-field em { font-style: normal; font-weight: 400; color: var(--muted); }
.mup-field input, .mup-field select, .mup-field textarea { width: 100%; font: 400 .95rem/1.4 'Poppins', sans-serif; color: var(--ink); background: #fff; border: 1.5px solid var(--line); border-radius: var(--r-sm); padding: .72rem .85rem; transition: border-color .2s, box-shadow .2s; -webkit-appearance: none; appearance: none; margin: 0; }
.mup-field select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6676' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .8rem center; background-size: 16px; padding-right: 2.4rem; }
.mup-field textarea { resize: vertical; min-height: 84px; }
.mup-field input:focus, .mup-field select:focus, .mup-field textarea:focus { outline: none; border-color: var(--ink); box-shadow: 0 0 0 3px rgba(255, 198, 41, .45); }
.mup-pg [aria-invalid="true"] { border-color: var(--red) !important; background-color: #fff8f8 !important; }
.mup-form-error { background: var(--red-lt); color: var(--red-dk); border-radius: var(--r-sm); padding: .65rem .9rem; font-size: .88rem; font-weight: 600; margin-bottom: 1rem; }
.mup-form-error--inline { margin: -.2rem 0 0; }
.mup-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mup-chips { display: flex; flex-wrap: wrap; gap: .45rem; }
.mup-chip { position: relative; margin: 0; }
.mup-chip input { position: absolute; opacity: 0; inset: 0; cursor: pointer; margin: 0; }
.mup-chip span { display: inline-block; padding: .45rem .9rem; border-radius: 50px; border: 1.5px solid var(--line); font-size: .82rem; font-weight: 500; transition: all .15s; user-select: none; }
.mup-chip input:checked + span { background: var(--ink); border-color: var(--ink); color: #fff; }
.mup-chip input:focus-visible + span { box-shadow: 0 0 0 3px rgba(255, 198, 41, .6); }
.mup-chips--days .mup-chip span { min-width: 52px; text-align: center; }
.mup-centre-pick { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; }
.mup-centre-opt { position: relative; margin: 0; }
.mup-centre-opt input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.mup-centre-opt > span { display: flex; flex-direction: column; align-items: center; text-align: center; gap: .15rem; padding: .8rem .4rem; border: 1.5px solid var(--line); border-radius: var(--r-md); transition: all .15s; height: 100%; }
.mup-centre-opt .mup-ic { color: var(--red); width: 20px; height: 20px; }
.mup-centre-opt strong { font-size: .9rem; }
.mup-centre-opt small { font-size: .68rem; color: var(--muted); line-height: 1.3; }
.mup-centre-opt input:checked + span { border-color: var(--red); background: var(--red-lt); box-shadow: inset 0 0 0 1px var(--red); }
.mup-centre-opt input:focus-visible + span { box-shadow: 0 0 0 3px rgba(255, 198, 41, .6); }
.mup-hsc-note { display: flex; gap: .6rem; align-items: flex-start; background: var(--yellow-lt); border: 1px solid rgba(255, 198, 41, .6); border-radius: var(--r-sm); padding: .7rem .85rem; font-size: .86rem; margin: 0; }
.mup-hsc-note .mup-ic { color: var(--yellow-dk); margin-top: 2px; }
.mup-form__fine { display: flex; gap: .5rem; align-items: flex-start; font-size: .78rem; color: var(--muted); margin: 0; }
.mup-form__fine .mup-ic { color: var(--green); margin-top: 2px; }
.mup-form-done { text-align: center; padding: 1.5rem .5rem; }
.mup-form-done__icon { width: 68px; height: 68px; border-radius: 50%; background: var(--green); color: #fff; display: inline-grid; place-items: center; margin-bottom: 1rem; box-shadow: 0 0 0 10px rgba(12, 138, 78, .12); }
.mup-form-done__icon .mup-ic { width: 34px; height: 34px; stroke-width: 3; }
.mup-form-done h2, .mup-form-done h3 { font-size: 1.5rem; margin-bottom: .7rem; }
.mup-form-done p { color: var(--muted); margin-bottom: 1.4rem; } .mup-steps { position: relative; max-width: 880px; margin: 0 auto 2.5rem; display: grid; gap: 1.1rem; counter-reset: s; }
.mup-steps::before { content: ''; position: absolute; left: 27px; top: 30px; bottom: 30px; width: 3px; background: repeating-linear-gradient(to bottom, var(--red) 0 8px, transparent 8px 16px); opacity: .35; }
.mup-step { display: grid; grid-template-columns: 58px 1fr; gap: 1.1rem; align-items: start; position: relative; }
.mup-step__num { width: 58px; height: 58px; border-radius: 50%; background: var(--red); color: #fff; display: grid; place-items: center; font-size: 1.35rem; font-weight: 800; box-shadow: 0 0 0 6px #fff, 0 8px 20px rgba(226, 26, 45, .3); position: relative; z-index: 1; }
.mup-step:last-child .mup-step__num { background: var(--yellow); color: var(--ink); box-shadow: 0 0 0 6px #fff, 0 8px 20px rgba(255, 198, 41, .45); }
.mup-step__card { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 1.3rem 1.5rem 1.3rem 4.6rem; position: relative; box-shadow: var(--shadow-sm); transition: transform .2s var(--ease), box-shadow .2s; }
.mup-step__card:hover { transform: translateX(4px); box-shadow: var(--shadow-md); }
.mup-step__icon { position: absolute; left: 1.3rem; top: 1.3rem; width: 44px; height: 44px; border-radius: 12px; background: var(--red-lt); color: var(--red); display: grid; place-items: center; }
.mup-step__icon .mup-ic { width: 22px; height: 22px; }
.mup-step__card h3 { font-size: 1.15rem; margin-bottom: .35rem; }
.mup-step__card p { color: var(--muted); margin-bottom: .5rem; }
.mup-step__card strong { color: var(--ink); }
.mup-step__extra { background: var(--chalk); border-radius: var(--r-sm); padding: .6rem .85rem; font-size: .92rem; } .mup-band { padding: clamp(1.8rem, 4vw, 2.6rem) 0; }
.mup-band--yellow { background: var(--yellow); color: var(--ink); }
.mup-band__inner { display: grid; grid-template-columns: auto 1fr auto; gap: 1.5rem; align-items: center; }
.mup-band__icon { width: 64px; height: 64px; border-radius: 18px; background: var(--ink); color: var(--yellow); display: grid; place-items: center; }
.mup-band__icon .mup-ic { width: 32px; height: 32px; }
.mup-band h2 { font-size: clamp(1.2rem, 2.4vw, 1.55rem); margin-bottom: .3rem; }
.mup-band p { margin: 0; color: rgba(29, 36, 48, .82); }
.mup-tile { background: #fff; border-radius: var(--r-lg); padding: 1.6rem 1.4rem; box-shadow: var(--shadow-sm); border: 1px solid var(--line); transition: transform .2s var(--ease), box-shadow .2s; }
.mup-tile:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.mup-tile__icon { width: 52px; height: 52px; border-radius: 14px; background: var(--red); color: #fff; display: grid; place-items: center; margin-bottom: 1rem; }
.mup-tile__icon .mup-ic { width: 26px; height: 26px; }
.mup-tile h3 { font-size: 1.08rem; margin-bottom: .35rem; }
.mup-tile p { color: var(--muted); font-size: .92rem; }
.mup-centre-mini { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; box-shadow: var(--shadow-sm); }
.mup-centre-mini__top { display: flex; gap: .85rem; align-items: center; }
.mup-centre-mini__pin { width: 48px; height: 48px; border-radius: 50%; background: var(--red-lt); color: var(--red); display: grid; place-items: center; flex-shrink: 0; }
.mup-centre-mini h3 { font-size: 1.1rem; margin-bottom: .2rem; }
.mup-centre-mini__addr { color: var(--muted); font-size: .9rem; margin: 0; flex: 1; }
.mup-days { display: flex; gap: .3rem; }
.mup-days li { flex: 1; text-align: center; font-size: .72rem; font-weight: 700; padding: .4rem 0; border-radius: 8px; }
.mup-days .is-open { background: rgba(12, 138, 78, .1); color: var(--green-dk); }
.mup-days .is-closed { background: var(--chalk); color: #aab2bf; text-decoration: line-through; } .mup-miu { display: grid; grid-template-columns: auto 1fr auto; gap: clamp(1.25rem, 3vw, 2.25rem); align-items: center; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .12); border-radius: var(--r-lg); padding: clamp(1.5rem, 3.5vw, 2.5rem); color: #fff; }
.mup-miu__avatar { position: relative; width: max-content; }
.mup-miu__face { width: 84px; height: 84px; border-radius: 50%; background: var(--red); display: grid; place-items: center; box-shadow: 0 0 0 8px rgba(226, 26, 45, .2); animation: mupPulse 2.6s infinite; }
.mup-miu__face .mup-ic { width: 38px; height: 38px; color: #fff; }
.mup-miu__live { position: absolute; bottom: -4px; right: -6px; background: var(--green); color: #fff; font-size: .7rem; font-weight: 800; border-radius: 50px; padding: .15rem .5rem; border: 2px solid var(--ink); }
.mup-miu h2 { font-size: clamp(1.3rem, 2.6vw, 1.75rem); margin-bottom: .5rem; color: #fff; }
.mup-miu p { color: rgba(255, 255, 255, .75); }
.mup-miu__asks { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .9rem; }
.mup-miu__asks li { font-size: .78rem; padding: .35rem .8rem; border-radius: 50px; background: rgba(255, 255, 255, .09); color: rgba(255, 255, 255, .88); }
.mup-miu__asks li::before { content: '\201C'; color: var(--yellow); font-weight: 800; margin-right: 2px; }
.mup-miu__ctas { display: grid; gap: .6rem; }
@keyframes mupPulse { 0%, 100% { box-shadow: 0 0 0 8px rgba(226, 26, 45, .2); } 50% { box-shadow: 0 0 0 14px rgba(226, 26, 45, .08); } } .mup-subnav { position: sticky; top: var(--head-h); z-index: 40; background: rgba(255, 255, 255, .97); border-bottom: 1px solid var(--line); box-shadow: 0 4px 14px rgba(29, 36, 48, .05); backdrop-filter: blur(8px); }
.mup-subnav ul { display: flex; gap: .3rem; overflow-x: auto; scrollbar-width: none; padding: .6rem 0; justify-content: center; }
.mup-subnav ul::-webkit-scrollbar { display: none; }
.mup-subnav a { display: block; white-space: nowrap; padding: .5rem 1rem; border-radius: 50px; font-size: .86rem; font-weight: 600; color: var(--muted); text-decoration: none; transition: all .2s; }
.mup-subnav a:hover { color: var(--ink); background: var(--chalk); }
.mup-subnav a.is-active { background: var(--ink); color: #fff; } .mup-tabs__list { display: flex; gap: .5rem; justify-content: center; flex-wrap: wrap; margin-bottom: 1.75rem; }
.mup-tabs__list [role="tab"] { display: inline-flex; align-items: center; gap: .5rem; padding: .75rem 1.3rem; border-radius: 50px; border: 1.5px solid var(--line); background: #fff; color: var(--ink); font-size: .92rem; font-weight: 600; transition: all .2s; }
.mup-tabs__list [role="tab"] .mup-ic { color: var(--red); }
.mup-tabs__list [role="tab"]:hover { border-color: var(--ink); }
.mup-tabs__list [role="tab"][aria-selected="true"] { background: var(--red); border-color: var(--red); color: #fff; box-shadow: 0 6px 18px rgba(226, 26, 45, .28); }
.mup-tabs__list [role="tab"][aria-selected="true"] .mup-ic { color: #fff; }
.mup-pg [role="tab"]:focus-visible { outline: 3px solid var(--yellow); outline-offset: 2px; }
.mup-pg [role="tabpanel"]:not([hidden]) { animation: mupFade .35s var(--ease); }
@keyframes mupFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } .mup-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.mup-feature { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: start; background: #fff; border: 1px solid var(--line); border-radius: var(--r-md); padding: 1.2rem 1.25rem; box-shadow: var(--shadow-sm); }
.mup-feature__icon { width: 46px; height: 46px; border-radius: 12px; background: var(--red-lt); color: var(--red); display: grid; place-items: center; }
.mup-feature__icon .mup-ic { width: 22px; height: 22px; }
.mup-feature h3 { font-size: 1rem; margin-bottom: .25rem; }
.mup-feature p { font-size: .9rem; color: var(--muted); margin: 0; }
.mup-feature strong { color: var(--ink); }
.mup-feature__tick { width: 26px; height: 26px; border-radius: 50%; background: rgba(12, 138, 78, .12); color: var(--green); display: grid; place-items: center; }
.mup-feature__tick .mup-ic { width: 15px; height: 15px; stroke-width: 3; }
.mup-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.mup-split--gap { margin-top: clamp(3rem, 6vw, 5rem); }
.mup-split__text h2 { font-size: clamp(1.75rem, 3.6vw, 2.5rem); margin: .8rem 0 1.1rem; }
.mup-split__text p { color: var(--muted); }
.mup-split__text strong { color: var(--ink); }
.mup-split--plan { margin-top: clamp(3rem, 6vw, 4.5rem); grid-template-columns: 1.25fr .75fr; }
.mup-plan-card { background: linear-gradient(150deg, var(--ink), var(--ink-2)); color: #fff; border-radius: var(--r-lg); padding: 2rem; position: relative; overflow: hidden; box-shadow: var(--shadow-lg); }
.mup-plan-card::after { content: ''; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 198, 41, .25), transparent 70%); right: -70px; top: -70px; }
.mup-plan-card__icon { width: 52px; height: 52px; border-radius: 14px; background: var(--yellow); color: var(--ink); display: grid; place-items: center; margin-bottom: 1.1rem; }
.mup-plan-card__icon .mup-ic { width: 26px; height: 26px; }
.mup-plan-card__big { font-size: 1.45rem; font-weight: 700; line-height: 1.3; }
.mup-plan-card__big span { color: var(--yellow); }
.mup-plan-card__small { color: rgba(255, 255, 255, .7); margin-bottom: 1.4rem !important; } .mup-media { margin: 0; }
.mup-media__frame { position: relative; border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 4 / 3; background: var(--ink); box-shadow: var(--shadow-lg); }
.mup-media__frame img, .mup-media__frame iframe { width: 100%; height: 100%; object-fit: cover; border: 0; display: block; }
.mup-media__play { position: absolute; inset: 0; border: 0; background: linear-gradient(to top, rgba(29, 36, 48, .55), rgba(29, 36, 48, .05)); display: grid; place-items: center; }
.mup-media__play span { width: 76px; height: 76px; border-radius: 50%; background: var(--red); color: #fff; display: grid; place-items: center; box-shadow: 0 0 0 10px rgba(255, 255, 255, .2); transition: transform .2s; }
.mup-media__play:hover span { transform: scale(1.08); }
.mup-media__play .mup-ic { width: 28px; height: 28px; fill: #fff; margin-left: 4px; }
.mup-media figcaption { display: flex; justify-content: space-between; gap: 1rem; margin-top: .8rem; font-size: .88rem; color: var(--muted); }
.mup-media figcaption strong { color: var(--ink); }
.mup-media--quote { background: linear-gradient(150deg, var(--red), var(--red-dk)); color: #fff; border-radius: var(--r-lg); padding: clamp(2rem, 4vw, 3rem); position: relative; overflow: hidden; box-shadow: var(--shadow-lg); min-height: 260px; display: flex; flex-direction: column; justify-content: center; }
.mup-media--quote::after { content: ''; position: absolute; right: -60px; bottom: -60px; width: 220px; height: 220px; border-radius: 50%; border: 30px solid rgba(255, 255, 255, .08); }
.mup-media--dark { background: linear-gradient(150deg, var(--ink), var(--ink-2)); }
.mup-media--yellow { background: var(--yellow); color: var(--ink); }
.mup-media--yellow .mup-media--quote > * { position: relative; z-index: 1; }
.mup-media__mark { color: var(--red); }
.mup-media--yellow figcaption { color: rgba(29, 36, 48, .7) !important; }
.mup-media--yellow::after { border-color: rgba(255, 255, 255, .35); }
.mup-media__mark { font-size: 6rem; line-height: .6; color: var(--yellow); font-weight: 800; display: block; height: 2.6rem; }
.mup-media--quote blockquote { margin: 0; font-size: clamp(1.35rem, 2.6vw, 1.85rem); font-weight: 700; line-height: 1.3; }
.mup-media--quote figcaption { color: rgba(255, 255, 255, .8); margin-top: 1.2rem; font-size: .9rem; display: block; }
.mup-belief { border-left: 4px solid var(--yellow); padding: .3rem 0 .3rem 1.1rem; color: var(--ink) !important; font-weight: 500; } .mup-cycle { margin-top: clamp(3rem, 6vw, 5rem); background: #fff; border-radius: var(--r-lg); padding: clamp(1.5rem, 4vw, 3rem); box-shadow: var(--shadow-sm); border: 1px solid var(--line); }
.mup-cycle__intro { text-align: center; max-width: 640px; margin: 0 auto 1.8rem; }
.mup-cycle__intro p { color: var(--muted); }
.mup-term { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.mup-term__label { display: block; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin-bottom: .5rem; }
.mup-term__weeks { display: grid; grid-template-columns: repeat(5, 1fr); gap: .35rem; }
.mup-week { background: var(--red); color: #fff; border-radius: 10px; padding: .8rem .2rem; text-align: center; font-weight: 800; font-size: 1.2rem; line-height: 1; }
.mup-week small { display: block; font-size: .62rem; font-weight: 600; opacity: .8; margin-bottom: .2rem; text-transform: uppercase; }
.mup-week--test { background: var(--yellow); color: var(--ink); }
.mup-cycle__legend { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; margin: 1.2rem 0 2.5rem; font-size: .88rem; color: var(--muted); }
.mup-cycle__legend span { display: inline-flex; align-items: center; gap: .5rem; }
.mup-dot { width: 14px; height: 14px; border-radius: 4px; display: inline-block; }
.mup-dot--red { background: var(--red); }
.mup-dot--yellow { background: var(--yellow); } .mup-process { margin-top: clamp(3rem, 6vw, 5rem); }
.mup-process__flow { display: grid; grid-template-columns: repeat(6, 1fr); gap: .5rem; margin: 1.5rem 0 1.25rem; position: relative; }
.mup-process__flow [role="tab"] { border: 0; background: #fff; border-radius: var(--r-md); padding: 1rem .5rem; display: flex; flex-direction: column; align-items: center; gap: .45rem; box-shadow: var(--shadow-sm); position: relative; transition: all .2s; color: var(--ink); }
.mup-process__flow [role="tab"]:not(:last-child)::after { content: ''; position: absolute; right: -.45rem; top: 50%; width: .5rem; height: 2px; background: var(--red); opacity: .4; }
.mup-process__n { width: 38px; height: 38px; border-radius: 50%; background: var(--red-lt); color: var(--red); display: grid; place-items: center; font-weight: 800; transition: all .2s; }
.mup-process__w { font-weight: 700; font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; }
.mup-process__flow [aria-selected="true"] { background: var(--ink); color: #fff; transform: translateY(-4px); box-shadow: var(--shadow-md); }
.mup-process__flow [aria-selected="true"] .mup-process__n { background: var(--yellow); color: var(--ink); }
.mup-process__panel { background: #fff; border-radius: var(--r-lg); padding: clamp(1.5rem, 3.5vw, 2.5rem); box-shadow: var(--shadow-sm); border-left: 5px solid var(--red); max-width: 900px; margin: 0 auto; }
.mup-process__step { font-size: .75rem; font-weight: 700; color: var(--red); text-transform: uppercase; letter-spacing: .08em; }
.mup-process__panel h4 { font-size: clamp(1.3rem, 2.4vw, 1.6rem); margin: .35rem 0 .8rem; }
.mup-process__panel p { color: var(--muted); }
.mup-process__lead { font-size: 1.08rem; color: var(--ink) !important; }
.mup-process__key { background: var(--yellow-lt); border-radius: var(--r-sm); padding: .8rem 1rem; color: var(--ink) !important; }
.mup-process__tagline { text-align: center; max-width: 720px; margin: 1.75rem auto 0; color: var(--muted); font-style: italic; }
.mup-cta-card { margin-top: clamp(3rem, 6vw, 4.5rem); display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; background: linear-gradient(150deg, var(--ink), var(--ink-2)); color: #fff; border-radius: var(--r-lg); padding: clamp(1.75rem, 4vw, 2.75rem); box-shadow: var(--shadow-lg); position: relative; overflow: hidden; }
.mup-cta-card::before { content: ''; position: absolute; left: -80px; bottom: -120px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(226, 26, 45, .35), transparent 70%); }
.mup-cta-card > * { position: relative; }
.mup-cta-card h3 { font-size: clamp(1.3rem, 2.6vw, 1.75rem); margin-bottom: .6rem; }
.mup-cta-card h3 span { color: var(--yellow); }
.mup-cta-card p { color: rgba(255, 255, 255, .78); }
.mup-cta-card strong { color: #fff; }
.mup-cta-card__sig { font-style: italic; color: rgba(255, 255, 255, .55) !important; font-size: .9rem; } .mup-tutors { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.mup-tutor { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 1.25rem 1.1rem 1.4rem; text-align: center; box-shadow: var(--shadow-sm); transition: transform .2s var(--ease), box-shadow .2s; }
.mup-tutor:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.mup-tutor__img { width: 128px; height: 128px; margin: 0 auto 1rem; border-radius: 50%; overflow: hidden; background: linear-gradient(150deg, var(--yellow), #ffd966); border: 4px solid #fff; box-shadow: 0 0 0 3px var(--red-lt), var(--shadow-sm); }
.mup-tutor__img img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.mup-tutor h3 { font-size: 1.02rem; margin-bottom: .45rem; }
.mup-tutor__badge { display: inline-block; font-size: .74rem; font-weight: 700; color: var(--red-dk); background: var(--red-lt); padding: .25rem .65rem; border-radius: 50px; margin-bottom: .55rem !important; line-height: 1.4; }
.mup-tutor__study { font-size: .8rem; color: var(--muted); margin: 0; line-height: 1.5; }
.mup-tutor__study .mup-ic { color: var(--ink); vertical-align: -3px; margin-right: 2px; }
.mup-tutors:not(.is-expanded) .mup-tutor--more { display: none; }
.mup-tutors + .mup-center { margin-top: 1.75rem; }
.mup-join { margin-top: 2.5rem; display: flex; align-items: center; gap: 1.1rem; padding: 1.25rem 1.5rem; border-radius: var(--r-lg); background: var(--yellow-lt); border: 1.5px dashed var(--yellow); text-decoration: none !important; color: var(--ink) !important; transition: background .2s; }
.mup-join:hover { background: #ffefbf; }
.mup-join__icon { width: 48px; height: 48px; border-radius: 50%; background: var(--yellow); display: grid; place-items: center; flex-shrink: 0; }
.mup-join__text { flex: 1; color: var(--muted); }
.mup-join__text strong { display: block; color: var(--ink); font-size: 1.05rem; }
.mup-join__go { width: 42px; height: 42px; border-radius: 50%; background: var(--ink); color: #fff; display: grid; place-items: center; flex-shrink: 0; } .mup-journey__track { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; position: relative; margin-bottom: 1.75rem; }
.mup-journey__track::before { content: ''; position: absolute; left: 12.5%; right: 12.5%; top: 34px; height: 3px; background: linear-gradient(90deg, var(--yellow), var(--red)); border-radius: 3px; opacity: .6; }
.mup-journey__track [role="tab"] { background: none; border: 0; color: rgba(255, 255, 255, .7); display: flex; flex-direction: column; align-items: center; gap: .7rem; padding: 0 .25rem .5rem; position: relative; transition: color .2s; }
.mup-journey__dot { width: 70px; height: 70px; border-radius: 50%; background: var(--ink-2); border: 3px solid rgba(255, 255, 255, .18); display: grid; place-items: center; transition: all .25s var(--ease); }
.mup-journey__dot .mup-ic { width: 28px; height: 28px; color: var(--yellow); }
.mup-journey__name { font-size: .9rem; font-weight: 600; text-align: center; line-height: 1.3; }
.mup-journey__track [aria-selected="true"] { color: #fff; }
.mup-journey__track [aria-selected="true"] .mup-journey__dot { background: var(--red); border-color: var(--red); transform: scale(1.1); box-shadow: 0 0 0 8px rgba(226, 26, 45, .25); }
.mup-journey__track [aria-selected="true"] .mup-journey__dot .mup-ic { color: #fff; }
.mup-journey__card { background: #fff; color: var(--ink); border-radius: var(--r-lg); padding: clamp(1.5rem, 4vw, 2.75rem); display: grid; grid-template-columns: auto 1fr; gap: clamp(1.25rem, 3vw, 2.25rem); box-shadow: var(--shadow-lg); max-width: 960px; margin: 0 auto; }
.mup-journey__big { width: 88px; height: 88px; border-radius: 24px; background: var(--red-lt); color: var(--red); display: grid; place-items: center; }
.mup-journey__big .mup-ic { width: 42px; height: 42px; }
.mup-journey__stage { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--red); }
.mup-journey__card h3 { font-size: clamp(1.35rem, 2.6vw, 1.8rem); margin: .3rem 0 .9rem; }
.mup-journey__card p { color: var(--muted); }
.mup-journey__card strong { color: var(--ink); }
.mup-journey__goal { font-weight: 600; color: var(--ink) !important; border-left: 4px solid var(--yellow); padding-left: .9rem; margin: 1.2rem 0 1.4rem !important; }
.mup-path { text-align: center; margin: clamp(3rem, 6vw, 4.5rem) auto 0; max-width: 820px; }
.mup-path h3 { font-size: clamp(1.4rem, 3vw, 2rem); margin-bottom: 1.6rem; }
.mup-path__steps { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: .4rem; margin-bottom: 1.5rem; }
.mup-path__steps li { display: inline-flex; align-items: center; gap: .5rem; padding: .6rem 1.1rem; border-radius: 50px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .15); font-weight: 600; font-size: .92rem; }
.mup-path__steps li span { color: var(--yellow); display: inline-flex; }
.mup-path__steps li:not(:last-child)::after { content: '\2192'; margin-left: .7rem; color: var(--red); font-weight: 800; }
.mup-path__steps li:last-child { background: var(--yellow); color: var(--ink); border-color: var(--yellow); }
.mup-path__steps li:last-child span { color: var(--ink); }
.mup-path p { color: rgba(255, 255, 255, .75); margin-bottom: 1.75rem; }
.mup-path strong { color: #fff; }
.mup-section--dark { padding-bottom: calc(var(--sp) + 3rem); } .mup-growth { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1.4rem; counter-reset: g; }
.mup-growth li { counter-increment: g; display: inline-flex; align-items: center; gap: .45rem; font-size: .84rem; font-weight: 600; padding: .45rem .9rem .45rem .45rem; border-radius: 50px; background: var(--chalk); }
.mup-growth li::before { content: counter(g); width: 24px; height: 24px; border-radius: 50%; background: var(--red); color: #fff; display: grid; place-items: center; font-size: .75rem; }
.mup-growth li:last-child { background: var(--yellow); }
.mup-growth li:last-child::before { background: var(--ink); }
.mup-quote { margin: clamp(3rem, 6vw, 4.5rem) auto 0; max-width: 920px; text-align: center; position: relative; padding: clamp(2rem, 4vw, 3rem) clamp(1.25rem, 4vw, 3rem); background: var(--yellow-lt); border-radius: var(--r-lg); }
.mup-quote::before { content: '\201C'; position: absolute; top: -32px; left: 50%; transform: translateX(-50%); width: 64px; height: 64px; border-radius: 50%; background: var(--red); color: #fff; font-size: 3rem; line-height: 80px; font-weight: 800; }
.mup-quote p { font-size: clamp(1.2rem, 2.6vw, 1.65rem); font-weight: 700; line-height: 1.4; color: var(--ink); }
.mup-quote__by { margin-top: 1rem; font-size: .88rem; color: var(--muted); } .mup-centre { display: grid; grid-template-columns: 1fr 1.15fr; background: #fff; border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-md); border: 1px solid var(--line); }
.mup-centre__map { min-height: 380px; background: var(--chalk); position: relative; }
.mup-centre__map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.mup-centre__info { padding: clamp(1.5rem, 3.5vw, 2.5rem); }
.mup-centre__info h3 { font-size: 1.5rem; display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-bottom: .9rem; }
.mup-centre__addr { display: flex; gap: .6rem; color: var(--muted); }
.mup-centre__addr .mup-ic { color: var(--red); margin-top: 3px; }
.mup-centre__cols { display: grid; grid-template-columns: 1.1fr 1fr; gap: 1.75rem; margin: 1.5rem 0; }
.mup-centre__info h4 { font-size: .9rem; display: flex; align-items: center; gap: .45rem; margin-bottom: .7rem; }
.mup-centre__info h4 .mup-ic { color: var(--red); }
.mup-hours { width: 100%; border-collapse: collapse; font-size: .86rem; margin: 0; }
.mup-hours th, .mup-hours td { padding: .38rem .55rem; text-align: left; border: 0; border-bottom: 1px solid var(--line); background: none; }
.mup-hours th { font-weight: 600; width: 52px; }
.mup-hours .is-closed td { color: #a3acb9; }
.mup-hours .is-today { background: var(--yellow-lt); }
.mup-hours .is-today th, .mup-hours .is-today td { font-weight: 700; color: var(--ink); }
.mup-centre__small { font-size: .76rem; color: var(--muted); margin-top: .7rem !important; }
.mup-list-check { display: grid; gap: .45rem; margin-bottom: 1.1rem !important; }
.mup-list-check li { display: flex; gap: .5rem; align-items: flex-start; font-size: .88rem; color: var(--muted); }
.mup-list-check .mup-ic { color: var(--green); margin-top: 3px; stroke-width: 3; }
.mup-ig { display: inline-flex; align-items: center; gap: .5rem; font-size: .85rem; font-weight: 600; text-decoration: none !important; padding: .55rem .95rem; border-radius: 50px; background: linear-gradient(90deg, #f58529, #dd2a7b, #8134af); color: #fff !important; }
.mup-centre__contact { display: grid; gap: .4rem; margin-top: 1.1rem !important; font-size: .88rem; }
.mup-centre__contact a { display: inline-flex; gap: .5rem; align-items: center; color: var(--ink); text-decoration: none; font-weight: 600; }
.mup-centre__contact .mup-ic { color: var(--red); }
.mup-centre__ctas { display: flex; gap: .7rem; flex-wrap: wrap; } .mup-trial-band { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; }
.mup-trial-band h2 { font-size: clamp(1.5rem, 3.4vw, 2.3rem); margin: .8rem 0 .7rem; }
.mup-trial-band p { color: rgba(255, 255, 255, .88); max-width: 640px; }
.mup-trial-band strong { color: #fff; }
.mup-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; align-items: stretch; }
.mup-contact__miu .mup-miu { background: linear-gradient(150deg, var(--ink), var(--ink-2)); grid-template-columns: 1fr; height: 100%; align-content: center; }
.mup-contact__miu .mup-miu__ctas { grid-template-columns: 1fr 1fr; }
.mup-form-card--callback { box-shadow: var(--shadow-md); border: 1px solid var(--line); border-top: 5px solid var(--ink); }
.mup-form-card--callback > h3 { font-size: 1.35rem; display: flex; align-items: center; gap: .55rem; margin-bottom: .3rem; }
.mup-form-card--callback > h3 .mup-ic { color: var(--red); }
.mup-form-card--callback > p { color: var(--muted); font-size: .92rem; margin-bottom: 1.1rem; } @media (max-width: 1024px) {
.mup-hero__grid { grid-template-columns: 1fr; }
.mup-hero__copy { position: static; }
.mup-hero__form { max-width: 620px; width: 100%; margin: 0 auto; }
.mup-grid-4 { grid-template-columns: repeat(2, 1fr); }
.mup-tutors { grid-template-columns: repeat(3, 1fr); }
.mup-stats { grid-template-columns: repeat(3, 1fr); }
.mup-stats li:nth-child(4), .mup-stats li:nth-child(5) { grid-column: span 1; }
.mup-centre { grid-template-columns: 1fr; }
.mup-centre__map { min-height: 280px; }
.mup-contact { grid-template-columns: 1fr; }
.mup-subnav ul { justify-content: flex-start; }
}
@media (max-width: 820px) {
.mup-split, .mup-split--plan { grid-template-columns: 1fr; }
.mup-split--rev > :first-child { order: 2; }
.mup-feature-grid { grid-template-columns: 1fr; }
.mup-grid-3 { grid-template-columns: 1fr; }
.mup-band__inner { grid-template-columns: 1fr; text-align: center; justify-items: center; }
.mup-miu { grid-template-columns: 1fr; text-align: center; justify-items: center; }
.mup-miu__asks { justify-content: center; }
.mup-miu__ctas { width: 100%; max-width: 360px; }
.mup-cta-card, .mup-trial-band { grid-template-columns: 1fr; text-align: center; justify-items: center; }
.mup-process__flow { grid-template-columns: repeat(3, 1fr); }
.mup-process__flow [role="tab"]::after { display: none; }
.mup-term { grid-template-columns: 1fr; }
.mup-journey__card { grid-template-columns: 1fr; }
.mup-journey__name { font-size: .78rem; }
.mup-journey__dot { width: 56px; height: 56px; }
.mup-journey__track::before { top: 27px; }
}
@media (max-width: 600px) {
.mup-tabs__list { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; margin-left: -1rem; margin-right: -1rem; padding: .25rem 1rem .75rem; }
.mup-tabs__list::-webkit-scrollbar { display: none; }
.mup-tabs__list [role="tab"] { flex-shrink: 0; padding: .65rem 1.05rem; font-size: .86rem; }
.mup-form__row { grid-template-columns: 1fr; }
.mup-centre-pick { grid-template-columns: 1fr; }
.mup-centre-opt > span { flex-direction: row; justify-content: flex-start; text-align: left; gap: .6rem; padding: .75rem .9rem; }
.mup-centre-opt small { margin-left: auto; }
.mup-grid-4 { grid-template-columns: 1fr; }
.mup-tutors { grid-template-columns: repeat(2, 1fr); gap: .75rem; }
.mup-tutor { padding: 1rem .7rem 1.1rem; }
.mup-tutor__img { width: 96px; height: 96px; }
.mup-stats { grid-template-columns: repeat(2, 1fr); }
.mup-stats li:last-child { grid-column: span 2; }
.mup-hero__ctas .mup-btn, .mup-centre__ctas .mup-btn { width: 100%; }
.mup-hero__facts div { flex: 1; min-width: 0; padding: .7rem .8rem; }
.mup-hero__facts strong { font-size: 1.15rem; }
.mup-step { grid-template-columns: 44px 1fr; gap: .75rem; }
.mup-step__num { width: 44px; height: 44px; font-size: 1.1rem; }
.mup-steps::before { left: 20.5px; }
.mup-step__card { padding: 1.1rem 1.1rem 1.1rem 1.1rem; }
.mup-step__icon { position: static; margin-bottom: .7rem; width: 40px; height: 40px; }
.mup-centre__cols { grid-template-columns: 1fr; }
.mup-contact__miu .mup-miu__ctas { grid-template-columns: 1fr; }
.mup-journey__track { gap: .2rem; }
.mup-journey__track [role="tab"] { padding: 0; }
.mup-media figcaption { flex-direction: column; gap: .2rem; }
.mup-join { flex-wrap: wrap; }
.mup-join__go { display: none; }
} .mup-form-card--compact { padding: 1.4rem 1.5rem; max-width: 460px; margin-left: auto; }
.mup-form-card--compact .mup-form-card__head h2 { font-size: 1.35rem; margin: 0 0 .15rem; }
.mup-form-card--compact .mup-form-card__head p { font-size: .85rem; margin-bottom: .9rem; }
.mup-form-card--compact .mup-form { gap: .7rem; }
.mup-form-card--compact .mup-form__row { gap: .6rem; }
.mup-form-card--compact .mup-field { gap: .2rem; }
.mup-form-card--compact .mup-field > span { font-size: .78rem; }
.mup-form-card--compact .mup-field input, .mup-form-card--compact .mup-field select { padding: .55rem .75rem; font-size: .9rem; }
.mup-form-card--compact .mup-centre-pick { gap: .4rem; }
.mup-form-card--compact .mup-centre-opt > span { flex-direction: row; justify-content: center; padding: .55rem .4rem; font-size: .85rem; font-weight: 600; border-radius: 50px; }
.mup-form-card--compact .mup-btn { padding: .8rem 1.4rem; margin-top: .2rem; }
.mup-form-card--compact .mup-hsc-note { padding: .5rem .75rem; font-size: .8rem; }
.mup-form-card--compact .mup-form__fine { font-size: .74rem; }
@media (max-width: 1024px) { .mup-form-card--compact { margin: 0 auto; } }
@media (max-width: 600px) { .mup-form-card--compact .mup-centre-pick { grid-template-columns: repeat(3, 1fr); } .mup-form-card--compact .mup-centre-opt > span { padding: .55rem .2rem; } } .mup-pg { --yellow: #ffc72c; --yellow-lt: #fff6d6; --ink: #222; --ink-2: #333; --muted: #5f5f5f; --line: #ececec; --red-lt: #fdecee; } .mup-hero { background: radial-gradient(circle at 88% 12%, #ffe9a8 0, rgba(255, 233, 168, 0) 42%), radial-gradient(circle at 8% 92%, #fdecee 0, rgba(253, 236, 238, 0) 48%), #fff; color: var(--ink); }
.mup-hero::before, .mup-hero::after { display: none; }
.mup-hero h1 { color: var(--ink); }
.mup-hero--why h1 span { color: var(--red); }
.mup-hero__lead { color: var(--muted); }
.mup-eyebrow--light { background: var(--red-lt); color: var(--red-dk); }
.mup-eyebrow--light::before { background: var(--red); }
.mup-ticks li { color: var(--muted); }
.mup-ticks strong { color: var(--ink); }
.mup-hero__facts div { background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-sm); }
.mup-hero__facts strong { color: var(--red); }
.mup-hero__facts span { color: var(--muted); }
.mup-stats { background: var(--line); border-color: var(--line); box-shadow: var(--shadow-sm); }
.mup-stats li { background: #fff; }
.mup-stats strong, .mup-stats li:nth-child(odd) strong { color: var(--ink); }
.mup-stats li:nth-child(odd) strong { color: var(--red); }
.mup-stats span { color: var(--muted); }
.mup-btn--ghost { color: var(--red) !important; border-color: var(--red); }
.mup-btn--ghost:hover { background: var(--red-lt); border-color: var(--red); } .mup-btn--green { background: var(--red); box-shadow: 0 6px 20px rgba(226, 26, 45, .28); }
.mup-btn--green:hover { background: var(--red-dk); box-shadow: 0 10px 28px rgba(226, 26, 45, .36); }
.mup-section--red .mup-btn--green, .mup-btn--glow { background: #fff; color: var(--red) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, .18); }
.mup-section--red .mup-btn--green:hover { background: var(--yellow); color: var(--ink) !important; }
.mup-days .is-open { background: var(--red-lt); color: var(--red-dk); }
.mup-miu__live { background: var(--yellow); color: var(--ink); border-color: #222; } .mup-section--dark { background: var(--red-lt); color: var(--ink); }
.mup-wave--dark path { fill: var(--red-lt); }
.mup-head--light p { color: var(--muted); }
.mup-head--light strong { color: var(--ink); }
.mup-journey__track [role="tab"] { color: var(--muted); }
.mup-journey__track [aria-selected="true"] { color: var(--ink); }
.mup-journey__dot { background: #fff; border-color: var(--line); box-shadow: var(--shadow-sm); }
.mup-journey__dot .mup-ic { color: var(--red); }
.mup-path__steps li { background: #fff; border-color: var(--line); color: var(--ink); }
.mup-path__steps li span { color: var(--red); }
.mup-path p { color: var(--muted); }
.mup-path strong { color: var(--ink); }
.mup-miu, .mup-contact__miu .mup-miu { background: #222; border: 0; box-shadow: var(--shadow-md); } .mup-head h2::after { content: ''; display: block; width: 110px; height: 12px; margin: .7rem auto 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 12'%3E%3Cpath d='M2 6c9-6 18-6 27 0s18 6 27 0 18-6 27 0 18 6 25 0' fill='none' stroke='%23E21A2D' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain; }
.mup-section--dark .mup-eyebrow { background: #fff; }  .mup-miu, .mup-contact__miu .mup-miu { background: var(--red); color: #fff; }
.mup-miu p { color: rgba(255, 255, 255, .92); }
.mup-miu__face { background: #fff; box-shadow: 0 0 0 8px rgba(255, 255, 255, .25); }
.mup-miu__face .mup-ic { color: var(--red); }
.mup-miu__asks li { background: rgba(255, 255, 255, .16); color: #fff; }
.mup-miu__asks li::before { color: var(--yellow); }
.mup-miu .mup-btn--red { background: #fff; color: var(--red) !important; box-shadow: none; }
.mup-miu .mup-btn--red:hover { background: var(--yellow); color: var(--ink) !important; }
.mup-miu .mup-btn--outline { border-color: #fff; color: #fff !important; background: transparent; }
.mup-miu .mup-btn--outline:hover { background: #fff; color: var(--red) !important; }
.mup-miu__phone span { display: flex; flex-direction: column; line-height: 1.15; text-align: left; }
.mup-miu__phone small { font-size: .78em; opacity: .85; font-weight: 600; } .mup-btn--go { background: #1f9d55; color: #fff !important; box-shadow: 0 6px 20px rgba(31, 157, 85, .3); }
.mup-btn--go:hover { background: #17824a; } .mup-timetable { background: var(--yellow); padding: 1.6rem 0; }
.mup-timetable__inner { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; flex-wrap: wrap; }
.mup-timetable h2 { margin: 0; font-size: clamp(1.6rem, 3.4vw, 2.4rem); color: var(--ink); }
.mup-timetable__btn { display: inline-flex; align-items: center; gap: .5rem; background: var(--red); color: #fff !important; font-weight: 800; font-size: clamp(1.2rem, 2.4vw, 1.6rem); padding: .55em 1.8em; border-radius: 50px; text-decoration: none; box-shadow: 0 10px 24px -10px rgba(226, 26, 45, .7); transition: transform .2s; }
.mup-timetable__btn:hover { transform: translateY(-2px); } .mup-hours__label { font-size: .8rem; font-weight: 700; margin: .4rem 0 .35rem !important; color: var(--ink); }
.mup-hours { display: grid; gap: 2px; margin: 0 0 1rem; font-size: .8rem; }
.mup-hours li { display: flex; justify-content: space-between; padding: .2rem 0; border-bottom: 1px dashed var(--line); }
.mup-hours li span:first-child { font-weight: 700; }
.mup-hours .is-closed { color: var(--muted); }
.mup-timetable__btns { display: flex; gap: .8rem; flex-wrap: wrap; }
.mup-timetable__btn.is-soon { background: #fff; color: var(--muted) !important; box-shadow: none; cursor: default; font-size: clamp(1rem, 2vw, 1.25rem); }
.mup-timetable__btn.is-soon small { font-size: .7em; font-weight: 600; }
.mup-timetable__btn.is-soon:hover { transform: none; }  .mup-btn[data-mup-miu], .mup-miu .mup-btn--red[data-mup-miu] { background: #1f9d55 !important; color: #fff !important; border-color: #1f9d55 !important; box-shadow: 0 6px 18px rgba(31, 157, 85, .3); }
.mup-btn[data-mup-miu]:hover { background: #17824a !important; color: #fff !important; }
.mup-btn[data-mup-miu] .mup-ic { color: #fff; } .mup-miu__photo { width: 92px; height: 92px; border-radius: 50%; object-fit: cover; object-position: center 12%; border: 4px solid #fff; box-shadow: 0 0 0 6px rgba(255, 255, 255, .25); display: block; background: #fff; } .mup-miu-ask { display: flex; align-items: center; gap: .5rem; background: #fff; border-radius: 999px; padding: .35rem .35rem .35rem 1.1rem; box-shadow: 0 14px 34px -18px rgba(226, 26, 45, .55); border: 2px solid var(--line); max-width: 460px; }
.mup-miu-ask:focus-within { border-color: var(--red); }
.mup-miu-ask input { flex: 1; min-width: 0; border: 0; background: transparent; font: inherit; font-size: .95rem; padding: .55rem 0; outline: none; color: var(--ink); }
.mup-miu-ask button { flex: none; width: 42px; height: 42px; border-radius: 50%; border: 0; background: var(--red); color: #fff; display: grid; place-items: center; cursor: pointer; }
.mup-miu-ask button .mup-ic { transform: rotate(-90deg); color: #fff; }
.mup-miu-ask--box { margin-top: 1rem; border-color: transparent; } .mup-hub-hero--miu { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 2.5rem; align-items: center; }
.mup-miu-card { background: #fff; border-radius: var(--r-lg); padding: 1.2rem 1.2rem 1.4rem; box-shadow: var(--shadow-lg); text-align: center; max-width: 380px; margin-left: auto; width: 100%; }
.mup-miu-card__photo { position: relative; background: #f6f6f6; border-radius: var(--r-md); overflow: hidden; }
.mup-miu-card__photo img { display: block; width: 100%; height: 260px; object-fit: cover; object-position: center 15%; }
.mup-miu-card__hi { position: absolute; left: .7rem; top: .7rem; background: var(--red); color: #fff; font-weight: 700; font-size: .8rem; padding: .3rem .75rem; border-radius: 14px 14px 14px 4px; }
.mup-miu-card__title { font-weight: 800; font-size: 1.15rem; margin: 1rem 0 .7rem !important; color: var(--ink); }
.mup-miu-card .mup-miu-ask { margin: 0 auto; }
@media (max-width: 900px) {
.mup-hub-hero--miu { grid-template-columns: 1fr; }
.mup-miu-card { margin: 0 auto; }
}
@media (max-width: 760px) { .mup-miu__photo { margin: 0 auto; } .mup-miu-ask--box { margin-left: auto; margin-right: auto; } }.mup-hero--program { padding-top: clamp(1.75rem, 4vw, 3rem); }
.mup-hero__grid--program { grid-template-columns: 1fr minmax(0, 400px); align-items: center; }
.mup-hero--program .mup-hero__copy { position: static; padding-top: 0; }
.mup-crumbs { display: flex; flex-wrap: wrap; gap: .45rem; font-size: .8rem; color: var(--muted); margin-bottom: 1rem; }
.mup-crumbs a { color: var(--muted) !important; text-decoration: none; }
.mup-crumbs a:hover { color: var(--red) !important; }
.mup-crumbs [aria-current] { color: var(--ink); font-weight: 600; }
.mup-hero--program h1 { font-size: clamp(1.9rem, 4.2vw, 3rem); margin: 0 0 1rem; }
.mup-hero__kicker { display: block; font-size: clamp(.95rem, 1.4vw, 1.1rem); font-weight: 700; color: var(--red); letter-spacing: .01em; margin-bottom: .55rem; }
.mup-hero--program .mup-hero__lead + .mup-hero__lead { margin-top: -.25rem; }
.mup-hero__chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.4rem 0 1.6rem; }
.mup-hero__chips li { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .9rem; border-radius: 50px; background: #fff; border: 1px solid var(--line); font-size: .85rem; font-weight: 600; box-shadow: var(--shadow-sm); }
.mup-hero__chips .mup-ic { color: var(--red); stroke-width: 3; width: 16px; height: 16px; }
.mup-ctas { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.4rem; }
.mup-center .mup-ctas { justify-content: center; }
.mup-glance { background: #fff; border-radius: var(--r-lg); padding: 1.5rem; box-shadow: var(--shadow-lg); border-top: 5px solid var(--red); }
.mup-glance__top { display: flex; gap: 1rem; align-items: center; padding-bottom: 1.1rem; border-bottom: 1px solid var(--line); }
.mup-glance__ic { width: 56px; height: 56px; border-radius: 16px; background: var(--red-lt); color: var(--red); display: grid; place-items: center; flex-shrink: 0; }
.mup-glance__ic .mup-ic { width: 28px; height: 28px; }
.mup-glance__label { display: flex; align-items: center; gap: .4rem; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin: 0 0 .15rem !important; }
.mup-glance__price { font-size: 2rem; font-weight: 800; line-height: 1.1; margin: 0 !important; color: var(--ink); }
.mup-glance__price small { font-size: .85rem; font-weight: 500; color: var(--muted); }
.mup-glance__facts { display: grid; gap: .6rem; padding: 1.1rem 0; }
.mup-glance__facts li { display: flex; align-items: center; gap: .65rem; font-size: .9rem; }
.mup-glance__facts .mup-ic { color: var(--red); }
.mup-glance__times { background: var(--chalk); border-radius: var(--r-md); padding: .9rem 1rem; margin-bottom: 1.1rem; }
.mup-glance__times ul { display: grid; gap: .3rem; margin-top: .4rem; }
.mup-glance__times li { display: flex; justify-content: space-between; font-size: .86rem; }
.mup-glance__times li span { color: var(--muted); }
.mup-glance__note { font-size: .72rem; color: var(--muted); margin: .55rem 0 0 !important; }
.mup-glance__fine { text-align: center; font-size: .75rem; color: var(--muted); margin: .6rem 0 0 !important; } .mup-narrow { max-width: 760px; margin-left: auto; margin-right: auto; }
.mup-narrow p { color: var(--muted); font-size: 1.02rem; }
.mup-narrow strong { color: var(--ink); }
.mup-head--left { text-align: left; margin: 0 0 1.25rem; max-width: none; }
.mup-head--left h2::after { margin-left: 0 !important; }
.mup-split--top { align-items: start; }
.mup-list-check--sm li { font-size: .86rem; }
.mup-ps .mup-split__text p { color: var(--muted); } .mup-focus-card { background: #fff; border-radius: var(--r-lg); padding: clamp(1.4rem, 3vw, 2rem); box-shadow: var(--shadow-md); border: 1px solid var(--line); }
.mup-focus-card h3 { font-size: 1.15rem; margin-bottom: 1rem; }
.mup-focus { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.mup-focus li { display: flex; align-items: center; gap: .7rem; padding: .8rem; border-radius: var(--r-md); background: var(--chalk); font-size: .9rem; font-weight: 600; line-height: 1.35; }
.mup-focus__ic { width: 40px; height: 40px; border-radius: 12px; background: var(--red); color: #fff; display: grid; place-items: center; flex-shrink: 0; }
.mup-focus__ic .mup-ic { width: 20px; height: 20px; } .mup-callout { display: flex; align-items: center; justify-content: center; gap: .5rem; margin: 1.5rem auto .5rem !important; font-size: 1.1rem; color: var(--ink) !important; }
.mup-callout .mup-ic { color: var(--red); }
.mup-flow { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: .5rem 2.2rem; margin: 1.5rem auto 2rem; counter-reset: f; }
.mup-flow li { position: relative; display: flex; align-items: center; gap: .65rem; background: #fff; border: 1px solid var(--line); border-radius: 50px; padding: .55rem 1.2rem .55rem .55rem; box-shadow: var(--shadow-sm); font-weight: 700; }
.mup-flow li:not(:last-child)::after { content: ''; position: absolute; right: -1.75rem; top: 50%; width: 1.2rem; height: 12px; transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12' fill='none' stroke='%23E21A2D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h17M13 1l5 5-5 5'/%3E%3C/svg%3E") no-repeat center / contain; }
.mup-flow__n { width: 32px; height: 32px; border-radius: 50%; background: var(--red); color: #fff; display: grid; place-items: center; font-size: .85rem; flex-shrink: 0; }
.mup-flow li:last-child { background: var(--yellow); border-color: var(--yellow); }
.mup-flow li:last-child .mup-flow__n { background: var(--ink); }
.mup-flow--big li { padding: .75rem 1.5rem .75rem .75rem; font-size: 1.05rem; }
.mup-flow--big .mup-flow__n { width: 40px; height: 40px; font-size: 1rem; }
.mup-commit-label { font-weight: 700; margin: 1.5rem 0 0 !important; color: var(--ink); } .mup-lesson { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.1rem; margin-bottom: 2rem; }
.mup-lesson__step { position: relative; background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 1.5rem 1.3rem; box-shadow: var(--shadow-sm); transition: transform .2s var(--ease), box-shadow .2s; }
.mup-lesson__step:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.mup-lesson__num { position: absolute; top: 1rem; right: 1.1rem; font-size: 2.4rem; font-weight: 800; line-height: 1; color: var(--red-lt); }
.mup-lesson__ic { width: 50px; height: 50px; border-radius: 14px; background: var(--red); color: #fff; display: grid; place-items: center; margin-bottom: 1rem; }
.mup-lesson__ic .mup-ic { width: 24px; height: 24px; }
.mup-lesson__step:last-child .mup-lesson__ic { background: var(--yellow); color: var(--ink); }
.mup-lesson__step h3 { font-size: 1.15rem; margin-bottom: .55rem; }
.mup-lesson__step p { font-size: .9rem; color: var(--muted); } .mup-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; align-items: stretch; }
.mup-duo__card { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: clamp(1.5rem, 3vw, 2.25rem); box-shadow: var(--shadow-sm); display: flex; flex-direction: column; }
.mup-duo__card--accent { border-top: 5px solid var(--yellow); }
.mup-duo__ic { width: 54px; height: 54px; border-radius: 16px; background: var(--red-lt); color: var(--red); display: grid; place-items: center; margin-bottom: 1rem; }
.mup-duo__ic .mup-ic { width: 26px; height: 26px; }
.mup-duo__card h2 { font-size: clamp(1.35rem, 2.4vw, 1.7rem); margin-bottom: .8rem; }
.mup-duo__card h3 { font-size: .95rem; margin: .4rem 0 .7rem; }
.mup-duo__card p { color: var(--muted); }
.mup-duo__card strong { color: var(--ink); }
.mup-duo__card .mup-ctas { margin-top: auto; padding-top: 1rem; }
.mup-duo__badge { display: flex; gap: .9rem; margin-top: 1rem; padding: 1.1rem 1.2rem; border-radius: var(--r-md); background: var(--yellow-lt); border: 1.5px dashed var(--yellow); }
.mup-duo__badge > .mup-ic { width: 30px; height: 30px; color: var(--red); flex-shrink: 0; }
.mup-duo__badge strong { display: block; font-size: 1.05rem; } .mup-seats { background: #fff; border-radius: var(--r-lg); padding: 2rem; box-shadow: var(--shadow-md); border: 1px solid var(--line); text-align: center; max-width: 420px; margin: 0 auto; width: 100%; }
.mup-seats__tutor { display: inline-flex; flex-direction: column; align-items: center; gap: .35rem; margin-bottom: 1.3rem; font-size: .78rem; font-weight: 700; color: var(--red); text-transform: uppercase; letter-spacing: .08em; }
.mup-seats__tutor .mup-ic { width: 54px; height: 54px; padding: 12px; border-radius: 50%; background: var(--red); color: #fff; box-shadow: 0 0 0 8px var(--red-lt); }
.mup-seats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; margin-bottom: 1.2rem; }
.mup-seats__grid span { aspect-ratio: 1; border-radius: 16px; background: var(--yellow-lt); border: 1.5px solid var(--yellow); display: grid; place-items: center; color: var(--ink); }
.mup-seats__grid .mup-ic { width: 26px; height: 26px; }
.mup-seats p { margin: 0; color: var(--muted); }
.mup-seats p strong { color: var(--red); font-size: 1.3rem; } .mup-terms { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.mup-term-card { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 1.3rem; box-shadow: var(--shadow-sm); }
.mup-term-card__label { display: inline-block; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #fff; background: var(--red); padding: .3rem .8rem; border-radius: 50px; margin-bottom: 1rem; }
.mup-term-card ol { display: grid; gap: .6rem; }
.mup-term-card li { padding: .7rem .85rem; border-radius: var(--r-sm); background: var(--chalk); font-weight: 700; font-size: .95rem; line-height: 1.3; }
.mup-term-card li small { display: block; font-size: .68rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; margin-bottom: .15rem; }
.mup-structure { margin: 1.75rem auto 0; max-width: 820px; text-align: center; }
.mup-structure h3 { font-size: 1.05rem; margin-bottom: .8rem; }
.mup-structure ol { display: grid; grid-template-columns: repeat(5, 1fr); gap: .45rem; }
.mup-structure li { background: var(--red); color: #fff; border-radius: 12px; padding: .7rem .4rem; font-weight: 700; font-size: .85rem; }
.mup-structure li small { display: block; font-size: .65rem; opacity: .85; text-transform: uppercase; letter-spacing: .05em; }
.mup-structure li.is-test { background: var(--yellow); color: var(--ink); } .mup-cards .mup-tile { padding: 1.4rem 1.25rem; } .mup-cta-stack { display: grid; gap: .6rem; justify-items: stretch; }
.mup-btn--ghost-white { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .6); }
.mup-btn--ghost-white:hover { border-color: #fff; background: rgba(255, 255, 255, .1); }
.mup-pg button.mup-btn--ghost-white:where(:hover, :focus, :active) { border-color: #fff; }
.mup-section--red .mup-trial-band h2 { font-size: clamp(1.4rem, 3vw, 2.1rem); } .mup-faq { max-width: 860px; margin: 0 auto 2rem; display: grid; gap: .7rem; }
.mup-faq__item { background: #fff; border: 1px solid var(--line); border-radius: var(--r-md); box-shadow: var(--shadow-sm); overflow: hidden; }
.mup-faq__item summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.1rem 1.3rem; font-weight: 700; font-size: 1rem; }
.mup-faq__item summary::-webkit-details-marker { display: none; }
.mup-faq__item summary span { width: 30px; height: 30px; border-radius: 50%; background: var(--red-lt); color: var(--red); display: grid; place-items: center; font-size: 1.2rem; flex-shrink: 0; transition: transform .2s; }
.mup-faq__item[open] summary span { transform: rotate(45deg); background: var(--red); color: #fff; }
.mup-faq__item > div { padding: 0 1.3rem 1.2rem; color: var(--muted); }
.mup-faq__item > div strong { color: var(--ink); }
.mup-faq__item summary:focus-visible { outline: 3px solid var(--yellow); outline-offset: -3px; } @media (max-width: 1024px) {
.mup-hero__grid--program { grid-template-columns: 1fr; }
.mup-glance { max-width: 520px; width: 100%; margin: 0 auto; }
.mup-lesson { grid-template-columns: repeat(2, 1fr); }
.mup-terms { grid-template-columns: repeat(2, 1fr); }
.mup-grid-4.mup-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 820px) {
.mup-duo { grid-template-columns: 1fr; }
.mup-flow { flex-direction: column; align-items: center; gap: 1.6rem; }
.mup-flow li { min-width: 240px; }
.mup-flow li:not(:last-child)::after { right: auto; left: 50%; top: auto; bottom: -1.35rem; transform: translateX(-50%) rotate(90deg); }
.mup-cta-stack { width: 100%; max-width: 360px; }
}
@media (max-width: 600px) {
.mup-hero--program .mup-ctas .mup-btn { width: 100%; }
.mup-lesson, .mup-terms, .mup-grid-4.mup-cards { grid-template-columns: 1fr; }
.mup-focus { grid-template-columns: 1fr; }
.mup-structure ol { grid-template-columns: repeat(5, 1fr); gap: .3rem; }
.mup-structure li { font-size: .7rem; padding: .55rem .2rem; }
.mup-seats { padding: 1.4rem; }
.mup-hero__chips li { font-size: .8rem; }
}
.mup-duo__badge > div > span { display: block; font-size: .86rem; color: var(--muted); margin: .15rem 0 .55rem; }
.mup-duo__badge li span { display: inline; margin: 0; font-size: inherit; }
.mup-ps--miu.mup-section--dark, .mup-ps--commit.mup-section--dark { padding-bottom: var(--sp); } .mup-skills { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; margin-bottom: 2rem; }
.mup-skill { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 1.5rem 1.35rem; box-shadow: var(--shadow-sm); }
.mup-skill__ic { width: 48px; height: 48px; border-radius: 14px; background: var(--red-lt); color: var(--red); display: grid; place-items: center; margin-bottom: .9rem; }
.mup-skill__ic .mup-ic { width: 24px; height: 24px; }
.mup-skill h3 { font-size: 1.1rem; margin-bottom: .5rem; }
.mup-skill p { font-size: .9rem; color: var(--muted); }
.mup-skill strong { color: var(--ink); }
.mup-skill__note { background: var(--yellow-lt); border-radius: var(--r-sm); padding: .6rem .8rem; font-size: .85rem !important; color: var(--ink) !important; margin-top: .8rem !important; }
@media (max-width: 1024px) { .mup-skills { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .mup-skills { grid-template-columns: 1fr; } } .mup-glance__price--text { font-size: 1.3rem !important; } .mup-nudge { font-weight: 700; color: var(--ink) !important; margin: 1.5rem 0 0 !important; font-size: 1.02rem; }
.mup-nudge--left { text-align: left; } .mup-booklet-wrap { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: clamp(1.4rem, 3vw, 2rem); box-shadow: var(--shadow-md); }
.mup-booklet { position: relative; width: 210px; height: 280px; margin: .5rem auto 1.5rem; border-radius: 6px 14px 14px 6px; background: linear-gradient(160deg, var(--red) 0%, var(--red-dk) 100%); color: #fff; padding: 1.2rem 1.1rem 1.2rem 2.1rem; display: flex; flex-direction: column; box-shadow: 0 18px 40px rgba(226, 26, 45, .32), inset -6px 0 0 rgba(0, 0, 0, .08); transform: rotate(-3deg); }
.mup-booklet::before { content: ''; position: absolute; left: 8px; top: 12px; bottom: 12px; width: 12px; background: repeating-linear-gradient(to bottom, #222 0 6px, transparent 6px 14px); border-radius: 3px; opacity: .85; }
.mup-booklet::after { content: ''; position: absolute; left: 1.4rem; right: 0; bottom: 0; height: 64px; background: rgba(255, 255, 255, .14); border-radius: 0 0 14px 0; }
.mup-booklet__brand { font-weight: 800; font-size: .95rem; letter-spacing: .01em; }
.mup-booklet__brand b { color: var(--yellow); }
.mup-booklet__year { position: absolute; top: 1.1rem; right: 1rem; border: 2px solid #fff; border-radius: 6px; padding: .1rem .45rem; font-size: .72rem; font-weight: 800; }
.mup-booklet__ic { margin: auto 0 .5rem; opacity: .9; }
.mup-booklet__ic .mup-ic { width: 54px; height: 54px; stroke-width: 1.5; }
.mup-booklet__title { font-size: 1.45rem; line-height: 1.05; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }
.mup-booklet__sub { font-size: .72rem; margin-top: .3rem; position: relative; z-index: 1; opacity: .95; }
.mup-booklet-img { display: block; max-width: 100%; margin: 0 auto 1.25rem; border-radius: var(--r-md); }
.mup-booklet-wrap__label { text-align: center; font-weight: 700; margin-bottom: .8rem !important; }
.mup-callouts { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem; }
.mup-callouts li { display: inline-flex; align-items: center; gap: .35rem; padding: .45rem .85rem; border-radius: 50px; background: var(--yellow-lt); border: 1px solid rgba(255, 199, 44, .6); font-size: .82rem; font-weight: 600; }
.mup-callouts .mup-ic { width: 15px; height: 15px; color: var(--red); stroke-width: 3; } .mup-modules { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.mup-module { position: relative; background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 1.75rem 1.5rem; box-shadow: var(--shadow-sm); overflow: hidden; transition: transform .2s var(--ease), box-shadow .2s; }
.mup-module:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.mup-module__n { position: absolute; top: .6rem; right: 1rem; font-size: 3.4rem; font-weight: 800; line-height: 1; color: var(--red-lt); }
.mup-module__ic { width: 64px; height: 64px; border-radius: 18px; background: var(--red); color: #fff; display: grid; place-items: center; margin-bottom: 1.1rem; position: relative; }
.mup-module__ic .mup-ic { width: 32px; height: 32px; }
.mup-module h3 { font-size: 1.2rem; margin-bottom: .5rem; position: relative; }
.mup-module p { color: var(--muted); font-size: .92rem; margin: 0; }
.mup-stat-line { display: flex; align-items: center; justify-content: center; gap: .6rem; margin: 1.5rem auto 0 !important; padding: .8rem 1.3rem; border-radius: 50px; background: var(--yellow-lt); width: fit-content; max-width: 100%; color: var(--ink) !important; }
.mup-stat-line .mup-ic { color: var(--red); } .mup-links { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin: 1rem 0 1.25rem; }
.mup-links span { padding: .4rem .85rem; border-radius: 50px; background: var(--red-lt); color: var(--red-dk); font-weight: 700; font-size: .85rem; }
.mup-links i { font-style: normal; color: var(--muted); font-weight: 700; }
.mup-qcard { background: #222; color: #fff; border-radius: var(--r-lg); padding: clamp(1.5rem, 3vw, 2.25rem); box-shadow: var(--shadow-lg); }
.mup-qcard__label { color: var(--yellow) !important; font-weight: 700; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 1rem !important; }
.mup-qcard ol { display: grid; gap: .65rem; }
.mup-qcard li { display: flex; align-items: center; gap: .8rem; padding: .85rem 1rem; border-radius: var(--r-md); background: rgba(255, 255, 255, .07); font-weight: 600; font-size: 1rem; }
.mup-qcard li span { width: 36px; height: 36px; border-radius: 50%; background: var(--red); display: grid; place-items: center; flex-shrink: 0; }
.mup-qcard li .mup-ic { width: 20px; height: 20px; } .mup-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; max-width: 980px; margin: 1.75rem auto 1.5rem; }
.mup-pills li { display: inline-flex; align-items: center; gap: .6rem; background: #fff; border: 1px solid var(--line); border-radius: 50px; padding: .5rem 1.1rem .5rem .5rem; box-shadow: var(--shadow-sm); font-weight: 600; font-size: .92rem; }
.mup-pills li span { width: 30px; height: 30px; border-radius: 50%; background: var(--red); color: #fff; display: grid; place-items: center; font-size: .8rem; font-weight: 800; flex-shrink: 0; }
.mup-pills--ticks li span { background: var(--yellow); color: var(--ink); }
.mup-pills--ticks li span .mup-ic { width: 16px; height: 16px; stroke-width: 3; } .mup-timeline { position: relative; display: grid; gap: 1rem; margin: 1.5rem 0 0; padding-left: 1.6rem; }
.mup-timeline::before { content: ''; position: absolute; left: 7px; top: 6px; bottom: 6px; width: 3px; border-radius: 3px; background: linear-gradient(var(--red), var(--yellow)); }
.mup-timeline li { position: relative; }
.mup-timeline li::before { content: ''; position: absolute; left: -1.6rem; top: 4px; width: 17px; height: 17px; border-radius: 50%; background: #fff; border: 4px solid var(--red); }
.mup-timeline li:last-child::before { border-color: var(--yellow); }
.mup-timeline strong { display: block; font-size: 1.05rem; color: var(--ink); }
.mup-timeline span { color: var(--muted); font-size: .92rem; }
.mup-duo__note { font-weight: 700; color: var(--ink) !important; background: var(--red-lt); border-radius: var(--r-sm); padding: .7rem .9rem; }
@media (max-width: 1024px) { .mup-modules { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) {
.mup-modules { grid-template-columns: 1fr; }
.mup-booklet { width: 180px; height: 240px; }
.mup-pills li { font-size: .85rem; }
} .mup-hero--miu { text-align: center; padding-bottom: clamp(5.5rem, 10vw, 8rem); }
.mup-miu-hero { max-width: 760px; }
.mup-miu-hero__avatar { position: relative; width: 112px; height: 112px; margin: 0 auto 1rem; }
.mup-miu-hero__avatar img, .mup-miu-hero__avatar > span { width: 112px; height: 112px; border-radius: 50%; object-fit: cover; object-position: top; border: 5px solid #fff; box-shadow: 0 0 0 6px var(--yellow), var(--shadow-md); display: grid; place-items: center; background: var(--red); color: #fff; }
.mup-miu-hero__avatar > span .mup-ic { width: 46px; height: 46px; }
.mup-miu-hero__live { position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); white-space: nowrap; background: #fff; color: var(--ink); font-style: normal; font-size: .72rem; font-weight: 700; padding: .25rem .7rem; border-radius: 50px; box-shadow: var(--shadow-sm); }
.mup-miu-hero__live::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #1fae5b; margin-right: .35rem; vertical-align: 1px; }
.mup-hero--miu h1 { font-size: clamp(2.4rem, 6vw, 4rem); margin: 1.2rem 0 .7rem; }
.mup-hero--miu .mup-hero__lead { margin: 0 auto 1.75rem; }
.mup-ask { display: flex; align-items: center; gap: .8rem; width: 100%; max-width: 680px; margin: 0 auto; padding: .55rem .55rem .55rem 1.1rem; background: #fff; border: 2px solid var(--red); border-radius: 999px; box-shadow: 0 10px 30px rgba(226, 26, 45, .14); text-align: left; transition: box-shadow .2s, transform .2s; }
.mup-ask:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(226, 26, 45, .22); }
.mup-ask:focus-visible { outline: 3px solid var(--yellow); outline-offset: 3px; }
.mup-ask__plus { font-size: 1.5rem; line-height: 1; color: var(--ink); width: 28px; text-align: center; }
.mup-ask__ph { flex: 1; color: #8a8a8a; font-size: 1.05rem; }
.mup-ask__send { width: 48px; height: 48px; border-radius: 50%; background: var(--red); color: #fff; display: grid; place-items: center; flex-shrink: 0; }
.mup-ask__hint { font-weight: 600; color: var(--ink) !important; margin: 1rem 0 1.5rem !important; }
.mup-ask__chips { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.mup-ask__chips button { border: 1px solid var(--line); background: #fff; border-radius: 50px; padding: .55rem 1rem; font: 600 .86rem 'Poppins', sans-serif; color: var(--ink); box-shadow: var(--shadow-sm); transition: border-color .2s, color .2s; }
.mup-ask__chips button:hover { border-color: var(--red); color: var(--red); }
.mup-contact-list { display: grid; gap: .8rem; margin-top: 1.25rem; }
.mup-contact-list li { display: flex; align-items: center; gap: .9rem; background: #fff; border: 1px solid var(--line); border-radius: var(--r-md); padding: .9rem 1rem; box-shadow: var(--shadow-sm); }
.mup-contact-list li > span { width: 44px; height: 44px; border-radius: 12px; background: var(--red-lt); color: var(--red); display: grid; place-items: center; flex-shrink: 0; }
.mup-contact-list strong { display: block; font-size: .8rem; color: var(--muted); font-weight: 600; }
.mup-contact-list a { font-weight: 700; text-decoration: none; color: var(--ink) !important; }
.mup-pg--miu .mup-trial-band { grid-template-columns: 1fr auto; }
@media (max-width: 600px) {
.mup-ask__ph { font-size: .95rem; }
.mup-ask__chips button { font-size: .8rem; }
} .mup-skills { display: flex; flex-wrap: wrap; justify-content: center; }
.mup-skills > .mup-skill { flex: 0 1 calc((100% - 2.2rem) / 3); }
@media (max-width: 1024px) { .mup-skills > .mup-skill { flex-basis: calc((100% - 1.1rem) / 2); } }
@media (max-width: 600px) { .mup-skills > .mup-skill { flex-basis: 100%; } }
@-webkit-keyframes rotating4{from{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating4{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animation4{from{left:-40%;width:40%}to{left:100%;width:10%}}@keyframes animation4{from{left:-40%;width:40%}to{left:100%;width:10%}}:root{--lp-cotainer-max-with:var(--lp-container-max-width)}.wp-block-group{--lp-container-max-width:var(--wp--style--global--wide-size)}@font-face{font-family:"lp-icon";src:url(//www.markitup.com.au/wp-content/plugins/learnpress/assets/src/css/vendor/fonts/lp-icon/lp-icon.woff2?v=71) format("woff2");font-weight:normal;font-style:normal;font-display:swap}[class^=lp-icon-],[class*=" lp-icon-"]{font-family:"lp-icon";speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lp-icon-plus:before{content:"\f067"}.lp-icon-question:before{content:"\f128"}.lp-icon-minus:before{content:"\f068"}.lp-icon-search:before{content:"\f002"}.lp-icon-envelope-o:before{content:"\f003"}.lp-icon-heart:before{content:"\f004"}.lp-icon-star:before{content:"\f005"}.lp-icon-star-o:before{content:"\f006"}.lp-icon-user:before{content:"\f007"}.lp-icon-th-large:before{content:"\f009"}.lp-icon-th:before{content:"\f00a"}.lp-icon-th-list:before{content:"\f00b"}.lp-icon-check:before{content:"\f00c"}.lp-icon-close:before{content:"\f00d"}.lp-icon-remove:before{content:"\f00d"}.lp-icon-times:before{content:"\f00d"}.lp-icon-signal:before{content:"\f012"}.lp-icon-cog:before{content:"\f013"}.lp-icon-gear:before{content:"\f013"}.lp-icon-trash-o:before{content:"\f014"}.lp-icon-home:before{content:"\f015"}.lp-icon-file-o:before{content:"\f016"}.lp-icon-clock-o:before{content:"\f017"}.lp-icon-download:before{content:"\f019"}.lp-icon-play-circle-o:before{content:"\f01d"}.lp-icon-refresh:before{content:"\f021"}.lp-icon-lock:before{content:"\f023"}.lp-icon-flag:before{content:"\f024"}.lp-icon-book:before{content:"\f02d"}.lp-icon-bookmark:before{content:"\f02e"}.lp-icon-video-camera:before{content:"\f03d"}.lp-icon-edit:before{content:"\f044"}.lp-icon-pencil-square-o:before{content:"\f044"}.lp-icon-check-square-o:before{content:"\f046"}.lp-icon-arrows:before{content:"\f047"}.lp-icon-chevron-left:before{content:"\f053"}.lp-icon-chevron-right:before{content:"\f054"}.lp-icon-check-circle:before{content:"\f058"}.lp-icon-question-circle:before{content:"\f059"}.lp-icon-arrow-left:before{content:"\f060"}.lp-icon-arrow-right:before{content:"\f061"}.lp-icon-expand:before{content:"\f065"}.lp-icon-compress:before{content:"\f066"}.lp-icon-exclamation-circle:before{content:"\f06a"}.lp-icon-gift:before{content:"\f06b"}.lp-icon-eye:before{content:"\f06e"}.lp-icon-eye-slash:before{content:"\f070"}.lp-icon-exclamation-triangle:before{content:"\f071"}.lp-icon-warning:before{content:"\f071"}.lp-icon-calendar:before{content:"\f073"}.lp-icon-comment:before{content:"\f075"}.lp-icon-chevron-up:before{content:"\f077"}.lp-icon-chevron-down:before{content:"\f078"}.lp-icon-shopping-cart:before{content:"\f07a"}.lp-icon-bar-chart:before{content:"\f080"}.lp-icon-bar-chart-o:before{content:"\f080"}.lp-icon-key:before{content:"\f084"}.lp-icon-cogs:before{content:"\f085"}.lp-icon-gears:before{content:"\f085"}.lp-icon-thumbs-o-up:before{content:"\f087"}.lp-icon-thumbs-o-down:before{content:"\f088"}.lp-icon-heart-o:before{content:"\f08a"}.lp-icon-sign-out:before{content:"\f08b"}.lp-icon-linkedin-square:before{content:"\f08c"}.lp-icon-sign-in:before{content:"\f090"}.lp-icon-phone:before{content:"\f095"}.lp-icon-square-o:before{content:"\f096"}.lp-icon-bookmark-o:before{content:"\f097"}.lp-icon-twitter:before{content:"\f099"}.lp-icon-facebook:before{content:"\f09a"}.lp-icon-facebook-f:before{content:"\f09a"}.lp-icon-unlock:before{content:"\f09c"}.lp-icon-bullhorn:before{content:"\f0a1"}.lp-icon-bell-o:before{content:"\f0a2"}.lp-icon-certificate:before{content:"\f0a3"}.lp-icon-briefcase:before{content:"\f0b1"}.lp-icon-arrows-alt:before{content:"\f0b2"}.lp-icon-copy:before{content:"\f0c5"}.lp-icon-files-o:before{content:"\f0c5"}.lp-icon-pinterest-square:before{content:"\f0d3"}.lp-icon-google-plus-square:before{content:"\f0d4"}.lp-icon-google-plus:before{content:"\f0d5"}.lp-icon-money-bill-alt:before{content:"\f0d6"}.lp-icon-caret-down:before{content:"\f0d7"}.lp-icon-caret-up:before{content:"\f0d8"}.lp-icon-caret-left:before{content:"\f0d9"}.lp-icon-caret-right:before{content:"\f0da"}.lp-icon-linkedin:before{content:"\f0e1"}.lp-icon-comment-o:before{content:"\f0e5"}.lp-icon-file-text-o:before{content:"\f0f6"}.lp-icon-angle-double-left:before{content:"\f100"}.lp-icon-angle-double-right:before{content:"\f101"}.lp-icon-angle-double-up:before{content:"\f102"}.lp-icon-angle-double-down:before{content:"\f103"}.lp-icon-angle-left:before{content:"\f104"}.lp-icon-angle-right:before{content:"\f105"}.lp-icon-angle-up:before{content:"\f106"}.lp-icon-angle-down:before{content:"\f107"}.lp-icon-desktop:before{content:"\f108"}.lp-icon-mobile:before{content:"\f10b"}.lp-icon-mobile-phone:before{content:"\f10b"}.lp-icon-circle-o:before{content:"\f10c"}.lp-icon-spinner:before{content:"\f110"}.lp-icon-code:before{content:"\f121"}.lp-icon-puzzle-piece:before{content:"\f12e"}.lp-icon-calendar-o:before{content:"\f133"}.lp-icon-ellipsis-h:before{content:"\f141"}.lp-icon-ellipsis-v:before{content:"\f142"}.lp-icon-file:before{content:"\f15b"}.lp-icon-file-alt:before{content:"\f15c"}.lp-icon-youtube-play:before{content:"\f16a"}.lp-icon-instagram:before{content:"\f16d"}.lp-icon-dot-circle-o:before{content:"\f192"}.lp-icon-graduation-cap:before{content:"\f19d"}.lp-icon-mortar-board:before{content:"\f19d"}.lp-icon-google:before{content:"\f1a0"}.lp-icon-language:before{content:"\f1ab"}.lp-icon-database:before{content:"\f1c0"}.lp-icon-file-pdf:before{content:"\f1c1"}.lp-icon-file-word:before{content:"\f1c2"}.lp-icon-file-excel:before{content:"\f1c3"}.lp-icon-file-powerpoint:before{content:"\f1c4"}.lp-icon-file-image:before{content:"\f1c5"}.lp-icon-file-photo:before{content:"\f1c5"}.lp-icon-file-picture:before{content:"\f1c5"}.lp-icon-file-archive:before{content:"\f1c6"}.lp-icon-file-zip:before{content:"\f1c6"}.lp-icon-file-audio:before{content:"\f1c7"}.lp-icon-file-sound:before{content:"\f1c7"}.lp-icon-file-movie:before{content:"\f1c8"}.lp-icon-file-video:before{content:"\f1c8"}.lp-icon-file-code:before{content:"\f1c9"}.lp-icon-circle-thin:before{content:"\f1db"}.lp-icon-share-alt:before{content:"\f1e0"}.lp-icon-pie-chart:before{content:"\f200"}.lp-icon-line-chart:before{content:"\f201"}.lp-icon-user-secret:before{content:"\f21b"}.lp-icon-television:before{content:"\f26c"}.lp-icon-tv:before{content:"\f26c"}.lp-icon-question-circle-o:before{content:"\f29c"}.lp-icon-google-plus-circle:before{content:"\f2b3"}.lp-icon-google-plus-official:before{content:"\f2b3"}.lp-icon-user-circle:before{content:"\f2bd"}.lp-icon-user-graduate:before{content:"\f501"}.lp-icon-user-edit:before{content:"\f4ff"}.lp-icon-my-courses:before{content:"\e900"}.lp-icon-clock:before{content:"\e901"}.lp-icon-stopwatch:before{content:"\f2f2"}.lp-icon-file-download:before{content:"\f56d"}.lp-icon-list:before{content:"\f03a"}.lp-icon-students:before{content:"\e902"}.lp-icon-courses:before{content:"\e903"}.lp-icon-tiktok-alt:before{content:"\e908"}.lp-icon-alarm-clock:before{content:"\e909"}.lp-icon-art-and-design:before{content:"\e90a"}.lp-icon-best-customer-experience:before{content:"\e90b"}.lp-icon-certificate-o:before{content:"\e90c"}.lp-icon-community:before{content:"\e90d"}.lp-icon-online-education:before{content:"\e90e"}.lp-icon-concierge-bell:before{content:"\e90f"}.lp-icon-target:before{content:"\e910"}.lp-icon-content-marketing:before{content:"\e911"}.lp-icon-dollar-sign:before{content:"\e912"}.lp-icon-website:before{content:"\e913"}.lp-icon-worldwide-security:before{content:"\e914"}.lp-icon-educational-programs:before{content:"\e915"}.lp-icon-online-class:before{content:"\e916"}.lp-icon-monitor:before{content:"\e917"}.lp-icon-lucide:before{content:"\e918"}.lp-icon-ebook:before{content:"\e919"}.lp-icon-co-instructor:before{content:"\e904"}.lp-icon-close-circle:before{content:"\e907"}.lp-icon-layers:before{content:"\e91a"}.lp-icon-filter:before{content:"\e91c"}.lp-icon-in_progress_course:before{content:"\e91d"}.lp-icon-finished_courses:before{content:"\e91e"}.lp-icon-failed_courses:before{content:"\e91f"}.lp-icon-passed_courses:before{content:"\e920"}.lp-icon-student_in_progress:before{content:"\e924"}.lp-icon-student_completed:before{content:"\e925"}.lp-icon-published_course:before{content:"\e926"}.lp-icon-pending_course:before{content:"\e927"}.lp-icon-list-check:before{content:"\e929"}.lp-icon-icon-h5p:before{content:"\e92a"}.lp-icon-comment-written:before{content:"\e921"}.lp-icon-book-open:before{content:"\f518"}.lp-icon-pinterest-p:before{content:"\f231"}.lp-icon-dropbox:before{content:"\e905"}.lp-icon-edit-square:before{content:"\e923"}.lp-icon-drag:before{content:"\e922"}.lp-icon-map-pin:before{content:"\e91b"}.lp-icon-map-marker:before{content:"\e91b"}.lp-icon-box:before{content:"\e906"}.lp-ico-ai{display:inline-block;width:13px;height:13px;background-image:url(//www.markitup.com.au/wp-content/plugins/learnpress/images/icons/ico-ai.svg);background-size:contain;background-repeat:no-repeat}.lp-skeleton-animation{margin:0;padding:0;list-style:none}.lp-skeleton-animation>li{width:100%;height:16px;margin-top:15px;border-radius:2px;background:linear-gradient(90deg,hsla(0,0%,74.5%,0.2) 25%,hsla(0,0%,50.6%,0.24) 37%,hsla(0,0%,74.5%,0.2) 63%);background-size:400% 100%;list-style:none;animation:lp-skeleton-loading 1.4s ease infinite}@keyframes lp-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.lp-loading-circle{width:15px;height:15px;border:2px solid #ccc;border-radius:50%;border-top-color:rgba(0,0,0,0.76);animation:spin 1s infinite linear;display:inline-block}.lp-loading-circle.hide{display:none}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.lp-form-course-filter__title{font-weight:500;margin-bottom:12px}.lp-form-course-filter__content{position:relative}.lp-form-course-filter__content .lp-course-filter__field *{cursor:pointer}.lp-form-course-filter__content .lp-course-filter__field{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer}.lp-form-course-filter__content .lp-course-filter__field input:focus{outline:0}.lp-form-course-filter__content .lp-course-filter__field input[disabled]{cursor:not-allowed}.lp-form-course-filter__content .lp-course-filter__field label{margin:0;text-transform:capitalize;line-height:inherit;flex:1}.lp-form-course-filter__content .lp-course-filter__field .count{color:#999}.lp-form-course-filter__content .lp-course-filter-search-field{position:relative;display:flex;align-items:center}.lp-form-course-filter__content .lp-course-filter-search-field input{width:100%;line-height:2rem;border:1px solid #eee;padding:8px}.lp-form-course-filter__content .lp-course-filter-search-field input:focus{outline:0}.lp-form-course-filter__content .lp-course-filter-search-field .lp-loading-circle{position:absolute;right:10px}.lp-form-course-filter__content .lp-course-filter-search-result{position:absolute;z-index:10;background:white;width:100%;border:1px solid #eee;max-height:300px;overflow-y:auto;padding:0}.lp-form-course-filter__content .lp-course-filter-search-result:empty{border:0}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list{padding:0 10px}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .item-course-suggest{display:flex;gap:8px;padding:10px 0;align-items:center;border-bottom:1px solid #f5f5f5}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .item-course-suggest:last-child{border-bottom:0}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .course-img{width:50px}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .course-img img{width:50px;height:auto;display:block}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list a{font-size:.875em;line-height:1em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list a span{font-size:.875em;line-height:1em}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-info{border-top:1px solid #eee;padding:10px;background:#e8f0fe;font-weight:500;display:flex;justify-content:space-between}.lp-form-course-filter .course-filter-submit,.lp-form-course-filter .course-filter-reset{padding:12px 24px;text-transform:capitalize;width:calc(50% - 4px);border:1px solid #ccc;border-radius:4px;background-color:var(--lp-button-background-color);color:var(--lp-button-color)}.lp-form-course-filter .course-filter-submit:focus,.lp-form-course-filter .course-filter-reset:focus{outline:0}.lp-form-course-filter .course-filter-submit:hover,.lp-form-course-filter .course-filter-reset:hover{color:#fff;background:var(--lp-primary-color)}.lp-form-course-filter .course-filter-reset{margin-left:4px}.lp-form-course-filter .course-filter-submit{margin-right:4px}.lp-form-course-filter .lp-form-course-filter__item{margin-bottom:12px;border-bottom:1px solid #ccc;padding-bottom:12px}.lp-form-course-filter .lp-form-course-filter__item .lp-cate-parent .lp-cate-child{margin-left:1rem}#learn-press-become-teacher-form .become-teacher-fields{list-style:none;padding:0}.lp-form-course-filter__close,.elementor-widget-container .lp-form-course-filter__close{display:none}.elementor-widget-container .learnpress-widget-wrapper{position:unset}@media(max-width:768px){.widget_course_filter{position:fixed !important;right:0;top:0;bottom:0;z-index:999999;width:400px;height:100%;background-color:#fff;transition:.3s;display:block;overflow-y:auto;border:none !important;border-radius:0 !important;transform:translate3d(100%,0,0);margin:0;opacity:0;visibility:hidden;padding:20px}.widget_course_filter .lp-form-block-course-filter .course-filter-submit,.widget_course_filter .lp-form-course-filter .course-filter-submit{width:100%;margin:0}.widget_course_filter .lp-form-block-course-filter .course-filter-reset,.widget_course_filter .lp-form-course-filter .course-filter-reset{width:100%;margin:12px 0 0 0}.widget_course_filter .widget-title{display:flex;gap:16px;align-items:center;font-size:calc(var(--lp-font-size-base, 1em) * 1.25)}.show-lp-course-filter-mobile{overflow:hidden}.show-lp-course-filter-mobile .widget_course_filter{transform:none;opacity:1;visibility:visible}.show-lp-course-filter-mobile .lp-archive-courses-sidebar::after{position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.9);content:"";-webkit-transition:opacity .5s,width .1s .5s,height .1s .5s;transition:opacity .5s,width .1s .5s,height .1s .5s;z-index:99999}.show-lp-course-filter-mobile .learnpress-widget-wrapper{position:unset}.lp-form-course-filter__close,.elementor-widget-container .lp-form-course-filter__close{display:flex;position:absolute;right:0;top:20px;left:auto;align-items:center;justify-content:center;gap:4px;padding:0 20px}.lp-form-course-filter__close i,.elementor-widget-container .lp-form-course-filter__close i{font-size:1rem}}@media(max-width:500px){.widget_course_filter{width:100%;left:0;right:0;box-sizing:border-box}}@keyframes lp-rotating{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes lp-rotating{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.lp-loading-change{position:absolute;width:100%;height:100%;background:rgba(255,255,255,0.38);top:0}.lp-load-ajax-element{position:relative}@media(min-width:1024px){body.theme-divi{--lp-cotainer-padding:0}}.learnpress.widget{margin-bottom:30px}.learnpress.widget h3{margin-bottom:20px}.learnpress.widget a{text-decoration:none}.learnpress-widget-wrapper{margin-top:16px;position:relative}.learnpress-widget-wrapper .lp-widget-loading-change{display:none;position:absolute;width:100%;height:100%;background:rgba(255,255,255,0.38);top:0;z-index:10}.learnpress-widget-wrapper .lp-widget-course{margin:0 0 30px 0;border:1px solid #eee}.learnpress-widget-wrapper .lp-widget-course__image img{height:auto;width:100%;display:block}.learnpress-widget-wrapper .lp-widget-course__title{margin-bottom:20px;font-size:1em;font-weight:600}.learnpress-widget-wrapper .lp-widget-course__content{margin:0;padding:16px;border-top:1px solid #eee}.learnpress-widget-wrapper .lp-widget-course__title{margin:4px 0 16px 0}.learnpress-widget-wrapper .lp-widget-course__meta{display:grid;margin:16px 0 0 0;grid-template-columns:repeat(2,1fr);justify-content:space-between;align-items:center;gap:24px}.learnpress-widget-wrapper .lp-widget-course__meta .course-price{margin-bottom:0}.learnpress-widget-wrapper .lp-widget-course__meta .course-price .course-item-price{display:flex;flex-direction:column}.learnpress-widget-wrapper .lp-widget-course__description{color:#666;font-size:.875em}.learnpress-widget-wrapper .lp-widget-course__price{color:#444;font-size:.875em;font-weight:600}.learnpress-widget-wrapper .lp-widget-course__instructor{display:flex;align-items:center}.learnpress-widget-wrapper .lp-widget-course__instructor__avatar{margin-right:5px}.learnpress-widget-wrapper .lp-widget-course__instructor__avatar img{width:20px;border-radius:20px;height:20px;display:block}.learnpress-widget-wrapper .lp-widget-course__instructor>a{color:#777;font-size:.875em}.learnpress.widget_course_progress .lp_widget_course_progress,.elementor-widget-wp-widget-learnpress_widget_course_progress .lp_widget_course_progress{margin:0;padding:20px;border:1px solid #eee}.learnpress.widget_course_progress .course-results-progress,.elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress{margin-top:10px;font-size:.8em}.learnpress.widget_course_progress .course-results-progress .items-progress,.elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress .items-progress{display:flex;margin-bottom:7px;justify-content:space-between;align-items:center}.learnpress.widget_course_progress .course-results-progress .items-progress__heading,.elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress .items-progress__heading{font-weight:400}.learnpress.widget_course_progress .lp-course-progress,.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress{width:100%}.learnpress.widget_course_progress .lp-course-progress.learn-press-progress,.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress{position:relative}.learnpress.widget_course_progress .lp-course-progress.learn-press-progress .progress-bg,.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .progress-bg{overflow:hidden;position:relative;height:6px;background:#ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.learnpress.widget_course_progress .lp-course-progress.learn-press-progress .progress-bg .progress-active,.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .progress-bg .progress-active{position:absolute;left:50%;width:100%;height:100%;margin-left:-100%;background:var(--lp-primary-color);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.learnpress.widget_course_progress .lp-course-progress.learn-press-progress .lp-passing-conditional,.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .lp-passing-conditional{position:absolute;top:0;width:3px;height:6px;margin-left:-1px;background:var(--lp-secondary-color)}.lp_widget_course_info{margin:0;padding:20px;border:1px solid var(--lp-border-color,#e2e0db)}.lp_widget_course_info h3{margin-bottom:15px}.lp_widget_course_info ul{margin:0;padding:0}.lp_widget_course_info ul li{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.lp_widget_course_info ul label{font-size:var(--lp-font-size-base,1em);margin:0}.lp-widget-course-extra{margin:0}.lp-widget-course-extra h3{margin-bottom:20px;font-size:var(--lp-font-size-base,1em)}.lp-widget-course-extra__content h4.course-extras__title{margin:0;margin-bottom:15px;font-size:var(--lp-font-size-base,1em);font-weight:600}.lp-widget-course-extra__content ul{margin:0;padding:0}.lp-widget-course-extra__content ul li{margin-bottom:10px}.lp-widget-course-extra__content .course-extras{display:block}.lp-widget-course-extra__content .course-extras .course-extras__content ul{list-style:none}.lp-widget-course-extra__content .course-extras .course-extras__content ol{list-style-position:inside}.lp-widget-course-extra__content .course-extras .course-extras__content ul li,.lp-widget-course-extra__content .course-extras .course-extras__content ol li{position:relative;border:0}.lp-widget-course-extra__content .course-extras.style-checks ul li,.lp-widget-course-extra__content .course-extras.style-checks ol li{padding-left:20px}.lp-widget-course-extra__content .course-extras.style-checks ul li::before,.lp-widget-course-extra__content .course-extras.style-checks ol li::before{display:inline-block;position:absolute;top:50%;left:0;width:12px;height:7px;border:2px solid #8794b9;border-top:0;border-right:0;content:"";transform:rotate(-54deg) translateY(-50%)}.lp-widget-course-extra__content .course-extras.style-radios ul li,.lp-widget-course-extra__content .course-extras.style-radios ol li{padding-left:20px}.lp-widget-course-extra__content .course-extras.style-radios ul li::before,.lp-widget-course-extra__content .course-extras.style-radios ol li::before{display:inline-block;position:absolute;top:50%;left:0;width:12px;height:7px;border:2px solid #8794b9;border-top:0;border-right:0;content:"";transform:rotate(-54deg) translateY(-50%)}.learnpress.widget_course_featured .lp-widget-featured-courses__footer,.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer{margin-top:20px;padding-top:10px;border-top:1px solid #eee}.learnpress.widget_course_featured .lp-widget-featured-courses__footer__link,.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link{font-size:1rem;line-height:1}.learnpress.widget_course_featured .lp-widget-featured-courses__footer__link::before,.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link::before{content:"←"}.learnpress.widget_course_popular .lp-widget-popular-courses__footer,.elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer{margin-top:20px;padding-top:10px;border-top:1px solid #eee}.learnpress.widget_course_popular .lp-widget-popular-courses__footer__link,.elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer__link{font-size:1rem;line-height:1}.learnpress.widget_course_popular .lp-widget-popular-courses__footer__link::before,.elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer__link::before{content:"←"}.learnpress.widget_course_recent .lp-widget-recent-courses__footer,.elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer{margin-top:20px;padding-top:10px;border-top:1px solid #eee}.learnpress.widget_course_recent .lp-widget-recent-courses__footer__link,.elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer__link{font-size:1rem;line-height:1}.learnpress.widget_course_recent .lp-widget-recent-courses__footer__link::before,.elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer__link::before{content:"←"}.learnpress-widget-wrapper__restapi .lp-skeleton-animation{min-width:250px}.learnpress-widget-wrapper__restapi ul{padding:0}