/*
Theme Name: Mr Hossam Ibrahim - Wazeer El Kimia
Theme URI: https://mrhossamibrahim.com/
Author: mrhossamibrahim.com
Description: Premium Arabic chemistry education theme for Mr Hossam Ibrahim (Wazeer El Kimia), Tutor LMS and WooCommerce ready.
Version: 1.0.32
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: mrhossamibrahim-academy
*/

:root{--aez-orange:#28574C;--aez-orange-dark:#173C35;--aez-ink:#0F2E29;--aez-muted:#60746A;--aez-border:#D7E4DB;--aez-soft:#EDF5EF;--aez-green:#4F846F;--aez-radius:22px;--aez-shadow:0 16px 45px rgba(9,35,36,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--aez-ink);font-family:"Tajawal","Cairo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.75;direction:rtl}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,92%);margin-inline:auto}.site-main{min-height:60vh}.aez-btn,.wp-element-button,.tutor-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:.55rem;border-radius:14px!important;padding:.82rem 1.25rem!important;font-weight:800!important;border:1px solid transparent!important;transition:.2s ease}.aez-btn-primary,.tutor-btn-primary{background:var(--aez-orange)!important;color:#fff!important}.aez-btn-primary:hover,.tutor-btn-primary:hover{background:var(--aez-orange-dark)!important;transform:translateY(-1px)}.aez-btn-outline{background:#fff;border-color:var(--aez-orange)!important;color:var(--aez-orange)!important}.aez-section{padding:74px 0}.aez-section-title{font-size:clamp(1.7rem,3vw,2.6rem);margin:0 0 10px;font-weight:900;letter-spacing:-.03em}.aez-section-sub{color:var(--aez-muted);margin:0 auto 28px;max-width:740px}.aez-kicker{display:inline-flex;background:var(--aez-soft);color:var(--aez-orange);border:1px solid #DFEEE3;border-radius:999px;padding:6px 12px;font-size:.88rem;font-weight:800}

/* Header */
.aez-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(223,238,227,.85)}.aez-nav{height:78px;display:flex;align-items:center;gap:26px}.aez-brand{display:flex;align-items:center;gap:10px;min-width:max-content}.aez-brand img{width:54px;height:54px}.aez-brand-text strong{display:block;font-size:1.02rem;line-height:1.2}.aez-brand-text span{font-size:.72rem;color:var(--aez-muted)}.aez-menu{display:flex;gap:24px;align-items:center;margin-right:auto;margin-left:auto}.aez-menu a{font-weight:800;font-size:.95rem;position:relative}.aez-menu a:hover,.aez-menu .current-menu-item>a{color:var(--aez-orange)}.aez-menu a:after{content:"";height:2px;width:0;background:var(--aez-orange);position:absolute;right:0;bottom:-8px;transition:.2s}.aez-menu a:hover:after{width:100%}.aez-actions{display:flex;align-items:center;gap:10px}.aez-menu-toggle{display:none;border:0;background:var(--aez-soft);border-radius:12px;padding:10px;font-size:1.25rem}


/* Header hardening: protects the custom theme header from legacy page-builder/custom CSS that hides generic header elements. */
#aez-site-header.aez-header{display:block!important;visibility:visible!important;opacity:1!important;position:sticky!important;top:0!important;width:100%!important;height:auto!important;min-height:78px!important;overflow:visible!important;transform:none!important;clip:auto!important;clip-path:none!important;z-index:999999!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid rgba(223,238,227,.95)!important}
#aez-site-header .aez-nav{display:flex!important;visibility:visible!important;opacity:1!important}
#aez-site-header .aez-brand{display:flex!important;visibility:visible!important;opacity:1!important}
#aez-site-header .aez-brand img{display:block!important;visibility:visible!important;opacity:1!important;width:54px!important;height:54px!important}
#aez-site-header .aez-brand-text{display:block!important;visibility:visible!important;opacity:1!important}
#aez-site-header .aez-brand-text strong{display:block!important}
body.admin-bar #aez-site-header.aez-header{top:32px!important}
@media(max-width:782px){body.admin-bar #aez-site-header.aez-header{top:46px!important}}

/* Hero */
.aez-hero{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#F5F9F6 100%);border-bottom:1px solid var(--aez-border)}.aez-hero-grid{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px}.aez-hero-copy h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.07;margin:16px 0 18px;font-weight:950;letter-spacing:-.055em}.aez-hero-copy h1 span{color:var(--aez-orange)}.aez-hero-copy p{font-size:1.15rem;color:var(--aez-muted);max-width:650px}.aez-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.aez-hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.aez-mini{border:1px solid var(--aez-border);background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 25px rgba(9,35,36,.04)}.aez-mini b{display:block;color:var(--aez-orange);font-size:1.05rem}.aez-mini span{color:var(--aez-muted);font-size:.86rem}.aez-hero-visual{position:relative;min-height:560px;display:flex;align-items:flex-end;justify-content:center}.aez-blob{position:absolute;inset:70px 10px 30px;border-radius:42% 58% 48% 52% / 44% 45% 55% 56%;background:radial-gradient(circle at 55% 30%,#BFD7C7 0,#8DB89D 38%,#28574C 100%);opacity:.18}.aez-hero-visual img{position:relative;z-index:2;max-height:580px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(9,35,36,.15))}.aez-quote{position:absolute;z-index:3;left:0;top:90px;background:#fff;border:1px solid #DFEEE3;border-radius:18px;padding:16px 18px;box-shadow:var(--aez-shadow);font-weight:900;max-width:180px}.aez-quote:before{content:'“';color:var(--aez-orange);font-size:2rem;line-height:.5}

/* Cards */
.aez-features{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.aez-feature{border:1px solid var(--aez-border);border-radius:18px;padding:20px 16px;background:#fff;box-shadow:0 10px 26px rgba(9,35,36,.035);transition:.2s}.aez-feature:hover{transform:translateY(-4px);border-color:#BFD7C7}.aez-feature .icon{width:44px;height:44px;border-radius:14px;background:var(--aez-soft);display:grid;place-items:center;color:var(--aez-orange);font-size:1.35rem;margin-bottom:10px}.aez-feature h3{font-size:1rem;margin:0 0 5px}.aez-feature p{font-size:.86rem;color:var(--aez-muted);margin:0}.aez-about{background:#F5F9F6}.aez-about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.aez-about-image{position:relative;min-height:420px}.aez-about-image img{height:440px;object-fit:contain}.aez-about-copy p{color:var(--aez-muted)}.aez-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.aez-badge{border:1px solid var(--aez-border);border-radius:14px;background:#fff;padding:13px 14px;font-weight:800}.aez-grades{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.aez-grade{border:1px solid var(--aez-border);border-radius:20px;padding:24px;background:#fff;box-shadow:0 10px 28px rgba(9,35,36,.045);position:relative;overflow:hidden}.aez-grade:before{content:"";position:absolute;left:-20px;top:-20px;width:90px;height:90px;border-radius:50%;background:var(--aez-soft)}.aez-grade h3{margin:0;font-size:1.2rem}.aez-grade p{color:var(--aez-muted);margin:5px 0 0}.aez-courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.aez-course-card{border:1px solid var(--aez-border);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 12px 32px rgba(9,35,36,.05)}.aez-course-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.aez-course-card-body{padding:18px}.aez-course-card h3{margin:6px 0 4px;font-size:1.16rem}.aez-course-card p{color:var(--aez-muted);font-size:.9rem;margin:0 0 14px}.aez-course-meta{display:flex;gap:12px;color:var(--aez-muted);font-size:.85rem;margin:10px 0 14px}.aez-cta{background:linear-gradient(135deg,#28574C,#28574C);color:#fff;border-radius:28px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;position:relative}.aez-cta h2{margin:0 0 8px;font-size:2rem}.aez-cta p{margin:0;opacity:.9}.aez-cta img{height:210px;position:absolute;left:20px;bottom:-15px}

/* Generic pages */
.aez-page-hero{padding:50px 0 28px;background:#F5F9F6;border-bottom:1px solid var(--aez-border)}.aez-page-hero h1{margin:0;font-size:2.4rem}.aez-content{padding:50px 0}.aez-content article{background:#fff;border:1px solid var(--aez-border);border-radius:20px;padding:30px}

/* Auth */
.aez-auth{padding:46px 0;background:linear-gradient(180deg,#fff,#F5F9F6)}.aez-auth-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:stretch}.aez-auth-brand,.aez-auth-card{border:1px solid var(--aez-border);border-radius:26px;background:#fff;box-shadow:var(--aez-shadow)}.aez-auth-brand{padding:34px;position:relative;overflow:hidden}.aez-auth-brand img{max-height:460px;display:block;margin:20px auto 0}.aez-auth-card{padding:34px}.aez-auth-card h1{margin-top:0}.aez-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.aez-field{display:flex;flex-direction:column;gap:7px}.aez-field.full{grid-column:1/-1}.aez-field label{font-weight:800}.aez-field input,.aez-field select{width:100%;border:1px solid #DFEEE3;border-radius:13px;padding:13px 14px;font:inherit;background:#fff;outline:none}.aez-field input:focus,.aez-field select:focus{border-color:var(--aez-orange);box-shadow:0 0 0 3px rgba(40,87,76,.1)}.aez-radio-row{display:flex;gap:8px;flex-wrap:wrap}.aez-radio{flex:1;min-width:100px;border:1px solid #DFEEE3;border-radius:12px;padding:11px 12px;text-align:center}.aez-notice{border-radius:14px;padding:12px 14px;margin-bottom:16px}.aez-notice.error{background:#FFF1F1;color:#B42318}.aez-notice.success{background:#EDF5EF;color:#173C35}

/* Footer */
.aez-footer{border-top:1px solid var(--aez-border);padding:46px 0 20px;background:#fff}.aez-footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:32px}.aez-footer h4{margin:0 0 12px}.aez-footer ul{list-style:none;padding:0;margin:0}.aez-footer li{margin:7px 0;color:var(--aez-muted)}.aez-copy{text-align:center;color:var(--aez-muted);font-size:.82rem;border-top:1px solid var(--aez-border);margin-top:28px;padding-top:18px}

/* Tutor LMS compatibility */
.tutor-wrap,.tutor-container{max-width:1180px!important;margin-inline:auto!important}.tutor-dashboard,.tutor-course-single-content-wrapper,.tutor-course-details-page{font-family:inherit!important}.tutor-card,.tutor-dashboard .tutor-dashboard-content,.tutor-course-card,.tutor-course-details-tab,.tutor-course-single-sidebar-wrapper{border-radius:18px!important;border-color:var(--aez-border)!important;box-shadow:0 10px 28px rgba(9,35,36,.045)!important}.tutor-color-primary,.tutor-link{color:var(--aez-orange)!important}.tutor-bg-primary{background:var(--aez-orange)!important}.tutor-form-control{border-radius:12px!important}.tutor-form-control:focus{border-color:var(--aez-orange)!important;box-shadow:0 0 0 3px rgba(40,87,76,.1)!important}.tutor-dashboard-left-menu .tutor-dashboard-menu-item-link{border-radius:12px!important;margin-bottom:4px!important}.tutor-dashboard-left-menu .active .tutor-dashboard-menu-item-link,.tutor-dashboard-menu-item-link:hover{background:var(--aez-soft)!important;color:var(--aez-orange)!important}.tutor-course-card .tutor-card-image-top{border-radius:18px 18px 0 0!important}.tutor-ratings-stars{color:#8DB89D!important}.tutor-pagination-wrapper .page-numbers.current{background:var(--aez-orange)!important;color:#fff!important}.tutor-login-wrap,.tutor-registration-wrap{border-radius:22px!important;box-shadow:var(--aez-shadow)!important;border:1px solid var(--aez-border)!important;padding:28px!important}.tutor-course-single-content-wrapper{background:#fff!important}.tutor-course-single-sidebar-wrapper{background:#fff!important}.tutor-accordion-item-header.is-active{color:var(--aez-orange)!important}.tutor-course-topic-item.is-active a{color:var(--aez-orange)!important;background:var(--aez-soft)!important}.tutor-course-details-widget-col-2 .tutor-course-details-widget{border-radius:18px!important}.tutor-progress-bar .tutor-progress-value{background:var(--aez-orange)!important}.tutor-iconic-btn{border-radius:12px!important}

@media(max-width:980px){.aez-menu{display:none;position:absolute;top:78px;right:4%;left:4%;background:#fff;border:1px solid var(--aez-border);border-radius:18px;padding:18px;box-shadow:var(--aez-shadow);flex-direction:column;align-items:stretch}.aez-menu.open{display:flex}.aez-menu-toggle{display:block}.aez-actions .aez-btn{display:none!important}.aez-hero-grid,.aez-about-grid,.aez-auth-grid{grid-template-columns:1fr}.aez-hero-visual{min-height:440px}.aez-features{grid-template-columns:repeat(2,1fr)}.aez-grades,.aez-courses-grid{grid-template-columns:1fr 1fr}.aez-footer-grid{grid-template-columns:1fr 1fr}.aez-cta img{opacity:.22}}
@media(max-width:640px){.aez-nav{height:68px}.aez-brand img{width:46px;height:46px}.aez-brand-text strong{font-size:.87rem}.aez-brand-text span{display:none}.aez-hero-grid{min-height:auto;padding:34px 0}.aez-hero-copy h1{font-size:2.45rem}.aez-hero-points{grid-template-columns:1fr}.aez-hero-visual{min-height:360px}.aez-quote{left:8px;top:25px}.aez-features,.aez-grades,.aez-courses-grid,.aez-badges,.aez-footer-grid,.aez-form-grid{grid-template-columns:1fr}.aez-section{padding:52px 0}.aez-cta{padding:30px 24px}.aez-cta img{display:none}.aez-auth-card,.aez-auth-brand{padding:22px}.tutor-wrap{padding-inline:12px!important}}

/* =========================================================
   WooCommerce integration — AEZ Academy v1.0.2
   ========================================================= */
.aez-woo-main{padding:42px 0 70px;background:#F5F9F6;min-height:65vh}
.aez-woo-container{direction:rtl}
.aez-woocommerce .woocommerce{font-family:inherit;color:#0F2E29}
.aez-woocommerce .woocommerce .woocommerce-breadcrumb{margin:0 0 24px;color:#60746A;font-size:14px}
.aez-woocommerce .woocommerce .woocommerce-breadcrumb a{color:#28574C;text-decoration:none}
.aez-woocommerce .woocommerce h1,.aez-woocommerce .woocommerce h2,.aez-woocommerce .woocommerce h3{color:#0F2E29}
.aez-woocommerce .woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}
.aez-woocommerce .woocommerce ul.products::before,.aez-woocommerce .woocommerce ul.products::after{display:none}
.aez-woocommerce .woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:#fff;border:1px solid #DFEEE3;border-radius:22px;padding:14px;box-shadow:0 10px 35px rgba(15,46,41,.06);overflow:hidden;transition:.2s ease}
.aez-woocommerce .woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(15,46,41,.10)}
.aez-woocommerce .woocommerce ul.products li.product a img{border-radius:16px;margin-bottom:14px}
.aez-woocommerce .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:19px;font-weight:800;padding:4px 3px}
.aez-woocommerce .woocommerce ul.products li.product .price{color:#28574C;font-size:18px;font-weight:800}
.aez-woocommerce .woocommerce a.button,.aez-woocommerce .woocommerce button.button,.aez-woocommerce .woocommerce input.button,.aez-woocommerce .woocommerce #respond input#submit{background:#28574C;color:#fff;border-radius:12px;padding:12px 18px;font-weight:800;border:0;line-height:1.35}
.aez-woocommerce .woocommerce a.button:hover,.aez-woocommerce .woocommerce button.button:hover,.aez-woocommerce .woocommerce input.button:hover{background:#28574C;color:#fff}
.aez-woocommerce .woocommerce span.onsale{background:#28574C;min-height:auto;min-width:auto;line-height:1;border-radius:999px;padding:9px 12px;right:12px;left:auto;top:12px}
.aez-woocommerce .woocommerce div.product{background:#fff;border:1px solid #DFEEE3;border-radius:26px;padding:26px;box-shadow:0 12px 40px rgba(15,46,41,.06)}
.aez-woocommerce .woocommerce div.product div.images img{border-radius:20px}
.aez-woocommerce .woocommerce div.product .product_title{font-weight:900;font-size:34px;line-height:1.3}
.aez-woocommerce .woocommerce div.product p.price,.aez-woocommerce .woocommerce div.product span.price{color:#28574C;font-size:24px;font-weight:900}
.aez-woocommerce .woocommerce div.product form.cart{display:flex;gap:10px;align-items:center}
.aez-woocommerce .woocommerce .quantity .qty{height:44px;border:1px solid #DFEEE3;border-radius:10px;padding:0 8px}
.aez-woocommerce .woocommerce div.product .woocommerce-tabs{margin-top:38px}
.aez-woocommerce .woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;display:flex;gap:10px;border:0}
.aez-woocommerce .woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.aez-woocommerce .woocommerce div.product .woocommerce-tabs ul.tabs li{border:1px solid #DFEEE3;background:#F5F9F6;border-radius:12px;margin:0;padding:0 18px}
.aez-woocommerce .woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#28574C;border-color:#28574C}
.aez-woocommerce .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff}
.aez-woocommerce .woocommerce-message,.aez-woocommerce .woocommerce-info,.aez-woocommerce .woocommerce-error{background:#fff;border:1px solid #DFEEE3;border-top:4px solid #28574C;border-radius:14px;box-shadow:none}
.aez-woocommerce .woocommerce-message::before,.aez-woocommerce .woocommerce-info::before{color:#28574C}
.aez-woocommerce .woocommerce table.shop_table{border:1px solid #DFEEE3;border-radius:16px;background:#fff;overflow:hidden}
.aez-woocommerce .woocommerce table.shop_table th{font-weight:800;background:#F5F9F6}
.aez-woocommerce .woocommerce-cart-form,.aez-woocommerce .cart_totals,.aez-woocommerce .woocommerce-checkout-review-order,.aez-woocommerce form.checkout,.aez-woocommerce .woocommerce-MyAccount-content,.aez-woocommerce .woocommerce-MyAccount-navigation{background:#fff;border:1px solid #DFEEE3;border-radius:18px;padding:20px;box-shadow:0 8px 30px rgba(15,46,41,.05)}
.aez-woocommerce .woocommerce form .form-row input.input-text,.aez-woocommerce .woocommerce form .form-row textarea,.aez-woocommerce .select2-container .select2-selection--single{border:1px solid #DFEEE3;border-radius:11px;min-height:46px;padding:10px;background:#fff}
.aez-woocommerce .woocommerce-checkout #payment{background:#F5F9F6;border-radius:16px}
.aez-woocommerce .woocommerce-checkout #payment div.payment_box{background:#fff}
.aez-woocommerce .woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#fff}
.aez-woocommerce .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.aez-woocommerce .woocommerce-MyAccount-navigation li a{display:block;padding:11px 13px;border-radius:10px;text-decoration:none;color:#29433B;font-weight:700}
.aez-woocommerce .woocommerce-MyAccount-navigation li.is-active a,.aez-woocommerce .woocommerce-MyAccount-navigation li a:hover{background:#EDF5EF;color:#28574C}
.aez-woocommerce .woocommerce-account .woocommerce-MyAccount-navigation{float:right;width:25%}
.aez-woocommerce .woocommerce-account .woocommerce-MyAccount-content{float:left;width:72%}
@media(max-width:900px){
  .aez-woocommerce .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aez-woocommerce .woocommerce-account .woocommerce-MyAccount-navigation,.aez-woocommerce .woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%;margin-bottom:18px}
  .aez-woocommerce .woocommerce div.product{padding:18px}
}
@media(max-width:580px){
  .aez-woo-main{padding:24px 0 50px}
  .aez-woocommerce .woocommerce ul.products{grid-template-columns:1fr}
  .aez-woocommerce .woocommerce div.product .product_title{font-size:28px}
  .aez-woocommerce .woocommerce div.product form.cart{align-items:stretch;flex-wrap:wrap}
}

/* =========================================================
   Screenshot-matched homepage + header — v1.0.6
   ========================================================= */
:root{--aez-orange:#28574C;--aez-orange-dark:#28574C;--aez-ink:#092324;--aez-cream:#F5F9F6}
#aez-site-header.aez-header{position:relative!important;top:auto!important;min-height:64px!important;background:#fff!important;border-top:3px solid var(--aez-orange)!important;border-bottom:1px solid #EDF5EF!important;box-shadow:none!important;z-index:99999!important}
body.admin-bar #aez-site-header.aez-header{top:auto!important}
#aez-site-header .aez-nav{height:62px!important;display:grid!important;grid-template-columns:260px 1fr 230px;align-items:center;gap:16px;direction:rtl}
#aez-site-header .aez-brand{gap:8px!important;justify-self:start;min-width:0}.aez-brand img{width:48px!important;height:48px!important}.aez-brand-text{line-height:1.05;text-align:right}.aez-brand-text>span{display:block!important;color:#092324!important;font-size:13px!important;font-weight:900!important}.aez-brand-text strong{font-size:18px!important;font-weight:900!important;white-space:nowrap}.aez-brand-text small{display:block;font-size:10px;color:#4F846F;margin-top:4px}
#aez-site-header .aez-menu{margin:0!important;justify-content:center;gap:34px}.aez-menu a{font-size:13px;font-weight:900;color:#0F2E29;padding:19px 0 18px}.aez-menu a:after{height:3px;bottom:8px;border-radius:10px}.aez-menu a[href$="/"]{color:var(--aez-orange)}.aez-menu a[href$="/"]:after{width:100%}
#aez-site-header .aez-actions{justify-self:end;direction:ltr;gap:13px}.aez-header-cta{min-width:126px;border-radius:18px!important;padding:10px 17px!important;box-shadow:0 7px 15px rgba(40,87,76,.18);font-size:14px}.aez-user-glyph{font-size:17px}.aez-search-round{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #DFEEE3;position:relative;cursor:pointer}.aez-search-round span{position:absolute;width:13px;height:13px;border:2px solid #0F2E29;border-radius:50%;left:12px;top:9px}.aez-search-round span:after{content:"";width:7px;height:2px;background:#0F2E29;position:absolute;right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:3px}.aez-search-panel{display:none;background:#fff;border-bottom:1px solid #E8F0EB;padding:12px 0}.aez-search-open .aez-search-panel{display:block}.aez-search-panel form{display:flex;gap:8px}.aez-search-panel input{flex:1;border:1px solid #D3DED7;border-radius:12px;padding:10px 14px;font:inherit}.aez-search-panel button{border:0;border-radius:12px;background:var(--aez-orange);color:#fff;padding:0 22px;font-weight:800}

.aez-home-hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#EDF5EF 0%,#fff 49%,#F5F9F6 100%);border-bottom:1px solid #DFEEE3}.aez-home-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 17% 50%,rgba(141,184,157,.12),transparent 23%),radial-gradient(circle at 84% 35%,rgba(141,184,157,.07),transparent 21%);pointer-events:none}.aez-home-hero-grid{min-height:360px;display:grid;grid-template-columns:50% 50%;align-items:stretch;position:relative;z-index:2}.aez-home-hero-copy{grid-column:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:right;padding:30px 32px 22px 0;position:relative}.aez-home-kicker{font-size:11px;color:var(--aez-orange);border:1px solid #DFEEE3;border-radius:999px;background:#EDF5EF;padding:5px 10px;font-weight:800}.aez-home-hero-copy h1{font-size:clamp(31px,3.1vw,47px);line-height:1.13;margin:14px 0 8px;font-weight:950;letter-spacing:-1.5px}.aez-home-hero-copy h1 em{display:block;font-style:normal;color:var(--aez-orange)}.aez-home-hero-copy h3{margin:4px 0 5px;font-size:17px}.aez-home-hero-copy p{font-size:13px;line-height:1.85;color:#4F846F;margin:0}.aez-home-hero-actions{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.aez-big-cta{padding:9px 18px!important;border-radius:13px!important;font-size:13px}.aez-big-cta b{font-size:12px}.aez-student-stat{position:absolute;left:8px;bottom:18px;display:flex;align-items:center;gap:8px;border:1px solid #DFEEE3;border-radius:14px;background:rgba(255,255,255,.9);padding:8px 10px;box-shadow:0 8px 22px rgba(15,46,41,.05)}.aez-student-stat span{font-size:20px}.aez-student-stat b,.aez-student-stat small{display:block}.aez-student-stat b{font-size:11px}.aez-student-stat small{font-size:9px;color:#60746A}
.aez-home-hero-visual{grid-column:2;position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:360px}.aez-hero-orb{position:absolute;width:330px;height:330px;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#8DB89D,#28574C);opacity:.48;box-shadow:0 0 70px rgba(40,87,76,.09)}.aez-home-hero-visual>img{position:relative;z-index:3;height:350px;width:auto;max-width:72%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 18px 22px rgba(9,35,36,.18))}.aez-hero-quote{position:absolute;z-index:4;right:48px;top:60px;background:rgba(255,255,255,.94);border:1px solid #8DB89D;border-radius:9px;padding:12px 18px 12px 30px;text-align:center;line-height:1.35;box-shadow:0 8px 20px rgba(9,35,36,.04)}.aez-hero-quote i{position:absolute;right:-4px;top:-10px;color:var(--aez-orange);font-size:26px;font-style:normal}.aez-hero-quote strong{font-size:16px}.aez-hand-note{font-family:"Tajawal",sans-serif;position:absolute;z-index:5;color:#092324}.aez-hand-name{left:24px;top:95px;font-size:25px;transform:rotate(-6deg);text-align:center}.aez-hand-name small{font-family:"Tajawal",sans-serif;display:block;font-size:11px;font-weight:700;line-height:1.55;transform:rotate(6deg);margin-top:8px}.aez-hand-bottom{left:18px;bottom:16px;font-size:20px;line-height:1.3;transform:rotate(-8deg)}.aez-science-doodle{position:absolute;color:#8DB89D;opacity:.18;font-weight:900;z-index:1}.aez-doodle-1{font-size:80px;left:4%;top:10%}.aez-doodle-2{font-size:74px;right:39%;bottom:10%}.aez-doodle-3{font-size:64px;right:4%;top:18%;transform:rotate(90deg);letter-spacing:5px}

.aez-home-section{padding:27px 0;background:#fff}.aez-section-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:17px;color:#60746A;font-size:10px}.aez-section-head h2,.aez-home-title{margin:0;color:#092324;font-size:22px;font-weight:950;text-align:center;position:relative}.aez-section-head h2:after,.aez-home-title:after{content:"";position:absolute;width:62px;height:2px;background:var(--aez-orange);left:50%;transform:translateX(-50%);bottom:-7px;border-radius:2px}.aez-section-head span:last-child{text-align:left}.aez-section-head.compact{margin-bottom:20px}.aez-section-head.compact a{text-align:left;color:var(--aez-orange);border:1px solid #BFD7C7;border-radius:999px;padding:5px 10px;font-weight:800;font-size:10px}
.aez-features-ten{grid-template-columns:repeat(11,1fr)!important;gap:6px!important}.aez-feature{padding:12px 7px!important;border-radius:11px!important;text-align:center;min-height:120px}.aez-feature .icon{margin:0 auto 7px!important;width:30px!important;height:30px!important;font-size:17px!important;background:transparent!important}.aez-feature h3{font-size:11px!important;line-height:1.35;min-height:30px}.aez-feature p{font-size:9px!important;line-height:1.45}.aez-features-section{padding-top:16px}
.aez-about-home{background:#F5F9F6;padding-top:23px}.aez-about-home-grid{display:grid;grid-template-columns:250px 1fr 250px;gap:22px;align-items:center;margin-top:22px}.aez-about-photo{height:165px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.aez-about-circle{position:absolute;width:155px;height:155px;border-radius:50%;background:#EDF5EF;right:0;bottom:-15px}.aez-about-photo img{height:172px;position:relative;z-index:2;object-fit:contain}.aez-about-photo strong{position:absolute;left:5px;top:35px;z-index:3;font-family:"Tajawal",sans-serif;color:var(--aez-orange);font-size:20px;transform:rotate(-8deg);line-height:1.25}.aez-about-text{text-align:center;color:#28574C;font-size:12px;line-height:1.7}.aez-about-text p{margin:0 0 8px}.aez-about-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.aez-about-badges span{border:1px solid #DFEEE3;border-radius:8px;background:#fff;padding:6px 5px;color:#173C35;font-size:9px;font-weight:800}.aez-mission-card{border:1px solid #BFD7C7;border-radius:10px;background:#fff;padding:18px;text-align:center;position:relative}.aez-mission-card i{position:absolute;right:12px;top:4px;color:var(--aez-orange);font-size:24px;font-style:normal}.aez-mission-card p{font-size:17px;margin:6px 0;line-height:1.5}.aez-mission-card p b{color:var(--aez-orange)}.aez-mission-card strong{font-family:"Tajawal",sans-serif;font-size:18px}
.aez-grades-home{padding-top:15px}.aez-grades-polished{gap:20px}.aez-grades-polished .aez-grade{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-radius:12px}.aez-grades-polished .aez-grade>span{font-size:28px;color:var(--aez-orange)}.aez-grades-polished .aez-grade>div{flex:1;padding-right:13px}.aez-grades-polished .aez-grade h3{font-size:15px}.aez-grades-polished .aez-grade p{font-size:10px}.aez-grades-polished .aez-grade>b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#EDF5EF;color:var(--aez-orange)}
.aez-courses-home{background:#fff;padding-top:17px}.aez-four-courses{grid-template-columns:repeat(4,1fr)!important;gap:18px}.aez-course-card{border-radius:11px!important}.aez-course-card img{aspect-ratio:16/7!important}.aez-course-card-body{padding:9px 10px 10px!important;position:relative}.aez-course-tag{position:absolute;right:12px;top:-20px;background:#fff;color:var(--aez-orange);border:1px solid #BFD7C7;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800}.aez-course-card h3{font-size:14px!important;margin:2px 0 5px!important}.aez-course-meta{font-size:9px!important;margin:5px 0!important;justify-content:center}.aez-course-go{display:block;background:var(--aez-orange);color:#fff;text-align:center;border-radius:7px;padding:6px;font-size:10px;font-weight:900}
.aez-testimonials-home{padding-top:8px}.aez-bottom-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:stretch;margin-top:20px}.aez-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.aez-testimonials article{border:1px solid #DFEEE3;border-radius:11px;padding:12px;background:#fff;box-shadow:0 8px 20px rgba(15,46,41,.04)}.aez-testimonials p{font-size:10px;line-height:1.55;min-height:47px;margin:0 0 6px}.aez-testimonials b,.aez-testimonials small{display:block}.aez-testimonials b{font-size:10px}.aez-testimonials small{font-size:8px;color:#60746A}.stars{color:#8DB89D;letter-spacing:1px;font-size:10px}.aez-final-cta{min-height:145px;border-radius:13px;background:linear-gradient(120deg,#28574C,#28574C);color:#fff;position:relative;overflow:hidden;padding:20px 24px}.aez-final-cta h2{font-size:24px;line-height:1.2;margin:0}.aez-final-cta p{font-size:11px;margin:3px 0 10px}.aez-final-cta a{display:inline-block;background:#fff;color:var(--aez-orange);border-radius:999px;padding:6px 14px;font-size:10px;font-weight:900}.aez-final-cta img{position:absolute;left:15px;bottom:-5px;height:145px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.15))}

@media(max-width:980px){#aez-site-header .aez-nav{display:flex!important}.aez-menu{top:62px!important}.aez-home-hero-grid{grid-template-columns:1fr}.aez-home-hero-copy{grid-column:1;padding:36px 0 15px;align-items:center;text-align:center}.aez-home-hero-visual{grid-column:1;min-height:360px}.aez-student-stat{position:static;margin-top:15px}.aez-features-ten{grid-template-columns:repeat(4,1fr)!important}.aez-about-home-grid{grid-template-columns:1fr}.aez-about-photo{justify-content:center}.aez-about-badges{grid-template-columns:repeat(2,1fr)}.aez-four-courses{grid-template-columns:repeat(2,1fr)!important}.aez-bottom-grid{grid-template-columns:1fr}.aez-actions .aez-header-cta{display:inline-flex!important}.aez-brand-text small{display:none}}
@media(max-width:640px){#aez-site-header.aez-header{min-height:60px!important}#aez-site-header .aez-nav{height:58px!important}.aez-brand img{width:42px!important;height:42px!important}.aez-brand-text strong{font-size:14px!important}.aez-brand-text>span{font-size:10px!important}.aez-search-round{display:none}.aez-header-cta{min-width:auto!important;padding:8px 11px!important;font-size:11px}.aez-home-hero-copy h1{font-size:34px}.aez-home-hero-visual>img{height:315px;max-width:90%}.aez-hero-orb{width:280px;height:280px}.aez-hand-name{left:0}.aez-hand-bottom{display:none}.aez-hero-quote{right:6px;top:45px}.aez-features-ten{grid-template-columns:repeat(2,1fr)!important}.aez-section-head{grid-template-columns:1fr;text-align:center}.aez-section-head span,.aez-section-head span:last-child,.aez-section-head.compact a{text-align:center}.aez-four-courses{grid-template-columns:1fr!important}.aez-testimonials{grid-template-columns:1fr}.aez-about-badges{grid-template-columns:1fr 1fr}.aez-final-cta img{opacity:.32}}


/* v1.0.7 courses section fixes */
.aez-courses-home .aez-section-head.compact{grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.aez-courses-home .aez-section-head.compact h2{justify-self:center}
.aez-courses-home .aez-section-head.compact span:first-child{justify-self:end;white-space:nowrap}
.aez-courses-home .aez-section-head.compact a{justify-self:start;display:inline-flex;align-items:center;width:auto;white-space:nowrap;padding:7px 18px;font-size:12px}
.aez-four-courses{align-items:stretch}
.aez-course-card{display:flex;flex-direction:column;height:100%}
.aez-course-thumb{display:block}
.aez-course-card img{display:block}
.aez-course-card-body{display:flex;flex-direction:column;gap:8px;min-height:168px;padding:14px 14px 14px!important}
.aez-course-tag{top:-14px;font-size:10px;padding:4px 10px}
.aez-course-card h3{font-size:17px!important;line-height:1.5;min-height:3em;margin:2px 0 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aez-course-card h3 a{color:inherit;text-decoration:none}
.aez-course-excerpt{font-size:12px;color:#4F846F;line-height:1.7;margin:0;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aez-course-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px!important;margin-top:auto!important;padding-top:2px}
.aez-course-meta span{white-space:nowrap}
.aez-course-go{margin-top:2px;padding:10px 12px;font-size:12px;border-radius:10px}
@media(max-width:980px){.aez-courses-home .aez-section-head.compact{grid-template-columns:1fr}.aez-courses-home .aez-section-head.compact a,.aez-courses-home .aez-section-head.compact span:first-child{justify-self:center}}


/* =========================================================
   v1.0.8 — Hero portrait corrected to match approved mockup
   ========================================================= */
.aez-home-hero{background:#F5F9F6!important;min-height:370px}
.aez-home-hero:before{background:
  radial-gradient(circle at 18% 52%,rgba(141,184,157,.10),transparent 27%),
  linear-gradient(90deg,rgba(237,245,239,.65),rgba(255,255,255,.9))!important}
.aez-home-hero-grid{min-height:370px!important}
.aez-home-hero-visual{min-height:370px!important;overflow:visible!important}
.aez-hero-orb{
  width:342px!important;height:342px!important;
  left:50%!important;top:52%!important;
  background:linear-gradient(145deg,#BFD7C7 0%,#8DB89D 100%)!important;
  opacity:.56!important;box-shadow:none!important
}
.aez-home-hero-visual>img{
  height:365px!important;max-width:78%!important;
  object-fit:contain!important;object-position:center bottom!important;
  filter:drop-shadow(0 16px 18px rgba(9,35,36,.14))!important;
  transform:translateX(8px)!important
}
.aez-hand-name{
  left:4px!important;top:104px!important;font-size:26px!important;
  transform:rotate(-6deg)!important;z-index:7!important
}
.aez-hand-name small{font-size:11px!important;line-height:1.55!important;margin-top:7px!important}
.aez-hand-bottom{
  left:0!important;bottom:17px!important;font-size:21px!important;
  line-height:1.25!important;transform:rotate(-8deg)!important;z-index:7!important
}
.aez-hero-quote{
  right:18px!important;top:52px!important;z-index:8!important;
  min-width:116px!important;padding:14px 17px!important;
  border-radius:10px!important;background:rgba(255,255,255,.96)!important
}
.aez-hero-quote strong{font-size:16px!important;line-height:1.42!important}
.aez-hero-quote i{font-size:28px!important;right:-6px!important;top:-12px!important}
/* Never show the old electricity/purple portrait as a CSS background. */
.aez-home-hero-visual,.aez-about-photo,.aez-auth-brand{background-image:none!important}

@media(max-width:980px){
  .aez-home-hero-visual>img{height:350px!important;max-width:78%!important;transform:none!important}
  .aez-hero-orb{width:330px!important;height:330px!important}
}
@media(max-width:640px){
  .aez-home-hero-visual{min-height:335px!important}
  .aez-home-hero-visual>img{height:325px!important;max-width:88%!important}
  .aez-hero-orb{width:286px!important;height:286px!important;top:53%!important}
  .aez-hero-quote{right:4px!important;top:42px!important;min-width:98px!important;padding:10px 12px!important}
  .aez-hand-name{left:2px!important;top:96px!important;font-size:21px!important}
}


/* v1.0.9 hero portrait centering fix */
.aez-home-hero-visual{display:flex!important;align-items:center!important;justify-content:center!important;min-height:390px!important;padding-top:8px!important;overflow:visible!important}
.aez-home-hero-grid{min-height:390px!important}
.aez-hero-orb{width:350px!important;height:350px!important;left:50%!important;top:54%!important;transform:translate(-50%,-50%)!important}
.aez-home-hero-visual>img{position:relative!important;z-index:3!important;height:330px!important;max-width:80%!important;width:auto!important;object-fit:contain!important;object-position:center center!important;transform:none!important;margin:0 auto!important;display:block!important}
@media(max-width:980px){.aez-home-hero-grid{min-height:370px!important}.aez-home-hero-visual{min-height:370px!important;padding-top:0!important}.aez-home-hero-visual>img{height:315px!important;max-width:82%!important}}
@media(max-width:640px){.aez-home-hero-grid{min-height:330px!important}.aez-home-hero-visual{min-height:320px!important}.aez-home-hero-visual>img{height:270px!important;max-width:84%!important}.aez-hero-orb{width:270px!important;height:270px!important;top:55%!important}}


/* v1.0.10 course badge visibility fix */
.aez-course-card{overflow:visible!important}
.aez-course-card-body{padding-top:28px!important}
.aez-course-tag{top:8px!important;right:12px!important;z-index:6!important;display:inline-flex!important;align-items:center;line-height:1.2;white-space:nowrap;box-shadow:0 4px 10px rgba(40,87,76,.08)}
.aez-course-card h3{margin-top:4px!important}


/* v1.0.11 — hero rebuilt to closely match the approved reference */
.aez-home-hero{position:relative!important;min-height:330px!important;background:#F5F9F6!important;overflow:hidden!important;border-bottom:1px solid #DFEEE3!important}
.aez-home-hero:before{content:""!important;position:absolute!important;inset:0!important;background:
 radial-gradient(circle at 18% 22%,rgba(141,184,157,.10),transparent 26%),
 radial-gradient(circle at 84% 58%,rgba(141,184,157,.08),transparent 23%),
 linear-gradient(90deg,#F5F9F6 0%,#F5F9F6 50%,#F5F9F6 100%)!important;pointer-events:none!important}
.aez-home-hero-grid{min-height:330px!important;display:grid!important;grid-template-columns:52% 48%!important;align-items:stretch!important;position:relative!important;z-index:2!important;max-width:1180px!important}
.aez-home-hero-copy{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;text-align:right!important;padding:26px 0 22px 48px!important;position:relative!important;z-index:5!important}
.aez-home-kicker{font-size:10px!important;padding:4px 10px!important;margin-bottom:4px!important}
.aez-home-hero-copy h1{font-size:42px!important;line-height:1.08!important;margin:10px 0 7px!important;letter-spacing:-1.4px!important;max-width:520px!important}
.aez-home-hero-copy h1 em{display:block!important;color:var(--aez-orange)!important}
.aez-home-hero-copy h3{font-size:16px!important;margin:5px 0 5px!important}
.aez-home-hero-copy p{font-size:12px!important;line-height:1.7!important;margin:0!important;color:#60746A!important}
.aez-home-hero-actions{margin-top:12px!important;gap:10px!important}.aez-big-cta{font-size:12px!important;padding:9px 17px!important;border-radius:12px!important}
.aez-student-stat{left:0!important;bottom:17px!important;padding:8px 11px!important;border-radius:13px!important}
.aez-home-hero-visual{grid-column:2!important;grid-row:1!important;position:relative!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;min-height:330px!important;padding:0!important;overflow:visible!important;z-index:4!important}
.aez-hero-orb{position:absolute!important;width:326px!important;height:326px!important;left:50%!important;top:52%!important;transform:translate(-50%,-50%)!important;background:linear-gradient(145deg,#BFD7C7 0%,#28574C 100%)!important;opacity:.72!important;border-radius:50%!important;box-shadow:none!important}
.aez-home-hero-visual>.aez-teacher-hero{position:absolute!important;z-index:4!important;height:338px!important;width:auto!important;max-width:none!important;left:50%!important;bottom:-1px!important;transform:translateX(-50%)!important;object-fit:contain!important;filter:drop-shadow(0 12px 18px rgba(9,35,36,.15))!important;margin:0!important}
.aez-hero-dna{position:absolute!important;z-index:1!important;width:145px!important;height:auto!important;left:-18px!important;top:7px!important;opacity:.62!important}
.aez-hero-quote{right:16px!important;top:25px!important;z-index:8!important;min-width:108px!important;padding:13px 16px!important;border-radius:9px!important;background:rgba(255,255,255,.94)!important;border:1px solid #8DB89D!important}
.aez-hero-quote strong{font-size:15px!important;line-height:1.45!important}.aez-hero-quote i{font-size:27px!important;right:-6px!important;top:-12px!important}
.aez-hand-name{left:-8px!important;top:80px!important;font-size:24px!important;line-height:1.2!important;z-index:7!important;transform:rotate(-7deg)!important}
.aez-hand-name small{font-size:10px!important;line-height:1.5!important;margin-top:7px!important}
.aez-hand-bottom{left:-20px!important;bottom:18px!important;font-size:19px!important;line-height:1.22!important;z-index:7!important;transform:rotate(-8deg)!important}
.aez-hero-microscope{position:absolute!important;right:-6px!important;bottom:-5px!important;width:130px!important;height:auto!important;z-index:1!important;opacity:.72!important}
.aez-side-note{position:absolute!important;right:72px!important;top:48px!important;z-index:3!important;font-family:"Tajawal",sans-serif!important;color:var(--aez-orange)!important;font-size:21px!important;line-height:1.2!important;transform:rotate(9deg)!important;text-align:center!important}
/* Hide old placeholder doodles completely */
.aez-science-doodle{display:none!important}
@media(max-width:980px){
 .aez-home-hero{min-height:auto!important}.aez-home-hero-grid{grid-template-columns:1fr!important;min-height:auto!important}
 .aez-home-hero-copy{grid-column:1!important;grid-row:1!important;align-items:center!important;text-align:center!important;padding:30px 16px 16px!important}
 .aez-home-hero-copy h1{font-size:38px!important}.aez-home-hero-visual{grid-column:1!important;grid-row:2!important;min-height:330px!important}
 .aez-home-hero-visual>.aez-teacher-hero{height:318px!important}.aez-hero-orb{width:306px!important;height:306px!important}
 .aez-hero-microscope,.aez-side-note{display:none!important}.aez-student-stat{position:static!important;margin-top:13px!important}
}
@media(max-width:640px){
 .aez-home-hero-copy h1{font-size:32px!important;line-height:1.12!important}.aez-home-hero-copy h3{font-size:14px!important}
 .aez-home-hero-visual{min-height:300px!important}.aez-home-hero-visual>.aez-teacher-hero{height:285px!important}.aez-hero-orb{width:270px!important;height:270px!important}
 .aez-hand-name{left:4px!important;top:72px!important;font-size:19px!important}.aez-hand-bottom{display:none!important}.aez-hero-quote{right:5px!important;top:28px!important}
}


/* =========================================================
   v1.0.12 — stable hero rebuild, fixed height and portrait scale
   ========================================================= */
.aez-home-hero{
  position:relative!important;
  min-height:360px!important;
  height:auto!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,#F5F9F6 0%,#F5F9F6 50%,#F5F9F6 100%)!important;
  border-bottom:1px solid #DFEEE3!important;
}
.aez-home-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 18% 36%,rgba(40,87,76,.10),transparent 28%),
    radial-gradient(circle at 82% 50%,rgba(141,184,157,.07),transparent 24%)!important;
  pointer-events:none!important;
}
.aez-home-hero-grid{
  width:min(1180px,92%)!important;
  max-width:1180px!important;
  min-height:360px!important;
  height:360px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:52% 48%!important;
  align-items:stretch!important;
  position:relative!important;
  z-index:2!important;
  overflow:hidden!important;
}
.aez-home-hero-copy{
  grid-column:1!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  text-align:right!important;
  padding:22px 0 22px 42px!important;
  position:relative!important;
  z-index:6!important;
  min-width:0!important;
}
.aez-home-kicker{font-size:10px!important;padding:4px 10px!important;margin:0 0 6px!important}
.aez-home-hero-copy h1{
  font-size:42px!important;
  line-height:1.08!important;
  margin:8px 0 7px!important;
  letter-spacing:-1.3px!important;
  max-width:520px!important;
}
.aez-home-hero-copy h3{font-size:16px!important;margin:4px 0 5px!important}
.aez-home-hero-copy p{font-size:12px!important;line-height:1.7!important;margin:0!important}
.aez-home-hero-actions{margin-top:12px!important;gap:10px!important}
.aez-big-cta{font-size:12px!important;padding:9px 17px!important;border-radius:12px!important}
.aez-student-stat{left:4px!important;bottom:16px!important;padding:8px 10px!important;border-radius:13px!important}

.aez-home-hero-visual{
  grid-column:2!important;
  grid-row:1!important;
  position:relative!important;
  min-height:360px!important;
  height:360px!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  z-index:4!important;
}
.aez-home-hero-visual:before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  top:28px!important;
  width:180px!important;
  height:180px!important;
  opacity:.13!important;
  background:url("assets/images/hero-dna.svg") center/contain no-repeat!important;
  z-index:1!important;
  transform:rotate(-12deg)!important;
}
.aez-hero-orb{
  position:absolute!important;
  width:335px!important;
  height:335px!important;
  left:52%!important;
  top:53%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#8DB89D 0%,#28574C 100%)!important;
  opacity:.64!important;
  box-shadow:none!important;
  z-index:2!important;
}
.aez-home-hero-visual>.aez-teacher-hero{
  position:absolute!important;
  z-index:4!important;
  height:352px!important;
  width:auto!important;
  max-width:none!important;
  left:52%!important;
  bottom:-5px!important;
  transform:translateX(-50%)!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  margin:0!important;
  filter:drop-shadow(0 12px 18px rgba(9,35,36,.14))!important;
}
.aez-hero-quote{
  position:absolute!important;
  right:10px!important;
  top:45px!important;
  z-index:8!important;
  min-width:112px!important;
  padding:13px 16px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid #8DB89D!important;
}
.aez-hero-quote strong{font-size:15px!important;line-height:1.42!important}
.aez-hero-quote i{font-size:27px!important;right:-6px!important;top:-12px!important}
.aez-hand-name{
  left:6px!important;
  top:92px!important;
  font-size:24px!important;
  line-height:1.2!important;
  transform:rotate(-7deg)!important;
  z-index:7!important;
}
.aez-hand-name small{font-size:10px!important;line-height:1.5!important;margin-top:7px!important}
.aez-hand-bottom{
  left:4px!important;
  bottom:24px!important;
  font-size:19px!important;
  line-height:1.22!important;
  transform:rotate(-8deg)!important;
  z-index:7!important;
}
/* hard-disable problematic v1.0.11 hero decorations */
.aez-hero-dna,.aez-hero-microscope,.aez-side-note,.aez-science-doodle{display:none!important}

@media(max-width:980px){
  .aez-home-hero-grid{height:auto!important;min-height:auto!important;grid-template-columns:1fr!important;overflow:hidden!important}
  .aez-home-hero-copy{grid-column:1!important;grid-row:1!important;align-items:center!important;text-align:center!important;padding:30px 16px 16px!important}
  .aez-home-hero-copy h1{font-size:38px!important}
  .aez-home-hero-visual{grid-column:1!important;grid-row:2!important;height:345px!important;min-height:345px!important}
  .aez-home-hero-visual>.aez-teacher-hero{height:335px!important;left:50%!important}
  .aez-hero-orb{width:315px!important;height:315px!important;left:50%!important}
  .aez-student-stat{position:static!important;margin-top:13px!important}
}
@media(max-width:640px){
  .aez-home-hero-copy h1{font-size:32px!important;line-height:1.12!important}
  .aez-home-hero-copy h3{font-size:14px!important}
  .aez-home-hero-visual{height:310px!important;min-height:310px!important}
  .aez-home-hero-visual>.aez-teacher-hero{height:300px!important}
  .aez-hero-orb{width:280px!important;height:280px!important;top:54%!important}
  .aez-hand-name{left:2px!important;top:84px!important;font-size:19px!important}
  .aez-hand-bottom{display:none!important}
  .aez-hero-quote{right:4px!important;top:36px!important;min-width:98px!important;padding:10px 12px!important}
}


/* =========================================================
   v1.0.13 — Hero matched closely to approved reference
   ========================================================= */
.aez-home-hero{
  position:relative!important;
  height:328px!important;
  min-height:328px!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,#F5F9F6 0%,#F5F9F6 46%,#F5F9F6 100%)!important;
  border-bottom:1px solid #DFEEE3!important;
}
.aez-home-hero:before{
  content:""!important;position:absolute!important;inset:0!important;
  background:
    radial-gradient(circle at 17% 37%,rgba(141,184,157,.11),transparent 22%),
    radial-gradient(circle at 80% 35%,rgba(141,184,157,.065),transparent 22%)!important;
  pointer-events:none!important;
}
.aez-home-hero-grid{
  position:relative!important;
  height:328px!important;min-height:328px!important;
  display:grid!important;
  grid-template-columns:48% 52%!important;
  grid-template-areas:"visual copy"!important;
  align-items:stretch!important;
  direction:ltr!important;
  overflow:visible!important;
}
.aez-home-hero-copy{
  grid-area:copy!important;
  direction:rtl!important;
  position:relative!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  text-align:center!important;
  padding:18px 30px 17px 45px!important;
  z-index:5!important;
}
.aez-home-kicker{
  font-size:10px!important;line-height:1!important;
  padding:5px 10px!important;margin:0 0 9px!important;
  border-radius:999px!important;background:#F5F9F6!important;
}
.aez-home-hero-copy h1{
  max-width:520px!important;
  margin:0 0 8px!important;
  font-size:38px!important;line-height:1.05!important;
  letter-spacing:-1px!important;font-weight:950!important;
}
.aez-home-hero-copy h1 em{display:block!important;color:#28574C!important;font-style:normal!important;margin-top:3px!important}
.aez-home-hero-copy h3{font-size:15px!important;margin:3px 0 6px!important;font-weight:900!important}
.aez-home-hero-copy p{font-size:11px!important;line-height:1.55!important;margin:0!important;color:#60746A!important}
.aez-home-hero-actions{display:flex!important;justify-content:center!important;gap:11px!important;margin-top:11px!important}
.aez-big-cta{font-size:11px!important;padding:9px 17px!important;border-radius:12px!important;min-width:142px!important;justify-content:center!important}
.aez-student-stat{
  position:absolute!important;right:10px!important;left:auto!important;bottom:16px!important;
  padding:7px 9px!important;border-radius:12px!important;z-index:8!important;
  background:rgba(255,255,255,.95)!important;
}
.aez-student-stat span{font-size:20px!important}.aez-student-stat b{font-size:10px!important}.aez-student-stat small{font-size:8px!important}

.aez-home-hero-visual{
  grid-area:visual!important;
  direction:rtl!important;
  position:relative!important;
  height:328px!important;min-height:328px!important;
  display:block!important;padding:0!important;margin:0!important;
  overflow:visible!important;z-index:4!important;
}
.aez-hero-orb{
  position:absolute!important;
  width:305px!important;height:305px!important;
  left:47%!important;top:52%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#8DB89D 0%,#28574C 100%)!important;
  opacity:.68!important;box-shadow:none!important;z-index:2!important;
}
.aez-home-hero-visual>.aez-teacher-hero{
  position:absolute!important;
  z-index:5!important;
  height:326px!important;width:auto!important;max-width:none!important;
  left:48%!important;bottom:-1px!important;
  transform:translateX(-50%)!important;
  object-fit:contain!important;object-position:center bottom!important;
  margin:0!important;filter:drop-shadow(0 13px 18px rgba(9,35,36,.12))!important;
}
.aez-home-hero-visual:after{
  content:""!important;position:absolute!important;z-index:1!important;
  left:-32px!important;top:16px!important;width:155px!important;height:260px!important;
  background:url("assets/images/hero-dna.svg") center/contain no-repeat!important;
  opacity:.24!important;transform:rotate(-17deg)!important;
}
.aez-hero-quote{
  position:absolute!important;z-index:9!important;
  right:11px!important;top:34px!important;min-width:108px!important;
  padding:12px 15px!important;border-radius:9px!important;
  background:rgba(255,255,255,.96)!important;border:1px solid #8DB89D!important;
  text-align:center!important;box-shadow:0 7px 18px rgba(15,46,41,.035)!important;
}
.aez-hero-quote strong{font-size:15px!important;line-height:1.35!important}.aez-hero-quote i{font-size:27px!important;right:-6px!important;top:-11px!important}
.aez-hand-name{
  left:8px!important;top:82px!important;z-index:8!important;
  font-size:24px!important;line-height:1.1!important;text-align:center!important;
  transform:rotate(-7deg)!important;
}
.aez-hand-name small{font-size:10px!important;line-height:1.45!important;margin-top:6px!important;transform:rotate(7deg)!important}
.aez-hand-bottom{
  left:6px!important;bottom:12px!important;z-index:8!important;
  font-size:18px!important;line-height:1.18!important;transform:rotate(-8deg)!important;
}
/* right-side microscope + handwritten note from the approved reference */
.aez-hero-microscope{
  display:block!important;position:absolute!important;right:-18px!important;bottom:-25px!important;
  width:115px!important;height:155px!important;object-fit:contain!important;opacity:.46!important;z-index:2!important;
}
.aez-side-note{
  display:block!important;position:absolute!important;right:58px!important;top:40px!important;z-index:7!important;
  color:#28574C!important;font-family:"Tajawal",sans-serif!important;font-size:19px!important;line-height:1.15!important;
  transform:rotate(-7deg)!important;text-align:center!important;
}
.aez-hero-dna,.aez-science-doodle{display:none!important}

@media(max-width:980px){
  .aez-home-hero{height:auto!important;min-height:0!important}
  .aez-home-hero-grid{height:auto!important;min-height:0!important;grid-template-columns:1fr!important;grid-template-areas:"copy" "visual"!important;direction:ltr!important}
  .aez-home-hero-copy{padding:30px 18px 18px!important}
  .aez-home-hero-copy h1{font-size:36px!important}
  .aez-home-hero-visual{height:330px!important;min-height:330px!important}
  .aez-home-hero-visual>.aez-teacher-hero{height:320px!important;left:50%!important}
  .aez-hero-orb{width:295px!important;height:295px!important;left:50%!important}
  .aez-student-stat{position:static!important;margin-top:12px!important}
  .aez-hero-microscope,.aez-side-note{display:none!important}
}
@media(max-width:640px){
  .aez-home-hero-copy h1{font-size:31px!important;line-height:1.08!important}
  .aez-home-hero-copy h3{font-size:13px!important}
  .aez-home-hero-visual{height:300px!important;min-height:300px!important}
  .aez-home-hero-visual>.aez-teacher-hero{height:285px!important}
  .aez-hero-orb{width:265px!important;height:265px!important}
  .aez-hand-name{left:2px!important;top:74px!important;font-size:19px!important}
  .aez-hand-bottom{display:none!important}.aez-hero-quote{right:3px!important;top:32px!important;min-width:94px!important;padding:9px 11px!important}
}


/* =========================================================
   v1.0.14 — clean hero rebuild from approved reference
   ========================================================= */
.aez-ref-hero{
  position:relative;overflow:hidden;background:#F5F9F6;border-bottom:1px solid #DFEEE3;
  min-height:348px;isolation:isolate
}
.aez-ref-hero:before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(circle at 20% 48%,rgba(40,87,76,.13),transparent 24%),radial-gradient(circle at 75% 45%,rgba(40,87,76,.06),transparent 22%)
}
.aez-ref-hero-inner{
  min-height:348px;display:grid;grid-template-columns:51% 49%;align-items:stretch;position:relative;direction:ltr
}
.aez-ref-hero-visual{position:relative;min-height:348px;overflow:visible;direction:rtl}
.aez-ref-orb{position:absolute;width:315px;height:315px;border-radius:50%;left:51%;top:52%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#8DB89D,#28574C);opacity:.57}
.aez-ref-teacher{position:absolute;z-index:4;height:350px;width:auto;max-width:76%;left:51%;bottom:-2px;transform:translateX(-50%);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 18px rgba(9,35,36,.12))}
.aez-ref-dna{position:absolute;z-index:1;width:135px;height:250px;left:6px;top:35px;opacity:.18;transform:rotate(-7deg)}
.aez-ref-name{position:absolute;z-index:6;left:8px;top:98px;font-family:"Tajawal",sans-serif;font-size:27px;line-height:1.05;transform:rotate(-7deg);text-align:center;color:#092324}
.aez-ref-name small{display:block;font-family:"Tajawal",sans-serif;font-size:10px;line-height:1.55;font-weight:800;transform:rotate(7deg);margin-top:8px}
.aez-ref-bottom-note{position:absolute;z-index:6;left:0;bottom:16px;font-family:"Tajawal",sans-serif;font-size:20px;line-height:1.22;transform:rotate(-8deg);color:#092324}
.aez-ref-bottom-note:after{content:"";display:block;width:80px;height:3px;background:#28574C;border-radius:10px;transform:rotate(-4deg);margin:3px auto 0}
.aez-ref-quote{position:absolute;z-index:7;right:17px;top:49px;min-width:112px;background:rgba(255,255,255,.94);border:1px solid #8DB89D;border-radius:9px;padding:12px 16px;text-align:center;line-height:1.35;box-shadow:0 8px 18px rgba(9,35,36,.035)}
.aez-ref-quote i{position:absolute;right:-5px;top:-12px;color:#28574C;font-size:28px;font-style:normal}.aez-ref-quote strong{font-size:16px}
.aez-ref-hero-copy{position:relative;direction:rtl;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:right;padding:24px 28px 19px 0;min-width:0}
.aez-ref-kicker{font-size:10px;color:#28574C;border:1px solid #DFEEE3;border-radius:999px;background:#EDF5EF;padding:5px 10px;font-weight:800}
.aez-ref-hero-copy h1{font-size:clamp(31px,3.05vw,45px);line-height:1.12;margin:12px 0 7px;font-weight:950;letter-spacing:-1.2px;color:#092324}.aez-ref-hero-copy h1 em{font-style:normal;display:block;color:#28574C}.aez-ref-hero-copy h3{font-size:16px;margin:4px 0 4px;color:#092324}.aez-ref-hero-copy p{font-size:12px;line-height:1.75;color:#4F846F;margin:0}
.aez-ref-actions{display:flex;gap:11px;margin-top:13px;flex-wrap:wrap}.aez-ref-primary,.aez-ref-secondary{padding:9px 18px!important;border-radius:13px!important;font-size:12px!important}.aez-ref-actions b{font-size:11px}
.aez-ref-student-stat{position:absolute;left:15px;bottom:16px;display:flex;align-items:center;gap:7px;border:1px solid #DFEEE3;border-radius:13px;background:rgba(255,255,255,.94);padding:7px 9px;box-shadow:0 8px 20px rgba(15,46,41,.04)}.aez-ref-student-stat span{font-size:19px}.aez-ref-student-stat b,.aez-ref-student-stat small{display:block}.aez-ref-student-stat b{font-size:10px}.aez-ref-student-stat small{font-size:8px;color:#60746A}
.aez-ref-side-note{position:absolute;right:-42px;top:78px;font-family:"Tajawal",sans-serif;color:#28574C;font-size:18px;line-height:1.2;transform:rotate(9deg);text-align:center;z-index:3}.aez-ref-microscope{position:absolute;right:-95px;bottom:-5px;width:150px;height:195px;opacity:.35;z-index:1}.aez-ref-hero-bg-mark{position:absolute;color:#8DB89D;opacity:.12;font-weight:900;z-index:-1;pointer-events:none}.aez-ref-mark-dna{font-size:0}.aez-ref-mark-atom{font-size:65px;left:47%;bottom:45px}
@media(max-width:1100px){.aez-ref-side-note{display:none}.aez-ref-microscope{right:-55px;width:125px}.aez-ref-hero-copy{padding-right:12px}.aez-ref-name{left:0}.aez-ref-bottom-note{left:0}}
@media(max-width:980px){.aez-ref-hero-inner{grid-template-columns:1fr;direction:rtl}.aez-ref-hero-copy{order:1;align-items:center;text-align:center;padding:32px 12px 16px}.aez-ref-hero-visual{order:2;min-height:345px}.aez-ref-student-stat{position:static;margin-top:13px}.aez-ref-orb{width:310px;height:310px}.aez-ref-teacher{height:335px;max-width:80%}.aez-ref-microscope,.aez-ref-side-note{display:none}}
@media(max-width:640px){.aez-ref-hero-copy h1{font-size:33px}.aez-ref-hero-visual{min-height:310px}.aez-ref-orb{width:265px;height:265px}.aez-ref-teacher{height:285px;max-width:84%}.aez-ref-name{font-size:21px;top:88px}.aez-ref-name small{font-size:9px}.aez-ref-bottom-note{font-size:17px;bottom:8px}.aez-ref-quote{right:5px;top:42px;min-width:92px;padding:9px 11px}.aez-ref-quote strong{font-size:14px}.aez-ref-dna{width:100px;height:190px}}


/* v1.0.18 registration visual from latest version */
.aez-register-page{padding:36px 0 50px!important;background:linear-gradient(180deg,#fff 0%,#F5F9F6 100%)!important}
.aez-register-page .aez-auth-grid{grid-template-columns:1.08fr .92fr!important;gap:28px!important;align-items:stretch!important}
.aez-register-brand{position:relative!important;overflow:hidden!important;min-height:720px!important;padding:34px 34px 0!important;background:linear-gradient(180deg,#fff 0%,#F5F9F6 100%)!important;display:flex!important;flex-direction:column!important}
.aez-register-copy{position:relative;z-index:5;text-align:right}
.aez-register-copy .aez-kicker{display:inline-block}
.aez-register-copy .aez-section-title{font-size:42px!important;margin:16px 0 12px!important;line-height:1.15!important}
.aez-register-copy p{font-size:16px!important;line-height:1.85!important;color:#28574C!important;max-width:520px!important;margin:0!important}
.aez-register-visual{position:relative!important;flex:1!important;min-height:510px!important;margin-top:8px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:hidden!important}
.aez-register-glow{position:absolute!important;width:430px!important;height:430px!important;border-radius:50%!important;left:50%!important;bottom:20px!important;transform:translateX(-50%)!important;background:radial-gradient(circle at 50% 50%,rgba(141,184,157,.42) 0%,rgba(40,87,76,.22) 47%,rgba(40,87,76,0) 72%)!important;filter:blur(3px)!important;z-index:1!important}
.aez-register-visual:before{content:"";position:absolute;inset:70px 0 0;background:radial-gradient(circle at 50% 70%,rgba(40,87,76,.10),transparent 44%);z-index:0}
.aez-register-visual img{position:relative!important;z-index:3!important;width:auto!important;height:520px!important;max-height:none!important;max-width:106%!important;object-fit:contain!important;object-position:center bottom!important;margin:0 auto -24px!important;display:block!important;filter:drop-shadow(0 22px 28px rgba(15,46,41,.15))!important}
.aez-register-page .aez-auth-card{padding:34px!important;border-radius:24px!important}
@media(max-width:980px){
  .aez-register-page .aez-auth-grid{grid-template-columns:1fr!important}
  .aez-register-brand{min-height:610px!important}
  .aez-register-visual{min-height:425px!important}
  .aez-register-visual img{height:445px!important;margin-bottom:-18px!important}
  .aez-register-copy .aez-section-title{font-size:36px!important}
}
@media(max-width:640px){
  .aez-register-page{padding-top:18px!important}
  .aez-register-brand{min-height:500px!important;padding:22px 20px 0!important}
  .aez-register-copy .aez-section-title{font-size:30px!important}
  .aez-register-copy p{font-size:14px!important}
  .aez-register-visual{min-height:330px!important}
  .aez-register-visual img{height:350px!important;max-width:118%!important;margin-bottom:-14px!important}
  .aez-register-glow{width:300px!important;height:300px!important;bottom:8px!important}
}


/* v1.0.19 — make teacher portrait fill the orange circle */
.aez-ref-teacher{
  height:402px!important;
  max-width:none!important;
  left:51%!important;
  bottom:-18px!important;
  transform:translateX(-50%)!important;
}
@media(max-width:980px){
  .aez-ref-teacher{height:365px!important;bottom:-12px!important;left:50%!important}
}
@media(max-width:640px){
  .aez-ref-teacher{height:318px!important;bottom:-10px!important;left:50%!important;max-width:none!important}
}


/* =========================================================
   v1.0.20 — registration + final CTA image framing fixes
   ========================================================= */
/* Registration: make the teacher fill the empty vertical space cleanly without looking cropped. */
.aez-register-brand{min-height:720px!important}
.aez-register-copy{flex:0 0 auto!important}
.aez-register-visual{
  flex:1 1 auto!important;
  min-height:540px!important;
  margin-top:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.aez-register-visual img{
  height:570px!important;
  width:auto!important;
  max-width:112%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  margin:0 auto -12px!important;
  transform:none!important;
  filter:drop-shadow(0 22px 28px rgba(15,46,41,.14))!important;
}
.aez-register-glow{
  width:470px!important;
  height:470px!important;
  bottom:4px!important;
}

/* Home CTA: use a dedicated padded portrait and keep the whole visible upper body inside the banner. */
.aez-final-cta{
  min-height:160px!important;
  padding:22px 24px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
.aez-final-cta>div{
  position:relative!important;
  z-index:3!important;
  max-width:58%!important;
}
.aez-final-cta .aez-final-cta-teacher{
  position:absolute!important;
  left:14px!important;
  bottom:-24px!important;
  height:190px!important;
  width:auto!important;
  max-width:44%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  opacity:1!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.14))!important;
}

@media(max-width:980px){
  .aez-register-brand{min-height:650px!important}
  .aez-register-visual{min-height:460px!important}
  .aez-register-visual img{height:485px!important;max-width:116%!important;margin-bottom:-10px!important}
  .aez-final-cta .aez-final-cta-teacher{height:176px!important;left:6px!important;bottom:-20px!important}
}
@media(max-width:640px){
  .aez-register-brand{min-height:540px!important}
  .aez-register-visual{min-height:360px!important}
  .aez-register-visual img{height:385px!important;max-width:124%!important;margin-bottom:-8px!important}
  .aez-register-glow{width:320px!important;height:320px!important;bottom:0!important}
  .aez-final-cta{min-height:154px!important;padding:18px 18px!important}
  .aez-final-cta>div{max-width:72%!important}
  .aez-final-cta .aez-final-cta-teacher{height:154px!important;max-width:40%!important;left:-4px!important;bottom:-18px!important;opacity:.95!important}
}


/* =========================================================
   v1.0.21 — fill teacher portraits inside the orange circles
   ========================================================= */
/* Hero circle portrait */
.aez-ref-hero-visual{overflow:hidden!important}
.aez-ref-orb{
  width:338px!important;
  height:338px!important;
  left:49.5%!important;
  top:54%!important;
  transform:translate(-50%,-50%)!important;
}
.aez-ref-teacher{
  height:392px!important;
  width:auto!important;
  max-width:none!important;
  left:49.5%!important;
  bottom:-14px!important;
  transform:translateX(-50%)!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
/* About circle portrait */
.aez-about-home-grid{grid-template-columns:280px 1fr 250px!important;align-items:center!important}
.aez-about-photo{
  height:190px!important;
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  padding-right:10px!important;
}
.aez-about-circle{
  width:180px!important;
  height:180px!important;
  right:14px!important;
  bottom:-10px!important;
  border-radius:50%!important;
  background:#EDF5EF!important;
}
.aez-about-photo img{
  position:absolute!important;
  right:18px!important;
  bottom:-4px!important;
  height:204px!important;
  width:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  z-index:2!important;
  filter:drop-shadow(0 10px 14px rgba(9,35,36,.10))!important;
}
.aez-about-photo strong{
  left:0!important;
  top:30px!important;
  z-index:3!important;
}
@media(max-width:980px){
  .aez-ref-orb{width:315px!important;height:315px!important;left:50%!important}
  .aez-ref-teacher{height:366px!important;left:50%!important;bottom:-10px!important}
  .aez-about-home-grid{grid-template-columns:1fr!important}
  .aez-about-photo{height:205px!important;justify-content:center!important;padding-right:0!important}
  .aez-about-circle{right:50%!important;transform:translateX(50%)!important}
  .aez-about-photo img{right:50%!important;transform:translateX(50%)!important;height:212px!important}
}
@media(max-width:640px){
  .aez-ref-orb{width:280px!important;height:280px!important}
  .aez-ref-teacher{height:326px!important;bottom:-8px!important}
  .aez-about-photo{height:180px!important}
  .aez-about-circle{width:160px!important;height:160px!important;bottom:-6px!important}
  .aez-about-photo img{height:182px!important;bottom:-2px!important}
}


/* =========================================================
   v1.0.22 — balanced section spacing & desktop rhythm
   ========================================================= */
/* Global homepage rhythm */
.aez-home-section{
  padding:64px 0!important;
}
.aez-section-head{
  margin-bottom:32px!important;
}
.aez-section-head h2,.aez-home-title{
  font-size:30px!important;
  line-height:1.25!important;
}
.aez-section-head h2:after,.aez-home-title:after{
  width:72px!important;
  height:3px!important;
  bottom:-11px!important;
}

/* Features: give the section real presence and allow two rows */
.aez-features-section{
  padding-top:58px!important;
  padding-bottom:68px!important;
}
.aez-features-ten{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:16px!important;
}
.aez-feature{
  min-height:168px!important;
  padding:22px 16px!important;
  border-radius:16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.aez-feature .icon{
  width:44px!important;
  height:44px!important;
  font-size:24px!important;
  margin:0 auto 12px!important;
}
.aez-feature h3{
  font-size:15px!important;
  min-height:auto!important;
  line-height:1.45!important;
  margin-bottom:7px!important;
}
.aez-feature p{
  font-size:12px!important;
  line-height:1.65!important;
}

/* About section */
.aez-about-home{
  padding-top:68px!important;
  padding-bottom:68px!important;
}
.aez-about-home-grid{
  margin-top:34px!important;
  gap:34px!important;
  min-height:260px!important;
}
.aez-about-text{
  font-size:14px!important;
  line-height:1.9!important;
}
.aez-about-text p{margin-bottom:12px!important}
.aez-about-badges{
  gap:10px!important;
  margin-top:18px!important;
}
.aez-about-badges span{
  padding:10px 8px!important;
  font-size:11px!important;
  border-radius:10px!important;
}
.aez-mission-card{
  padding:26px 20px!important;
  min-height:175px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.aez-mission-card p{font-size:20px!important}

/* Grades section */
.aez-grades-home{
  padding-top:54px!important;
  padding-bottom:62px!important;
}
.aez-grades-polished{
  gap:22px!important;
}
.aez-grades-polished .aez-grade{
  min-height:110px!important;
  padding:20px 24px!important;
}
.aez-grades-polished .aez-grade h3{font-size:18px!important}
.aez-grades-polished .aez-grade p{font-size:12px!important}

/* Courses section */
.aez-courses-home{
  padding-top:58px!important;
  padding-bottom:70px!important;
}
.aez-courses-home .aez-section-head.compact{
  margin-bottom:30px!important;
}
.aez-course-card{
  box-shadow:0 12px 30px rgba(9,35,36,.07)!important;
}
.aez-course-card-body{
  min-height:190px!important;
}

/* Testimonials + CTA */
.aez-testimonials-home{
  padding-top:58px!important;
  padding-bottom:72px!important;
}
.aez-bottom-grid{
  margin-top:32px!important;
  gap:22px!important;
}
.aez-testimonials article{
  padding:18px!important;
  min-height:150px!important;
}
.aez-testimonials p{
  font-size:12px!important;
  line-height:1.7!important;
  min-height:62px!important;
}
.aez-testimonials b{font-size:12px!important}
.aez-testimonials small{font-size:10px!important}
.aez-final-cta{
  min-height:190px!important;
  padding:28px 30px!important;
}
.aez-final-cta h2{font-size:30px!important}
.aez-final-cta p{font-size:13px!important}
.aez-final-cta a{font-size:12px!important;padding:8px 18px!important}
.aez-final-cta .aez-final-cta-teacher{
  height:218px!important;
  bottom:-28px!important;
}

/* Keep hero intentionally compact but not cramped */
.aez-ref-hero,.aez-ref-hero-inner{
  min-height:380px!important;
}
.aez-ref-hero-visual{
  min-height:380px!important;
  height:380px!important;
}

@media(max-width:1100px){
  .aez-features-ten{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .aez-home-section{padding:48px 0!important}
  .aez-features-ten{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .aez-feature{min-height:155px!important}
  .aez-about-home-grid{min-height:0!important}
  .aez-grades-polished{grid-template-columns:1fr!important}
  .aez-ref-hero,.aez-ref-hero-inner{min-height:auto!important}
  .aez-ref-hero-visual{min-height:345px!important;height:345px!important}
  .aez-final-cta{min-height:175px!important}
}
@media(max-width:640px){
  .aez-home-section{padding:38px 0!important}
  .aez-section-head{margin-bottom:24px!important}
  .aez-section-head h2,.aez-home-title{font-size:25px!important}
  .aez-features-section{padding-top:38px!important;padding-bottom:44px!important}
  .aez-features-ten{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .aez-feature{min-height:145px!important;padding:16px 10px!important}
  .aez-feature h3{font-size:13px!important}
  .aez-feature p{font-size:11px!important}
  .aez-about-home,.aez-grades-home,.aez-courses-home,.aez-testimonials-home{padding-top:40px!important;padding-bottom:44px!important}
  .aez-final-cta{min-height:160px!important;padding:22px 18px!important}
  .aez-final-cta h2{font-size:24px!important}
}


/* =========================================================
   v1.0.23 — cleaner portrait framing inside About orange circle
   ========================================================= */
.aez-about-home-grid{grid-template-columns:300px 1fr 250px!important;gap:28px!important}
.aez-about-photo{
  height:220px!important;
  min-height:220px!important;
  position:relative!important;
  overflow:visible!important;
  display:block!important;
  padding:0!important;
}
.aez-about-circle{
  position:absolute!important;
  width:196px!important;
  height:196px!important;
  right:18px!important;
  bottom:8px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#EDF5EF 0%,#BFD7C7 100%)!important;
  box-shadow:0 12px 30px rgba(40,87,76,.08)!important;
}
.aez-about-photo img{
  position:absolute!important;
  z-index:2!important;
  width:196px!important;
  height:196px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  right:18px!important;
  bottom:8px!important;
  transform:none!important;
  filter:drop-shadow(0 8px 12px rgba(9,35,36,.08))!important;
}
.aez-about-photo strong{
  left:0!important;
  top:48px!important;
  max-width:110px!important;
  text-align:center!important;
}
@media(max-width:980px){
  .aez-about-home-grid{grid-template-columns:1fr!important}
  .aez-about-photo{height:225px!important}
  .aez-about-circle,.aez-about-photo img{
    right:50%!important;
    transform:translateX(50%)!important;
  }
  .aez-about-photo strong{left:12px!important;top:58px!important}
}
@media(max-width:640px){
  .aez-about-photo{height:200px!important}
  .aez-about-circle,.aez-about-photo img{width:176px!important;height:176px!important;bottom:10px!important}
  .aez-about-photo strong{font-size:17px!important;max-width:95px!important;top:54px!important}
}


/* =========================================================
   v1.0.24 — new about portrait + functional grade pages
   ========================================================= */
.aez-about-photo{height:210px!important;overflow:hidden!important;border-radius:22px!important}
.aez-about-circle{width:188px!important;height:188px!important;right:18px!important;bottom:2px!important;background:linear-gradient(145deg,#DFEEE3,#BFD7C7)!important;box-shadow:inset 0 0 0 1px rgba(40,87,76,.08)!important}
.aez-about-photo img{height:205px!important;width:auto!important;right:4px!important;bottom:-2px!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 9px 12px rgba(9,35,36,.09))!important}
.aez-about-photo strong{left:3px!important;top:45px!important}
.aez-grades-polished .aez-grade{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;cursor:pointer!important}
.aez-grades-polished .aez-grade:hover{transform:translateY(-4px)!important;border-color:#BFD7C7!important;box-shadow:0 14px 30px rgba(40,87,76,.10)!important}
.aez-grade-page{background:#F5F9F6;min-height:60vh}
.aez-grade-page-hero{padding:48px 0 34px;background:linear-gradient(135deg,#F5F9F6,#fff);border-bottom:1px solid #DFEEE3}
.aez-grade-page-hero .container{display:flex;align-items:center;gap:22px;direction:rtl}
.aez-grade-page-icon{width:74px;height:74px;border-radius:22px;background:#EDF5EF;color:var(--aez-orange);display:grid;place-items:center;font-size:34px;flex:0 0 auto}
.aez-grade-page-hero h1{margin:8px 0 5px;font-size:38px;color:var(--aez-ink)}
.aez-grade-page-hero p{margin:0;color:var(--aez-muted)}
.aez-grade-course-section{padding:48px 0 70px;background:#fff}
.aez-grade-courses-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.aez-grade-course-card{overflow:visible!important;height:100%!important}
.aez-grade-course-card .aez-course-thumb img{aspect-ratio:16/9!important;border-radius:11px 11px 0 0!important}
.aez-grade-course-card .aez-course-card-body{min-height:210px!important}
.aez-grade-pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}
.aez-grade-pagination .page-numbers{min-width:38px;height:38px;padding:0 10px;border-radius:10px;border:1px solid #DFEEE3;display:inline-grid;place-items:center;color:#173C35;background:#fff;font-weight:800}
.aez-grade-pagination .current{background:var(--aez-orange);border-color:var(--aez-orange);color:#fff}
.aez-empty-state{max-width:720px;margin:20px auto;padding:50px 28px;border:1px dashed #BFD7C7;border-radius:22px;background:#F5F9F6;text-align:center}
.aez-empty-state>span{font-size:42px}.aez-empty-state h2{margin:10px 0 8px}.aez-empty-state p{color:var(--aez-muted)}
@media(max-width:980px){.aez-grade-courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.aez-about-photo img{right:50%!important;transform:translateX(50%)!important}}
@media(max-width:640px){.aez-grade-page-hero{padding:34px 0 24px}.aez-grade-page-hero .container{align-items:flex-start}.aez-grade-page-icon{width:58px;height:58px;border-radius:16px;font-size:26px}.aez-grade-page-hero h1{font-size:28px}.aez-grade-page-hero p{font-size:13px}.aez-grade-course-section{padding:30px 0 50px}.aez-grade-courses-grid{grid-template-columns:1fr!important}.aez-about-photo{height:190px!important}.aez-about-circle{width:170px!important;height:170px!important}.aez-about-photo img{height:185px!important}}


/* =========================================================
   v1.0.25 — use the approved circle portrait in About section
   ========================================================= */
.aez-about-photo{
  width:260px!important;
  height:205px!important;
  position:relative!important;
  overflow:visible!important;
  margin-inline:auto!important;
  display:block!important;
}
.aez-about-circle{
  position:absolute!important;
  width:190px!important;
  height:190px!important;
  border-radius:50%!important;
  background:#DFEEE3!important;
  right:14px!important;
  bottom:0!important;
  overflow:hidden!important;
  z-index:1!important;
}
.aez-about-photo img{
  position:absolute!important;
  z-index:2!important;
  width:188px!important;
  height:188px!important;
  max-width:none!important;
  right:15px!important;
  bottom:0!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  margin:0!important;
  transform:none!important;
  filter:drop-shadow(0 8px 12px rgba(9,35,36,.08))!important;
}
.aez-about-photo strong{
  position:absolute!important;
  z-index:3!important;
  left:-2px!important;
  top:38px!important;
}
@media(max-width:980px){
  .aez-about-photo{width:270px!important;height:215px!important}
  .aez-about-circle{width:200px!important;height:200px!important;right:35px!important}
  .aez-about-photo img{width:198px!important;height:198px!important;right:36px!important}
  .aez-about-photo strong{left:-8px!important;top:45px!important}
}
@media(max-width:640px){
  .aez-about-photo{width:235px!important;height:190px!important}
  .aez-about-circle{width:175px!important;height:175px!important;right:30px!important}
  .aez-about-photo img{width:174px!important;height:174px!important;right:30px!important}
  .aez-about-photo strong{font-size:17px!important;left:-4px!important;top:44px!important}
}


/* =========================================================
   v1.0.27 — custom Tutor LMS single course page
   ========================================================= */
.aez-course-page{background:#F5F9F6;color:#092324;padding-bottom:70px}
.aez-course-hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#fff 0%,#F5F9F6 58%,#EDF5EF 100%);border-bottom:1px solid #DFEEE3;padding:42px 0 38px}
.aez-course-hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(40,87,76,.065);left:-110px;top:-160px}
.aez-course-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:42px;align-items:center;direction:rtl}
.aez-course-hero-copy{min-width:0}
.aez-course-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#60746A;font-size:12px;margin-bottom:16px}
.aez-course-breadcrumbs a{color:#60746A;text-decoration:none}.aez-course-breadcrumbs a:hover{color:var(--aez-orange)}
.aez-course-category{display:inline-flex;align-items:center;background:#EDF5EF;border:1px solid #DFEEE3;color:var(--aez-orange);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:900}
.aez-course-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.12;margin:14px 0 12px;letter-spacing:-1.2px;font-weight:950;color:#092324}
.aez-course-hero-copy>p{font-size:16px;line-height:1.9;color:#4F846F;max-width:760px;margin:0}
.aez-course-hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.aez-course-hero-meta span{background:#fff;border:1px solid #DFEEE3;border-radius:12px;padding:9px 12px;font-size:12px;font-weight:800;color:#28574C;box-shadow:0 6px 18px rgba(9,35,36,.035)}
.aez-course-hero-thumb{position:relative;border-radius:24px;padding:7px;background:#fff;border:1px solid #DFEEE3;box-shadow:0 18px 45px rgba(15,46,41,.09);overflow:hidden;min-height:245px}.aez-course-hero-thumb img{display:block;width:100%;height:100%;min-height:245px;max-height:310px;object-fit:cover;border-radius:18px}.aez-course-hero-placeholder{min-height:245px;border-radius:18px;background:linear-gradient(135deg,#28574C,#8DB89D);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:30px}.aez-course-hero-placeholder span{font-size:58px}.aez-course-hero-placeholder strong{font-size:22px;margin-top:10px}
.aez-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;padding-top:34px;direction:rtl}.aez-course-main{min-width:0}.aez-course-sidebar{min-width:0}
.aez-course-video-card,.aez-course-tabs-shell,.aez-entry-card,.aez-course-more-card{background:#fff;border:1px solid #DFEEE3;border-radius:22px;box-shadow:0 12px 34px rgba(9,35,36,.045)}
.aez-course-video-card{padding:20px;margin-bottom:24px}.aez-course-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.aez-card-eyebrow{color:var(--aez-orange);font-size:11px;font-weight:900}.aez-course-card-heading h2{font-size:22px;margin:2px 0 0}.aez-video-source-badge{background:#EDF5EF;color:var(--aez-orange);border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900;white-space:nowrap}
.aez-course-video-wrap{overflow:hidden;border-radius:17px;background:#092324}.aez-course-video-wrap iframe,.aez-course-video-wrap video,.aez-course-video-wrap .tutor-video-player,.aez-course-video-wrap .tutor-course-video-wrapper{width:100%!important;max-width:100%!important;border-radius:17px!important}.aez-course-video-wrap img{display:block;width:100%;height:auto}
.aez-course-tabs-shell{padding:0!important;overflow:hidden}.aez-course-tabs-nav{background:#fff;border-bottom:1px solid #DFEEE3;padding:0 18px}.aez-course-tabs-content{padding:26px!important}.aez-course-tabs-shell .tutor-nav{gap:5px!important}.aez-course-tabs-shell .tutor-nav-link{font-weight:800!important;border-radius:10px!important}.aez-course-tabs-shell .tutor-nav-link.is-active{color:var(--aez-orange)!important;background:#EDF5EF!important}
.aez-course-sidebar-sticky{position:sticky;top:88px}.aez-entry-card{padding:16px;overflow:hidden}.aez-entry-card .tutor-card{border:0!important;box-shadow:none!important}.aez-entry-card .tutor-btn,.aez-course-page .tutor-btn-primary{background:var(--aez-orange)!important;border-color:var(--aez-orange)!important;color:#fff!important;border-radius:13px!important;font-weight:900!important}.aez-entry-card .tutor-btn:hover,.aez-course-page .tutor-btn-primary:hover{background:#28574C!important;border-color:#28574C!important}.aez-entry-card .tutor-course-price{color:#092324!important;font-weight:950!important}
.aez-course-more-card{margin-top:18px;padding:18px}.aez-course-more-card>*{margin-bottom:18px}.aez-course-more-card>*:last-child{margin-bottom:0}
.aez-course-page .tutor-accordion-item{border:1px solid #DFEEE3!important;border-radius:14px!important;margin-bottom:10px!important;overflow:hidden!important}.aez-course-page .tutor-accordion-item-header{background:#F5F9F6!important;padding:16px 18px!important;font-weight:900!important}.aez-course-page .tutor-accordion-item-header.is-active{background:#EDF5EF!important;color:var(--aez-orange)!important}.aez-course-page .tutor-course-content-list-item{padding:13px 16px!important;border-top:1px solid #EDF5EF!important}.aez-course-page .tutor-course-content-list-item:hover{background:#F5F9F6!important}
.aez-course-page .tutor-progress-value{background:var(--aez-orange)!important}.aez-course-page .tutor-ratings-stars{color:#8DB89D!important}
.aez-mobile-entry-box{margin:0 0 24px}
@media(max-width:1024px){.aez-course-hero-grid{grid-template-columns:1fr 330px;gap:26px}.aez-course-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}}
@media(max-width:880px){.aez-course-hero{padding:30px 0}.aez-course-hero-grid{grid-template-columns:1fr;gap:22px}.aez-course-hero-thumb{max-width:620px;width:100%;margin:0 auto}.aez-course-layout{grid-template-columns:1fr}.aez-course-sidebar-sticky{position:static}.aez-course-sidebar{order:2}.aez-course-main{order:1}}
@media(max-width:640px){.aez-course-page{padding-bottom:45px}.aez-course-hero h1{font-size:34px}.aez-course-hero-copy>p{font-size:14px}.aez-course-hero-meta{gap:7px}.aez-course-hero-meta span{font-size:10px;padding:7px 9px}.aez-course-hero-thumb{min-height:190px;border-radius:18px}.aez-course-hero-thumb img{min-height:190px;max-height:230px;border-radius:13px}.aez-course-layout{padding-top:20px}.aez-course-video-card{padding:12px;border-radius:17px}.aez-course-card-heading h2{font-size:18px}.aez-video-source-badge{display:none}.aez-course-tabs-content{padding:18px!important}.aez-entry-card,.aez-course-more-card{border-radius:17px}}


/* =========================================================
   v1.0.28 — streamlined Tutor LMS course page
   ========================================================= */
.aez-course-page .tutor-course-details-ratings,
.aez-course-page .tutor-ratings,
.aez-course-page .tutor-ratings-stars,
.aez-course-page .tutor-course-review,
.aez-course-page .tutor-course-reviews-wrap,
.aez-course-page [id*="review"],
.aez-course-page [class*="review"]{
  display:none!important;
}
/* The custom header no longer has a Tutor LMS source badge. */
.aez-course-page .aez-video-source-badge{display:none!important}


/* v1.0.29 — Tutor course cards: hide ratings and instructor presentation */
.tutor-courses-wrap .tutor-ratings,
.tutor-courses-wrap .tutor-ratings-stars,
.tutor-courses-wrap .tutor-course-rating,
.tutor-dashboard .tutor-ratings,
.tutor-dashboard .tutor-ratings-stars,
.tutor-dashboard .tutor-course-rating,
.tutor-dashboard .tutor-star-rating-container,
.tutor-dashboard .tutor-icon-star-bold,
.tutor-dashboard .tutor-icon-star-line{display:none!important}
.aez-course-category-only{font-size:13px!important;color:var(--aez-muted)!important}
.aez-course-category-only a{color:var(--aez-orange)!important;font-weight:800!important}


/* v1.0.30 — hide Tutor last-update / enrollment-validity metadata block */
.aez-course-page .tutor-course-details-widget-list-item:has(.tutor-icon-calendar),
.aez-course-page .tutor-course-details-widget-row:has(.tutor-icon-calendar){display:none!important}


/* v1.0.31 default course cover support */
.aez-course-thumb img, .tutor-course-thumbnail img, .aez-course-hero-thumb img{object-fit:cover;}


/* v1.0.33 latest courses phrase + nicer thumbnail edges */
.aez-course-thumb,.tutor-course-thumbnail{display:block;overflow:hidden;border-radius:14px 14px 0 0;}
.aez-course-thumb img,.tutor-course-thumbnail img{border-radius:14px 14px 0 0!important;}
.aez-course-card img{border-radius:14px 14px 0 0!important;}
.aez-four-courses .aez-course-thumb,.aez-four-courses .tutor-course-thumbnail{border-radius:12px 12px 0 0;}
.aez-four-courses .aez-course-thumb img,.aez-four-courses .tutor-course-thumbnail img{border-radius:12px 12px 0 0!important;}

/* =========================================================
   v1.0.35 — mobile polish for About section portrait
   ========================================================= */
@media(max-width:640px){
  .aez-about-home{
    padding-top:36px!important;
    padding-bottom:42px!important;
  }
  .aez-about-home .aez-home-title{
    font-size:25px!important;
    line-height:1.35!important;
    margin-bottom:22px!important;
  }
  .aez-about-home-grid{
    gap:20px!important;
    margin-top:18px!important;
  }
  .aez-about-photo{
    width:100%!important;
    max-width:320px!important;
    height:245px!important;
    margin:0 auto!important;
    overflow:visible!important;
  }
  .aez-about-circle{
    width:190px!important;
    height:190px!important;
    right:50%!important;
    bottom:35px!important;
    transform:translateX(50%)!important;
    border-radius:50%!important;
  }
  .aez-about-photo img{
    width:190px!important;
    height:190px!important;
    right:50%!important;
    bottom:35px!important;
    transform:translateX(50%)!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
  .aez-about-photo strong{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:0!important;
    transform:translateX(-50%) rotate(-4deg)!important;
    width:max-content!important;
    max-width:92%!important;
    text-align:center!important;
    font-size:16px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
  }
  .aez-about-text{
    font-size:13px!important;
    line-height:1.85!important;
    padding:0 6px!important;
  }
  .aez-about-badges{
    gap:8px!important;
    margin-top:14px!important;
  }
  .aez-about-badges span{
    padding:9px 7px!important;
    font-size:10px!important;
  }
  .aez-mission-card{
    margin-top:2px!important;
    padding:20px 14px!important;
  }
}


/* =========================================================
   v1.0.36 — larger teacher image in mobile final CTA
   ========================================================= */
@media(max-width:640px){
  .aez-final-cta{min-height:168px!important;padding:18px 16px 16px!important}
  .aez-final-cta>div{max-width:66%!important;position:relative!important;z-index:3!important}
  .aez-final-cta .aez-final-cta-teacher{
    height:172px!important;
    max-width:46%!important;
    left:2px!important;
    bottom:-6px!important;
    opacity:1!important;
    object-fit:contain!important;
    object-position:left bottom!important;
  }
}


/* =========================================================
   v1.0.37 — mobile CTA portrait: taller and grounded from bottom
   ========================================================= */
@media(max-width:640px){
  .aez-final-cta{
    min-height:182px!important;
    padding:18px 16px 14px!important;
    align-items:flex-start!important;
  }
  .aez-final-cta>div{
    max-width:64%!important;
    padding-right:2px!important;
  }
  .aez-final-cta .aez-final-cta-teacher{
    height:188px!important;
    max-width:48%!important;
    left:2px!important;
    bottom:-16px!important;
    top:auto!important;
    opacity:1!important;
    object-fit:contain!important;
    object-position:left bottom!important;
    transform:none!important;
  }
}


/* =========================================================
   v1.0.38 — mobile CTA portrait fixed: full-height from bottom
   ========================================================= */
@media(max-width:640px){
  .aez-final-cta{
    min-height:190px!important;
    height:190px!important;
    padding:18px 16px!important;
    overflow:hidden!important;
  }
  .aez-final-cta>div{
    max-width:62%!important;
    position:relative!important;
    z-index:3!important;
  }
  .aez-final-cta .aez-final-cta-teacher{
    position:absolute!important;
    left:-2px!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    height:186px!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
    opacity:1!important;
    object-fit:contain!important;
    object-position:left bottom!important;
  }
}


/* =========================================================
   v1.0.39 — mobile CTA teacher truly fills the card
   ========================================================= */
.aez-final-cta-picture{display:contents;}
@media(max-width:640px){
  .aez-final-cta{
    height:190px!important;
    min-height:190px!important;
    padding:18px 16px!important;
    overflow:hidden!important;
  }
  .aez-final-cta>div{
    max-width:60%!important;
    position:relative!important;
    z-index:3!important;
  }
  .aez-final-cta .aez-final-cta-picture .aez-final-cta-teacher,
  .aez-final-cta .aez-final-cta-teacher{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    width:42%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
    opacity:1!important;
    object-fit:contain!important;
    object-position:left bottom!important;
  }
}


/* =========================================================
   v1.0.40 — mobile CTA portrait fills the banner from the bottom
   ========================================================= */
@media(max-width:640px){
  .aez-final-cta{
    height:190px!important;
    min-height:190px!important;
    padding:18px 16px!important;
    overflow:hidden!important;
  }
  .aez-final-cta>div{
    max-width:55%!important;
    position:relative!important;
    z-index:3!important;
  }
  .aez-final-cta .aez-final-cta-picture{
    display:block!important;
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    top:auto!important;
    width:55%!important;
    height:100%!important;
    margin:0!important;
    z-index:2!important;
    overflow:visible!important;
  }
  .aez-final-cta .aez-final-cta-picture .aez-final-cta-teacher{
    position:absolute!important;
    left:-3px!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:left bottom!important;
  }
}


/* =========================================================
   v1.0.41 — mobile CTA face visible while image still fills the card
   ========================================================= */
@media(max-width:640px){
  .aez-final-cta{
    height:190px!important;
    min-height:190px!important;
    padding:18px 16px!important;
    overflow:hidden!important;
  }
  .aez-final-cta>div{
    max-width:56%!important;
    position:relative!important;
    z-index:3!important;
  }
  .aez-final-cta .aez-final-cta-picture{
    display:block!important;
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    width:48%!important;
    height:100%!important;
    margin:0!important;
    z-index:2!important;
    overflow:hidden!important;
  }
  .aez-final-cta .aez-final-cta-picture .aez-final-cta-teacher,
  .aez-final-cta .aez-final-cta-teacher{
    position:absolute!important;
    left:-2px!important;
    bottom:0!important;
    top:auto!important;
    width:auto!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:left bottom!important;
  }
}


/* =========================================================
   v1.0.47 — mobile CTA match desktop look better
   ========================================================= */
@media(max-width:640px){
  .aez-final-cta{
    height:188px!important;
    min-height:188px!important;
    padding:18px 16px!important;
    overflow:hidden!important;
  }
  .aez-final-cta > div{
    max-width:54%!important;
    margin-right:auto!important;
    position:relative!important;
    z-index:3!important;
  }
  .aez-final-cta .aez-final-cta-picture{
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    width:46%!important;
    height:100%!important;
    overflow:hidden!important;
    z-index:2!important;
  }
  .aez-final-cta .aez-final-cta-picture .aez-final-cta-teacher,
  .aez-final-cta .aez-final-cta-teacher{
    position:absolute!important;
    left:-8px!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    width:auto!important;
    height:108%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left bottom!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    opacity:1!important;
  }
}


/* =========================================================
   v1.0.48 — desktop CTA matches the mobile composition better
   ========================================================= */
@media(min-width:641px){
  .aez-final-cta{
    min-height:198px!important;
    height:198px!important;
    padding:22px 24px!important;
    overflow:hidden!important;
  }
  .aez-final-cta > div{
    max-width:56%!important;
    margin-right:auto!important;
    position:relative!important;
    z-index:3!important;
  }
  .aez-final-cta .aez-final-cta-picture{
    display:block!important;
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    width:48%!important;
    height:100%!important;
    overflow:hidden!important;
    z-index:2!important;
  }
  .aez-final-cta .aez-final-cta-picture .aez-final-cta-teacher,
  .aez-final-cta .aez-final-cta-teacher{
    position:absolute!important;
    left:-8px!important;
    bottom:0!important;
    top:auto!important;
    width:auto!important;
    height:112%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:left bottom!important;
    transform:none!important;
    opacity:1!important;
  }
}


/* =========================================================
   v1.0.49 — desktop CTA: larger image without affecting text/button layout
   ========================================================= */
@media(min-width:641px){
  .aez-final-cta{
    display:grid!important;
    grid-template-columns:42% 58%!important;
    align-items:center!important;
    min-height:198px!important;
    height:198px!important;
    padding:0 28px 0 0!important;
    overflow:hidden!important;
    position:relative!important;
  }
  .aez-final-cta > div{
    grid-column:2!important;
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:0 6px 0 0!important;
    position:relative!important;
    z-index:3!important;
    text-align:right!important;
  }
  .aez-final-cta .aez-final-cta-picture{
    grid-column:1!important;
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:198px!important;
    overflow:hidden!important;
    z-index:2!important;
  }
  .aez-final-cta .aez-final-cta-picture .aez-final-cta-teacher,
  .aez-final-cta .aez-final-cta-teacher{
    position:absolute!important;
    left:8px!important;
    bottom:0!important;
    top:auto!important;
    width:auto!important;
    height:115%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:left bottom!important;
    transform:none!important;
    opacity:1!important;
    filter:drop-shadow(0 10px 16px rgba(0,0,0,.16))!important;
  }
  .aez-final-cta h2,
  .aez-final-cta p,
  .aez-final-cta a{position:relative!important;z-index:4!important}
}


/* =========================================================
   v1.0.51 — restore final CTA exactly to the approved v1.0.46 layout
   ========================================================= */
.aez-final-cta-picture{display:contents!important}

@media(min-width:641px){
  .aez-final-cta{
    display:flex!important;
    align-items:center!important;
    position:relative!important;
    min-height:190px!important;
    height:auto!important;
    padding:28px 30px!important;
    overflow:hidden!important;
  }
  .aez-final-cta>div{
    position:relative!important;
    z-index:3!important;
    max-width:58%!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:initial!important;
    grid-column:auto!important;
  }
  .aez-final-cta .aez-final-cta-picture{
    display:contents!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .aez-final-cta .aez-final-cta-picture .aez-final-cta-teacher,
  .aez-final-cta .aez-final-cta-teacher{
    position:absolute!important;
    left:14px!important;
    right:auto!important;
    bottom:-28px!important;
    top:auto!important;
    height:218px!important;
    width:auto!important;
    max-width:44%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    transform:none!important;
    opacity:1!important;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.14))!important;
  }
  .aez-final-cta h2{font-size:30px!important}
  .aez-final-cta p{font-size:13px!important}
  .aez-final-cta a{font-size:12px!important;padding:8px 18px!important}
}

@media(max-width:980px) and (min-width:641px){
  .aez-final-cta{min-height:175px!important}
  .aez-final-cta .aez-final-cta-picture .aez-final-cta-teacher,
  .aez-final-cta .aez-final-cta-teacher{
    height:176px!important;
    left:6px!important;
    bottom:-20px!important;
  }
}

@media(max-width:640px){
  .aez-final-cta{
    display:flex!important;
    height:190px!important;
    min-height:190px!important;
    padding:18px 16px!important;
    overflow:hidden!important;
    position:relative!important;
    align-items:center!important;
  }
  .aez-final-cta>div{
    max-width:56%!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:3!important;
    grid-column:auto!important;
  }
  .aez-final-cta .aez-final-cta-picture{
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    width:48%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    z-index:2!important;
  }
  .aez-final-cta .aez-final-cta-picture .aez-final-cta-teacher,
  .aez-final-cta .aez-final-cta-teacher{
    position:absolute!important;
    left:-2px!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    width:auto!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:left bottom!important;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.14))!important;
  }
  .aez-final-cta h2{font-size:24px!important}
}


/* v1.0.52 — two active grade cards */
.aez-grades-polished{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:820px;margin-inline:auto;}
@media(max-width:640px){.aez-grades-polished{grid-template-columns:1fr!important;max-width:none;}}


/* =========================================================
   v1.0.55 — code-only Tutor checkout
   ========================================================= */
.aez-code-checkout-page{min-height:62vh;padding:70px 18px;background:linear-gradient(180deg,#fff 0%,#F5F9F6 100%);display:flex;align-items:flex-start;justify-content:center}
.aez-code-checkout-card{width:min(620px,100%);background:#fff;border:1px solid #DFEEE3;border-radius:26px;padding:38px;box-shadow:0 18px 50px rgba(15,46,41,.08);text-align:center;direction:rtl}
.aez-code-checkout-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:20px;background:#EDF5EF;font-size:30px}
.aez-code-checkout-card h1{margin:10px 0 8px;font-size:34px;color:#092324}.aez-code-checkout-lead{margin:0 auto 22px;max-width:480px;color:#4F846F;line-height:1.8;font-size:15px}
.aez-code-course-name{margin:0 auto 20px;padding:12px 16px;border-radius:14px;background:#F5F9F6;border:1px solid #DFEEE3;color:#0F2E29;font-weight:900}
.aez-code-form{text-align:right}.aez-code-form label{display:block;font-size:14px;font-weight:900;margin-bottom:8px}.aez-code-field-row{display:grid;grid-template-columns:1fr 150px;gap:10px}
.aez-code-field-row input{width:100%;height:52px;border:1px solid #DFEEE3;border-radius:14px;padding:0 16px;font:inherit;font-size:17px;letter-spacing:.5px;text-transform:uppercase;outline:none}.aez-code-field-row input:focus{border-color:var(--aez-orange);box-shadow:0 0 0 3px rgba(40,87,76,.09)}
.aez-code-field-row button,.aez-code-login{height:52px;border:0;border-radius:14px;background:var(--aez-orange);color:#fff;font:inherit;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.aez-code-field-row button:hover,.aez-code-login:hover{background:var(--aez-orange-dark);color:#fff}
.aez-code-note{margin:16px 0 0;color:#60746A;font-size:12px}.aez-code-alert{margin:0 0 18px;padding:12px 15px;border-radius:12px;font-weight:800;font-size:13px}.aez-code-alert.error{background:#FFF1F1;color:#B42318;border:1px solid #FFD4D0}.aez-code-alert.success{background:#EDF5EF;color:#173C35;border:1px solid #DFEEE3}.aez-code-login{padding:0 24px}
@media(max-width:640px){.aez-code-checkout-page{padding:38px 14px}.aez-code-checkout-card{padding:26px 18px;border-radius:20px}.aez-code-checkout-card h1{font-size:28px}.aez-code-field-row{grid-template-columns:1fr}.aez-code-field-row button{width:100%}}


/* =========================================================
   Mr Ahmed Salah Academy v1.0.0 — mathematics identity
   ========================================================= */
:root{--aez-orange:#28574C;--aez-orange-dark:#28574C;--aez-ink:#092324;--aez-muted:#4F846F;--aez-border:#DFEEE3;--aez-soft:#EDF5EF;--aez-green:#173C35;--mras-cyan:#28574C;--mras-orange:#28574C}
body{background:#fff;color:var(--aez-ink)}
#aez-site-header.aez-header{border-top:3px solid #28574C!important}
.aez-brand img{border-radius:14px}.aez-brand-text small{color:#4F846F!important}
.aez-btn-primary,.aez-course-go{background:linear-gradient(135deg,#28574C,#28574C)!important;border-color:transparent!important}
.aez-btn-outline{border-color:#BFD7C7!important;color:#28574C!important;background:#fff!important}
.aez-ref-hero.mras-hero{background:linear-gradient(115deg,#EDF5EF 0%,#fff 52%,#F5F9F6 100%)!important;min-height:430px!important}
.mras-hero .aez-ref-hero-inner{min-height:430px!important}.mras-hero-visual{min-height:430px!important;overflow:hidden!important}
.mras-hero .aez-ref-orb{width:355px!important;height:355px!important;background:linear-gradient(145deg,#DFEEE3,#28574C)!important;opacity:.72!important;box-shadow:0 28px 80px rgba(40,87,76,.15)!important}
.mras-hero .aez-ref-teacher{height:430px!important;bottom:-20px!important;left:49%!important;max-width:none!important;filter:drop-shadow(0 18px 25px rgba(9,35,36,.16))!important}
.mras-hero .aez-ref-name{color:#092324!important}.mras-hero .aez-ref-bottom-note:after{background:#28574C!important}.mras-hero .aez-ref-quote{border-color:#BFD7C7!important}.mras-hero .aez-ref-quote i{color:#28574C!important}
.mras-math-mark{position:absolute;font-weight:950;color:#28574C;opacity:.07;z-index:0;pointer-events:none}.mras-math-mark.m1{font-size:130px;left:5%;top:25px}.mras-math-mark.m2{font-size:90px;right:4%;bottom:35px}.mras-math-mark.m3{font-size:100px;left:45%;bottom:-10px}
.aez-features-section{background:#fff!important}.aez-feature .icon{background:#EDF5EF!important;color:#28574C!important}.aez-feature:hover{border-color:#BFD7C7!important}
.mras-about-photo .aez-about-circle{background:linear-gradient(145deg,#EDF5EF,#DFEEE3)!important}.mras-about-photo img{height:215px!important}
.aez-mission-card{border-color:#BFD7C7!important}.aez-mission-card i,.aez-mission-card p b{color:#28574C!important}
.mras-grade-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mras-grade-group{background:#fff;border:1px solid #DFEEE3;border-radius:22px;padding:20px;box-shadow:0 14px 35px rgba(9,35,36,.06)}.mras-grade-group-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.mras-grade-group-head>span{width:48px;height:48px;border-radius:15px;background:#EDF5EF;display:grid;place-items:center;color:#28574C;font-size:22px;font-weight:900}.mras-grade-group-head h3{margin:0;font-size:19px}.mras-grade-group-head p{margin:4px 0 0;color:#4F846F;font-size:11px}.mras-subject-links{display:grid;gap:9px}.mras-subject-links a{display:flex;align-items:center;gap:9px;border:1px solid #EDF5EF;border-radius:13px;padding:11px 12px;font-weight:800;color:#092324;background:#F5F9F6}.mras-subject-links a:hover{border-color:#BFD7C7;background:#EDF5EF;transform:translateY(-1px)}.mras-subject-links a>span{min-width:30px;color:#28574C;font-weight:950}.mras-subject-links a>b{margin-right:auto;color:#28574C}
.mras-subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mras-subject-card{background:#fff;border:1px solid #DFEEE3;border-radius:22px;padding:26px;text-align:center;box-shadow:0 12px 32px rgba(9,35,36,.05)}.mras-subject-card>span{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 14px;border-radius:20px;background:linear-gradient(145deg,#EDF5EF,#EDF5EF);color:#28574C;font-size:27px;font-weight:950}.mras-subject-card h2{font-size:20px;margin:0 0 7px}.mras-subject-card p{color:#4F846F}.mras-subject-card b{color:#28574C}
.aez-course-card{border-color:#DFEEE3!important}.aez-course-tag{color:#28574C!important;border-color:#BFD7C7!important}.aez-course-thumb img,.tutor-course-thumbnail img{background:#EDF5EF}
.mras-math-panel{min-height:190px;border-radius:20px;padding:30px;background:linear-gradient(135deg,#092324,#28574C);color:#fff;position:relative;overflow:hidden}.mras-math-panel h2{font-size:28px;margin:0 0 8px}.mras-math-panel p{opacity:.82;max-width:600px;line-height:1.8}.mras-math-panel>div{display:flex;gap:12px;margin-top:20px}.mras-math-panel>div span{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:19px;font-weight:900}
.aez-final-cta{background:linear-gradient(135deg,#28574C,#28574C)!important}.mras-cta-teacher{height:215px!important;bottom:-18px!important;left:8px!important}
.aez-grade-page-hero{background:linear-gradient(120deg,#EDF5EF,#fff)!important}.aez-grade-page-icon{background:#EDF5EF!important;color:#28574C!important}.aez-empty-state span{color:#28574C}
.mras-login-brand{background:linear-gradient(180deg,#EDF5EF,#fff)!important}.mras-login-brand img{max-height:460px!important;object-fit:contain!important;object-position:center bottom!important}
.aez-register-brand{background:linear-gradient(180deg,#EDF5EF,#fff)!important}.aez-register-glow{background:radial-gradient(circle,rgba(40,87,76,.22),rgba(40,87,76,.12) 48%,transparent 72%)!important}
.aez-course-hero{background:linear-gradient(120deg,#EDF5EF,#fff)!important}.aez-course-category,.aez-card-eyebrow{color:#28574C!important}.aez-course-page .tutor-accordion-item-header.is-active{background:#EDF5EF!important;color:#28574C!important}
@media(max-width:980px){.mras-grade-groups{grid-template-columns:1fr}.mras-subject-grid{grid-template-columns:repeat(2,1fr)}.mras-hero .aez-ref-teacher{height:390px!important}.mras-hero-visual{min-height:390px!important}}
@media(max-width:640px){.mras-hero .aez-ref-hero-copy h1{font-size:36px!important}.mras-hero-visual{min-height:330px!important}.mras-hero .aez-ref-orb{width:285px!important;height:285px!important}.mras-hero .aez-ref-teacher{height:335px!important;bottom:-10px!important}.mras-hero .aez-ref-name{font-size:20px!important}.mras-subject-grid{grid-template-columns:1fr}.mras-math-panel{min-height:170px;padding:24px}.mras-math-panel h2{font-size:23px}.mras-cta-teacher{height:185px!important}.aez-register-visual img{height:390px!important}}

/* Subject/grade page teacher visuals */
.mras-subject-hero .container,.mras-grade-hub-page .aez-grade-page-hero .container{position:relative;overflow:hidden;min-height:220px;padding-left:250px!important}
.mras-subject-teacher,.mras-grade-teacher{position:absolute;left:26px;bottom:-28px;height:250px;width:auto;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(9,35,36,.14))}
.mras-grade-teacher{height:235px;bottom:-20px}
@media(max-width:720px){.mras-subject-hero .container,.mras-grade-hub-page .aez-grade-page-hero .container{padding-left:20px!important;padding-bottom:180px!important;text-align:center}.mras-subject-teacher,.mras-grade-teacher{height:200px;left:50%;transform:translateX(-50%);bottom:-22px}}


/* =========================================================
   v1.0.1 — Hero rebuilt to match the approved UI reference
   ========================================================= */
.mras-ui-hero{
  position:relative;
  min-height:520px;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 63% 48%,rgba(40,87,76,.24),transparent 28%),
    radial-gradient(circle at 20% 45%,rgba(40,87,76,.12),transparent 34%),
    linear-gradient(105deg,#092324 0%,#0F2E29 48%,#0F2E29 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
  isolation:isolate;
}
.mras-ui-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(rgba(141,184,157,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(141,184,157,.07) 1px,transparent 1px);
  background-size:28px 28px;
  opacity:.9;
}
.mras-ui-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,transparent 0%,rgba(9,35,36,.16) 30%,transparent 52%),
    radial-gradient(circle at 68% 38%,rgba(40,87,76,.17),transparent 23%);
  pointer-events:none;
}
.mras-ui-hero-grid-bg{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 20%,transparent 80%,rgba(0,0,0,.1));
}
.mras-ui-hero-inner{
  min-height:520px;
  display:grid;
  grid-template-columns:52% 48%;
  direction:ltr;
  position:relative;
  z-index:3;
  align-items:stretch;
}
.mras-ui-hero-copy{
  grid-column:2;
  grid-row:1;
  direction:rtl;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:42px 34px 30px 0;
  position:relative;
  z-index:5;
}
.mras-ui-headline{line-height:.96;margin:0 0 17px;letter-spacing:-1.8px;font-weight:950;text-shadow:0 3px 18px rgba(0,0,0,.15)}
.mras-ui-headline span{display:block;font-size:clamp(48px,5vw,76px);color:#fff;font-weight:950}
.mras-ui-headline strong{display:block;font-size:clamp(58px,6vw,88px);color:#28574C;font-weight:950;margin-top:7px}
.mras-ui-subtitle{font-size:18px;line-height:1.6;margin:0;color:#fff;font-weight:800}
.mras-ui-teacher-line{font-size:16px;margin:1px 0 0;color:#EDF5EF;font-weight:800}
.mras-ui-hero-actions{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:24px;direction:rtl;flex-wrap:wrap}
.mras-ui-primary,.mras-ui-secondary{min-width:190px;height:52px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:900;text-decoration:none;transition:.2s ease}
.mras-ui-primary{background:linear-gradient(135deg,#28574C,#28574C);color:#fff;box-shadow:0 10px 24px rgba(40,87,76,.25)}
.mras-ui-primary:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(40,87,76,.32);color:#fff}
.mras-ui-secondary{background:#fff;color:#0F2E29;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.mras-ui-secondary:hover{transform:translateY(-2px);color:#092324}
.mras-ui-play{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#0F2E29;color:#fff;font-size:10px;padding-right:1px}
.mras-ui-proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;width:100%;max-width:610px;margin-top:32px;direction:rtl}
.mras-ui-proof-row>div{display:flex;align-items:center;justify-content:center;gap:9px;text-align:right}
.mras-proof-icon{font-size:35px;color:#28574C;line-height:1}
.mras-ui-proof-row p{margin:0;line-height:1.25}.mras-ui-proof-row b,.mras-ui-proof-row small{display:block}.mras-ui-proof-row b{font-size:14px;color:#fff}.mras-ui-proof-row small{font-size:11px;color:#DFEEE3;margin-top:3px}

.mras-ui-hero-visual{
  grid-column:1;
  grid-row:1;
  position:relative;
  min-height:520px;
  overflow:visible;
  direction:rtl;
  z-index:4;
}
.mras-ui-teacher{
  position:absolute;
  z-index:5;
  left:49%;
  bottom:-28px;
  transform:translateX(-50%);
  height:505px;
  width:auto;
  max-width:none;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.3));
}
.mras-teacher-card{
  position:absolute;
  z-index:8;
  right:4px;
  top:250px;
  width:168px;
  background:#fff;
  color:#0F2E29;
  padding:12px 15px 11px;
  border-radius:3px;
  box-shadow:0 8px 18px rgba(0,0,0,.2);
  transform:rotate(-4deg);
  text-align:right;
}
.mras-teacher-card:before{content:"";position:absolute;left:-18px;top:20px;border-width:10px 18px 10px 0;border-style:solid;border-color:transparent #fff transparent transparent}
.mras-teacher-card strong{display:block;font-size:17px;line-height:1.2}.mras-teacher-card small{display:block;font-size:8px;color:#28574C;margin-top:4px;line-height:1.4;font-weight:800}
.mras-arrow-mark{position:absolute;z-index:7;right:157px;top:220px;color:#fff;font-size:43px;transform:rotate(15deg);font-family:"Tajawal",sans-serif}
.mras-hand-note{position:absolute;z-index:6;color:#8DB89D;font-family:"Tajawal",sans-serif;line-height:1.05;text-shadow:0 1px 0 rgba(255,255,255,.06)}
.mras-hand-left{left:-12px;top:215px;font-size:31px;transform:rotate(-7deg);text-align:left;direction:ltr}
.mras-hand-right{left:20px;right:auto;bottom:37px;font-size:27px;transform:rotate(-8deg);text-align:center;color:#BFD7C7}
.mras-ui-formulas{position:absolute;inset:0;z-index:1;pointer-events:none;color:#8DB89D;font-family:Georgia,"Times New Roman",serif}
.mras-ui-formulas .mf{position:absolute;opacity:.5;font-style:italic;text-shadow:0 0 14px rgba(40,87,76,.12)}
.mf-integral{font-size:74px;right:76%;top:24px}.mf-sin{font-size:31px;left:6%;top:106px}.mf-pi{font-size:57px;left:16%;top:98px}.mf-emc{font-size:25px;left:6%;top:185px}.mf-triangle{font-size:58px;left:12%;top:37px}.mf-root{font-size:30px;right:57%;top:115px}

@media(max-width:1100px){
  .mras-ui-headline span{font-size:52px}.mras-ui-headline strong{font-size:65px}
  .mras-ui-teacher{height:470px}.mras-teacher-card{right:-8px}.mras-hand-left{left:-22px}
}
@media(max-width:900px){
  .mras-ui-hero-inner{grid-template-columns:1fr;min-height:auto}
  .mras-ui-hero-copy{grid-column:1;order:1;padding:40px 18px 22px}
  .mras-ui-hero-visual{grid-column:1;order:2;min-height:400px}
  .mras-ui-headline span{font-size:48px}.mras-ui-headline strong{font-size:60px}
  .mras-ui-teacher{height:420px;bottom:-20px;left:50%}
  .mras-teacher-card{right:8%;top:195px}.mras-arrow-mark{right:30%;top:173px}.mras-hand-left{left:7%;top:120px}.mras-hand-right{right:6%;bottom:28px}
  .mras-ui-proof-row{max-width:620px}
}
@media(max-width:640px){
  .mras-ui-hero{min-height:auto}
  .mras-ui-hero-copy{padding:31px 12px 16px}
  .mras-ui-headline{margin-bottom:12px}.mras-ui-headline span{font-size:39px}.mras-ui-headline strong{font-size:49px;margin-top:5px}
  .mras-ui-subtitle{font-size:13px}.mras-ui-teacher-line{font-size:12px}
  .mras-ui-hero-actions{gap:10px;margin-top:18px}.mras-ui-primary,.mras-ui-secondary{min-width:145px;height:45px;font-size:11px;border-radius:11px}
  .mras-ui-proof-row{gap:7px;margin-top:22px}.mras-ui-proof-row>div{gap:4px}.mras-proof-icon{font-size:24px}.mras-ui-proof-row b{font-size:10px}.mras-ui-proof-row small{font-size:8px}
  .mras-ui-hero-visual{min-height:340px;overflow:hidden}.mras-ui-teacher{height:355px;bottom:-10px}
  .mras-teacher-card{right:4px;top:165px;width:130px;padding:9px 10px}.mras-teacher-card strong{font-size:13px}.mras-teacher-card small{font-size:7px}
  .mras-arrow-mark{right:115px;top:142px;font-size:32px}.mras-hand-left{left:4px;top:102px;font-size:22px}.mras-hand-right{right:4px;bottom:22px;font-size:20px}
  .mf-integral{font-size:52px;left:54%;top:415px}.mf-sin{font-size:21px;right:3%;top:470px}.mf-pi{font-size:41px;right:13%;top:450px}.mf-emc{font-size:17px;right:3%;top:525px}.mf-triangle{font-size:39px;right:7%;top:410px}.mf-root{font-size:20px;left:50%;top:465px}
}


/* =========================================================
   v1.0.2 — staged /courses/ archive
   ========================================================= */
.mras-courses-hub{background:#F5F9F6;color:#0F2E29}
.mras-courses-hero{padding:76px 0 62px;background:linear-gradient(135deg,#092324 0%,#0F2E29 55%,#28574C 130%);color:#fff;overflow:hidden;position:relative}
.mras-courses-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(141,184,157,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(141,184,157,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent)}
.mras-courses-hero-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px}
.mras-courses-hero h1{font-size:clamp(34px,4.5vw,62px);margin:12px 0 10px;line-height:1.15}.mras-courses-hero p{max-width:720px;color:#EDF5EF;font-size:16px;line-height:1.85;margin:0}.mras-courses-formula{font-size:34px;color:#8DB89D;opacity:.9;white-space:nowrap;font-weight:800}
.mras-stage-jump{margin-top:-28px;position:relative;z-index:5}.mras-stage-jump-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mras-stage-jump-grid>a{background:#fff;border:1px solid #EDF5EF;border-radius:18px;box-shadow:0 16px 38px rgba(15,46,41,.09);padding:20px;display:flex;align-items:center;gap:14px;color:#0F2E29}.mras-stage-jump-grid>a>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#EDF5EF;color:#28574C;font-size:22px;font-weight:900}.mras-stage-jump-grid b,.mras-stage-jump-grid small{display:block}.mras-stage-jump-grid b{font-size:17px}.mras-stage-jump-grid small{margin-top:4px;color:#4F846F}
.mras-stage-section{padding:68px 0 30px}.mras-stage-section:nth-of-type(even){background:#fff}.mras-stage-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.mras-stage-head>div{display:flex;align-items:center;gap:13px}.mras-stage-number{width:54px;height:54px;border-radius:17px;background:#0F2E29;color:#8DB89D;display:grid;place-items:center;font-size:23px;font-weight:900}.mras-stage-head h2{font-size:28px;margin:0}.mras-stage-head p{margin:4px 0 0;color:#4F846F}.mras-stage-head>a{border:1px solid #DFEEE3;border-radius:999px;padding:9px 15px;color:#28574C;font-weight:800}
.mras-stage-subjects{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.mras-stage-subjects>a{display:inline-flex;align-items:center;gap:8px;background:#EDF5EF;border:1px solid #EDF5EF;border-radius:999px;padding:9px 13px;color:#173C35}.mras-stage-subjects span{color:#28574C;font-weight:900}.mras-stage-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.mras-stage-empty{padding:34px;border:1px dashed #DFEEE3;border-radius:18px;background:#fff;text-align:center;color:#4F846F}
@media(max-width:980px){.mras-stage-jump-grid{grid-template-columns:1fr}.mras-stage-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mras-courses-formula{display:none}}
@media(max-width:640px){.mras-courses-hero{padding:52px 0 54px}.mras-courses-hero-inner{display:block}.mras-courses-hero h1{font-size:37px}.mras-courses-hero p{font-size:14px}.mras-stage-section{padding:46px 0 18px}.mras-stage-head{align-items:flex-start}.mras-stage-head h2{font-size:23px}.mras-stage-head>a{font-size:11px;padding:7px 10px}.mras-stage-course-grid{grid-template-columns:1fr!important}}


/* =========================================================
   v1.0.3 — mobile blank-screen hardening
   ========================================================= */
@media(max-width:900px){
  html,body{min-height:100%!important;background:#fff!important;overflow-x:hidden!important}
  body,.site-main,#aez-site-header,.mras-ui-hero,.aez-home-section,.aez-footer{
    visibility:visible!important;
    opacity:1!important;
  }
  .site-main{display:block!important;min-height:60vh!important;position:relative!important;z-index:1!important}
  #aez-site-header{display:block!important;position:relative!important;top:auto!important;z-index:9999!important}
  .aez-nav{display:flex!important;width:100%!important;min-height:64px!important;height:auto!important;align-items:center!important}
  .aez-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-right:auto!important}
  #aezMenu{max-width:100vw!important}
  .mras-ui-hero{display:block!important;position:relative!important;min-height:0!important;background:#092324!important}
  .mras-ui-hero-inner{display:grid!important;width:min(1180px,92%)!important;min-height:0!important}
  .mras-ui-hero-copy,.mras-ui-hero-visual{visibility:visible!important;opacity:1!important}
  .mras-ui-hero-grid-bg,.mras-ui-formulas{pointer-events:none!important}
  img{max-width:100%!important}
}
@media(max-width:640px){
  .mras-ui-formulas{display:none!important}
  .mras-ui-hero-copy{min-height:330px!important}
  .mras-ui-hero-visual{min-height:330px!important}
  .mras-ui-teacher{max-width:none!important}
}


/* =========================================================
   v1.0.4 — force MRAS theme header/footer over legacy UAE/HFE output
   ========================================================= */
#aez-site-header.aez-header{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:999999!important;
}
.aez-footer{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:20!important;
}
/* Hide legacy Elementor / UAE / HFE / old-theme header and footer containers only. */
body.mras-force-theme-shell .elementor-location-header,
body.mras-force-theme-shell .elementor-location-footer,
body.mras-force-theme-shell header#masthead:not(#aez-site-header),
body.mras-force-theme-shell #masthead:not(#aez-site-header),
body.mras-force-theme-shell .hfe-header,
body.mras-force-theme-shell .hfe-footer,
body.mras-force-theme-shell .elementor-hfe-header,
body.mras-force-theme-shell .elementor-hfe-footer,
body.mras-force-theme-shell #site-header:not(#aez-site-header),
body.mras-force-theme-shell #site-footer:not(.aez-footer),
body.mras-force-theme-shell .ast-primary-header-bar,
body.mras-force-theme-shell .ast-mobile-header-wrap,
body.mras-force-theme-shell .site-primary-footer-wrap,
body.mras-force-theme-shell .site-above-footer-wrap,
body.mras-force-theme-shell .site-below-footer-wrap{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
@media(max-width:980px){
  #aez-site-header.aez-header{display:block!important;visibility:visible!important;opacity:1!important}
  #aez-site-header .aez-nav{display:flex!important}
  .aez-footer{display:block!important}
}


/* =========================================================
   v1.0.6 — mobile viewport / blank screen / horizontal scroll fix
   ========================================================= */
@media(max-width:900px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:clip!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }
  body *{box-sizing:border-box}
  .site-main,
  #aez-site-header,
  .aez-footer,
  .mras-ui-hero,
  .aez-home-section,
  .mras-courses-hub,
  .aez-grade-page,
  .aez-course-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .container,
  #aez-site-header .container,
  .mras-ui-hero-inner{
    width:92%!important;
    max-width:92%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Mobile header: keep only the theme shell, no desktop sizing leakage. */
  #aez-site-header.aez-header{
    position:relative!important;
    top:auto!important;
    min-height:64px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  #aez-site-header .aez-nav{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:64px!important;
    height:auto!important;
    padding:6px 0!important;
    gap:8px!important;
    direction:rtl!important;
  }
  #aez-site-header .aez-brand{
    min-width:0!important;
    max-width:calc(100% - 54px)!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  #aez-site-header .aez-brand img{width:42px!important;height:42px!important;flex:0 0 42px!important}
  #aez-site-header .aez-brand-text{min-width:0!important;overflow:hidden!important}
  #aez-site-header .aez-brand-text strong{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #aez-site-header .aez-brand-text span{font-size:9px!important}
  #aez-site-header .aez-brand-text small{display:none!important}
  #aez-site-header .aez-actions{display:none!important}
  #aez-site-header .aez-menu-toggle{
    display:inline-flex!important;
    flex:0 0 42px!important;
    width:42px!important;height:42px!important;
    margin:0!important;
    align-items:center!important;justify-content:center!important;
  }
  #aezMenu.aez-menu{
    display:none!important;
    position:absolute!important;
    top:64px!important;
    right:4%!important;
    left:4%!important;
    width:auto!important;
    max-width:92%!important;
    min-width:0!important;
    padding:12px!important;
    gap:0!important;
    background:#fff!important;
    border:1px solid #DFEEE3!important;
    border-radius:14px!important;
    box-shadow:0 18px 40px rgba(9,35,36,.14)!important;
    z-index:9999999!important;
  }
  #aezMenu.aez-menu.open{display:flex!important;flex-direction:column!important}
  #aezMenu.aez-menu a{padding:11px 8px!important;width:100%!important}

  /* Hero: force one-column flow fully inside the viewport. */
  .mras-ui-hero{
    display:block!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#092324!important;
    color:#fff!important;
  }
  .mras-ui-hero-inner{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .mras-ui-hero-copy{
    order:1!important;
    width:100%!important;
    min-width:0!important;
    padding:30px 0 18px!important;
    text-align:center!important;
    align-items:center!important;
  }
  .mras-ui-headline{letter-spacing:-1px!important}
  .mras-ui-headline span{font-size:clamp(34px,10vw,42px)!important}
  .mras-ui-headline strong{font-size:clamp(43px,13vw,54px)!important}
  .mras-ui-subtitle{font-size:13px!important;max-width:100%!important}
  .mras-ui-teacher-line{font-size:12px!important}
  .mras-ui-hero-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:16px!important}
  .mras-ui-primary,.mras-ui-secondary{min-width:0!important;width:100%!important;height:44px!important;font-size:10px!important;padding:8px!important}
  .mras-ui-proof-row{width:100%!important;max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:18px!important}
  .mras-ui-proof-row>div{min-width:0!important;gap:3px!important;flex-direction:column!important;text-align:center!important}
  .mras-proof-icon{font-size:22px!important}.mras-ui-proof-row b{font-size:9px!important}.mras-ui-proof-row small{font-size:7px!important}
  .mras-ui-hero-visual{
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:320px!important;
    height:320px!important;
    overflow:hidden!important;
    position:relative!important;
  }
  .mras-ui-teacher{
    left:50%!important;
    right:auto!important;
    bottom:-8px!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    height:332px!important;
    width:auto!important;
    max-width:92%!important;
    object-fit:contain!important;
  }
  .mras-teacher-card,.mras-arrow-mark,.mras-hand-note,.mras-ui-formulas{display:none!important}

  /* All home grids must collapse cleanly and never force page width. */
  .aez-features-ten,
  .aez-about-home-grid,
  .mras-grade-groups,
  .aez-four-courses,
  .aez-bottom-grid,
  .aez-footer-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .aez-features-ten{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .aez-about-home-grid{grid-template-columns:1fr!important}
  .mras-grade-groups{grid-template-columns:1fr!important}
  .aez-four-courses{grid-template-columns:1fr!important}
  .aez-bottom-grid{grid-template-columns:1fr!important}
  .aez-footer-grid{grid-template-columns:1fr!important}
  .aez-course-card,.aez-feature,.mras-grade-group{min-width:0!important;max-width:100%!important}
  .aez-course-card img,.aez-course-thumb img{width:100%!important;max-width:100%!important}

  /* Defensive cleanup for old builders / stale wrappers. */
  .elementor,.elementor-section,.elementor-container,.elementor-widget-wrap,
  .ast-container,.site-content,.content-area,.site-content .ast-container{
    max-width:100%!important;
    min-width:0!important;
  }
}
@media(max-width:420px){
  .mras-ui-hero-actions{grid-template-columns:1fr!important}
  .aez-features-ten{grid-template-columns:1fr!important}
  .mras-ui-proof-row{grid-template-columns:1fr 1fr 1fr!important}
}


/* =========================================================
   v1.0.7 — hard mobile horizontal-overflow containment
   ========================================================= */
@media (max-width: 900px) {
  html {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    position: relative !important;
  }

  body > * ,
  #page,
  .site,
  .site-main,
  main,
  header,
  footer,
  section,
  .aez-header,
  .aez-footer,
  .mras-ui-hero,
  .aez-home-section,
  .mras-courses-hub,
  .aez-grade-page,
  .aez-course-page,
  .tutor-wrap,
  .tutor-container {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* The old theme had multiple absolute decorations extending outside the viewport. */
  .aez-ref-side-note,
  .aez-ref-microscope,
  .aez-hero-dna,
  .aez-hero-microscope,
  .aez-side-note,
  .aez-science-doodle,
  .mras-ui-formulas,
  .mras-hand-note,
  .mras-arrow-mark,
  .mras-teacher-card {
    display: none !important;
  }

  /* Keep all main page wrappers clipped, while the mobile nav can still render normally. */
  .site-main,
  .mras-ui-hero,
  .aez-home-section,
  .mras-courses-hub,
  .aez-grade-page,
  .aez-course-page,
  .aez-footer {
    overflow-x: hidden !important;
  }

  #aez-site-header.aez-header {
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  /* Prevent legacy 92% + extra padding rules from producing >100% boxes. */
  .container,
  #aez-site-header .container,
  .mras-ui-hero-inner,
  .mras-courses-hero .container,
  .mras-stage-section .container,
  .aez-grade-page .container,
  .aez-course-page .container,
  .tutor-container {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Subject/grade hero had a desktop 250px left padding in older CSS. */
  .mras-subject-hero .container,
  .mras-grade-hub-page .aez-grade-page-hero .container {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 180px !important;
  }

  /* Do not let any responsive image/absolute teacher generate layout width. */
  img,
  svg,
  video,
  iframe,
  canvas {
    max-width: 100% !important;
  }

  .mras-ui-hero-visual {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    contain: layout paint !important;
  }

  .mras-ui-teacher {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    max-width: 90% !important;
    height: 320px !important;
    width: auto !important;
  }

  .aez-about-photo,
  .mras-about-photo,
  .aez-final-cta,
  .mras-math-panel,
  .aez-course-card,
  .mras-grade-group,
  .mras-subject-card {
    overflow: hidden !important;
    max-width: 100% !important;
  }

  /* Grids/flex children can otherwise keep intrinsic widths and widen the page. */
  .aez-nav > *,
  .aez-menu > *,
  .mras-ui-hero-inner > *,
  .mras-ui-hero-actions > *,
  .mras-ui-proof-row > *,
  .aez-features-ten > *,
  .aez-about-home-grid > *,
  .mras-grade-groups > *,
  .aez-four-courses > *,
  .aez-bottom-grid > *,
  .aez-footer-grid > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Old builder remnants and cached UAE/Elementor wrappers. */
  .elementor,
  .elementor-section,
  .elementor-container,
  .elementor-widget,
  .elementor-widget-wrap,
  .e-con,
  .e-con-inner,
  .ast-container,
  .site-content,
  .content-area,
  .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 480px) {
  .container,
  #aez-site-header .container,
  .mras-ui-hero-inner,
  .mras-courses-hero .container,
  .mras-stage-section .container,
  .aez-grade-page .container,
  .aez-course-page .container,
  .tutor-container {
    width: calc(100% - 22px) !important;
    max-width: calc(100% - 22px) !important;
  }
}


/* =========================================================
   v1.0.8 — always-visible native theme header/footer
   ========================================================= */
#aez-site-header.aez-header,
.mras-shell-header,
.aez-footer,
.mras-shell-footer{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  clip:auto!important;
  clip-path:none!important;
}
#aez-site-header.aez-header{position:relative!important;z-index:999999!important;width:100%!important;max-width:100%!important}
.aez-footer{position:relative!important;z-index:30!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}
body.mras-force-theme-shell > #aez-site-header,
body.mras-force-theme-shell > .aez-footer{display:block!important}
@media(max-width:900px){
  #aez-site-header.aez-header{overflow:visible!important}
  .aez-footer{overflow:hidden!important}
}


/* v1.0.9 — active nav underline only on the current page */
#aez-site-header .aez-menu a[href$="/"]{color:#0F2E29!important}
#aez-site-header .aez-menu a[href$="/"]:after{width:0!important}
#aez-site-header .aez-menu .current-menu-item>a,
#aez-site-header .aez-menu .current_page_item>a{color:var(--aez-orange)!important}
#aez-site-header .aez-menu .current-menu-item>a:after,
#aez-site-header .aez-menu .current_page_item>a:after{width:100%!important}
body.home #aez-site-header .aez-menu li:first-child>a{color:var(--aez-orange)!important}
body.home #aez-site-header .aez-menu li:first-child>a:after{width:100%!important}


/* =========================================================
   v1.0.10 — compact mobile features + clean About crop + proper 16:9 defaults
   ========================================================= */
@media(max-width:640px){
  /* Feature cards: compact 3-per-row to reduce excessive scrolling. */
  .aez-features-section{padding-top:30px!important;padding-bottom:36px!important}
  .aez-features-section .aez-section-head{margin-bottom:16px!important}
  .aez-features-ten{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .aez-features-ten .aez-feature{
    min-height:94px!important;
    padding:9px 5px!important;
    border-radius:12px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .aez-features-ten .aez-feature .icon{
    width:26px!important;
    height:26px!important;
    font-size:15px!important;
    margin:0 auto 4px!important;
  }
  .aez-features-ten .aez-feature h3{
    min-height:0!important;
    margin:0 0 3px!important;
    font-size:10px!important;
    line-height:1.3!important;
  }
  .aez-features-ten .aez-feature p{
    margin:0!important;
    font-size:7.5px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  /* About portrait: circle becomes the clipping mask, so trousers cannot escape it. */
  .aez-about-home-grid{gap:14px!important}
  .mras-about-photo.aez-about-photo{
    width:184px!important;
    height:184px!important;
    margin:12px auto 4px!important;
    border-radius:50%!important;
    overflow:hidden!important;
    padding:0!important;
    position:relative!important;
  }
  .mras-about-photo .aez-about-circle{
    position:absolute!important;
    inset:0!important;
    width:184px!important;
    height:184px!important;
    transform:none!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#EDF5EF,#DFEEE3)!important;
  }
  .mras-about-photo img{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:-4px!important;
    width:auto!important;
    height:188px!important;
    max-width:none!important;
    transform:translateX(-50%)!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
  .mras-about-photo strong{display:none!important}

  /* Course thumbnails keep the full designed 16:9 cover instead of zooming into the shirt. */
  .aez-four-courses .aez-course-thumb,
  .aez-grade-course-card .aez-course-thumb,
  .tutor-course-thumbnail{
    aspect-ratio:16/9!important;
    overflow:hidden!important;
    background:#0F2E29!important;
  }
  .aez-four-courses .aez-course-thumb img,
  .aez-grade-course-card .aez-course-thumb img,
  .tutor-course-thumbnail img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:16/9!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
  }
}
@media(min-width:430px) and (max-width:640px){
  .aez-features-ten{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* Desktop/tablet course covers also use the exact 16:9 artwork. */
.aez-four-courses .aez-course-thumb,
.aez-grade-course-card .aez-course-thumb,
.tutor-course-thumbnail{aspect-ratio:16/9!important;background:#0F2E29!important;overflow:hidden!important}
.aez-four-courses .aez-course-thumb img,
.aez-grade-course-card .aez-course-thumb img,
.tutor-course-thumbnail img{width:100%!important;height:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important}


/* =========================================================
   v1.0.11 — custom student dashboard
   ========================================================= */
.mras-student-dashboard{background:#F5F9F6;min-height:70vh;padding-bottom:70px}
.mras-dashboard-hero{background:linear-gradient(135deg,#092324 0%,#173C35 56%,#28574C 100%);color:#fff;position:relative;overflow:hidden}
.mras-dashboard-hero:before{content:"π   ∑   √x   sin θ";position:absolute;left:4%;top:18%;font-size:72px;letter-spacing:30px;color:rgba(255,255,255,.055);font-family:Georgia,serif;white-space:nowrap;direction:ltr}
.mras-dashboard-hero-inner{min-height:240px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:2}
.mras-dashboard-kicker{display:inline-flex;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800}
.mras-dashboard-hero h1{font-size:38px;margin:12px 0 4px;line-height:1.2}.mras-dashboard-hero p{margin:0;color:#DFEEE3;font-size:15px}
.mras-dashboard-grade-card{min-width:270px;background:#fff;color:#0F2E29;border-radius:20px;padding:20px 22px;box-shadow:0 18px 38px rgba(0,0,0,.18)}
.mras-dashboard-grade-card span{display:block;font-size:11px;color:#4F846F;font-weight:800}.mras-dashboard-grade-card strong{display:block;font-size:21px;margin:3px 0 10px}.mras-dashboard-grade-card a{color:#28574C;font-weight:900;font-size:12px}
.mras-dashboard-section{padding:46px 0 0}.mras-dashboard-latest{padding-top:55px}
.mras-dashboard-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.mras-dashboard-section-head span{color:#28574C;font-size:11px;font-weight:900}.mras-dashboard-section-head h2{font-size:27px;margin:2px 0 0}.mras-dashboard-section-head>b{background:#EDF5EF;color:#28574C;border-radius:999px;padding:6px 12px;font-size:11px}.mras-dashboard-section-head>a{color:#28574C;font-size:12px;font-weight:900}
.mras-dashboard-courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mras-dashboard-course-card{background:#fff;border:1px solid #DFEEE3;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(15,46,41,.045);min-width:0}
.mras-dashboard-course-thumb{display:block;aspect-ratio:16/8.5;overflow:hidden;background:#EDF5EF}.mras-dashboard-course-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mras-dashboard-course-body{padding:15px}.mras-dashboard-course-category{display:inline-flex;background:#EDF5EF;color:#28574C;border-radius:999px;padding:4px 9px;font-size:9px;font-weight:900}.mras-dashboard-course-body h3{font-size:16px;line-height:1.5;margin:9px 0 14px;min-height:48px}.mras-dashboard-course-body h3 a{color:#0F2E29}
.mras-dashboard-course-footer{border-top:1px solid #EDF5EF;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.mras-dashboard-course-footer span{font-size:10px;color:#4F846F;font-weight:800}.mras-dashboard-course-footer span.is-active{color:#28574C}.mras-dashboard-course-footer a{font-size:10px;color:#28574C;font-weight:900;white-space:nowrap}
.mras-dashboard-empty{background:#fff;border:1px dashed #BFD7C7;border-radius:20px;padding:34px;text-align:center}.mras-dashboard-empty>span{font-size:42px}.mras-dashboard-empty h3{font-size:19px;margin:8px 0 3px}.mras-dashboard-empty p{color:#4F846F;margin:0 0 15px}
@media(max-width:900px){.mras-dashboard-hero-inner{min-height:0;padding:34px 0;flex-direction:column;align-items:stretch}.mras-dashboard-grade-card{min-width:0}.mras-dashboard-courses{grid-template-columns:repeat(2,minmax(0,1fr))}.mras-dashboard-hero:before{font-size:42px}}
@media(max-width:560px){.mras-dashboard-hero h1{font-size:28px}.mras-dashboard-section{padding-top:32px}.mras-dashboard-section-head{align-items:center}.mras-dashboard-section-head h2{font-size:22px}.mras-dashboard-courses{grid-template-columns:1fr}.mras-dashboard-course-thumb{aspect-ratio:16/8}.mras-dashboard-empty{padding:26px 18px}}


/* =========================================================
   v1.0.12 — Mr Ahmed Salah code-only checkout
   ========================================================= */
.aez-code-checkout-page{min-height:68vh;padding:72px 16px;background:linear-gradient(180deg,#F5F9F6 0%,#fff 100%);display:flex;justify-content:center;align-items:flex-start}
.aez-code-checkout-card{width:min(620px,100%);background:#fff;border:1px solid #DFEEE3;border-radius:26px;padding:38px;box-shadow:0 22px 60px rgba(9,35,36,.08);text-align:center;direction:rtl}
.aez-code-checkout-icon{width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,#EDF5EF,#EDF5EF);display:grid;place-items:center;margin:0 auto 12px;font-size:31px}
.mras-code-kicker{display:inline-block;color:#28574C;background:#EDF5EF;border:1px solid #DFEEE3;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:900}
.aez-code-checkout-card h1{font-size:34px;line-height:1.2;margin:12px 0 8px;color:#092324}.aez-code-checkout-lead{color:#4F846F;line-height:1.8;font-size:15px;margin:0 auto 24px;max-width:470px}
.mras-code-course-list{display:grid;gap:10px;margin:0 0 18px}.mras-code-course{display:flex;align-items:center;gap:12px;text-align:right;border:1px solid #EDF5EF;background:#F5F9F6;border-radius:16px;padding:9px}.mras-code-course img{width:82px;height:54px;object-fit:cover;border-radius:11px}.mras-code-course div{min-width:0}.mras-code-course small,.mras-code-course strong{display:block}.mras-code-course small{color:#4F846F;font-size:10px}.mras-code-course strong{font-size:14px;color:#092324;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aez-code-field-row{display:grid;grid-template-columns:1fr auto;gap:10px}.aez-code-field-row input{width:100%;min-width:0;border:1px solid #DFEEE3;border-radius:14px;padding:14px 16px;font:inherit;font-weight:800;text-align:center;direction:ltr;outline:none}.aez-code-field-row input:focus{border-color:#28574C;box-shadow:0 0 0 4px rgba(40,87,76,.10)}.aez-code-field-row button{border:0;border-radius:14px;background:linear-gradient(135deg,#28574C,#28574C);color:#fff;padding:0 24px;font:inherit;font-weight:900;cursor:pointer}
.aez-code-message{border-radius:13px;padding:11px 14px;margin:0 0 14px;font-size:13px;font-weight:800}.aez-code-message.error{background:#FFF1F2;color:#BE123C;border:1px solid #FECDD3}.aez-code-message.success{background:#EDF5EF;color:#173C35;border:1px solid #BFD7C7}.aez-code-checkout-note{margin:16px 0 0;color:#4F846F;font-size:12px}
@media(max-width:640px){.aez-code-checkout-page{padding:38px 12px}.aez-code-checkout-card{padding:25px 16px;border-radius:20px}.aez-code-checkout-card h1{font-size:28px}.aez-code-field-row{grid-template-columns:1fr}.aez-code-field-row button{height:48px}.mras-code-course img{width:70px;height:48px}}


/* =========================================================
   v1.0.13 — mobile hamburger fixed to the physical left edge
   ========================================================= */
@media (max-width: 980px) {
  #aez-site-header .aez-nav{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    padding-left:52px!important;
    padding-right:0!important;
  }

  #aez-site-header .aez-brand{
    margin:0!important;
    margin-left:auto!important;
    flex:0 1 auto!important;
  }

  #aez-site-header .aez-menu-toggle{
    display:inline-flex!important;
    position:absolute!important;
    left:0!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    z-index:10000000!important;
    align-items:center!important;
    justify-content:center!important;
  }

  #aezMenu.aez-menu{
    top:64px!important;
  }
}

@media (max-width: 640px) {
  #aez-site-header .aez-nav{
    padding-left:50px!important;
  }

  #aez-site-header .aez-menu-toggle{
    left:0!important;
    right:auto!important;
    width:40px!important;
    height:40px!important;
  }
}


/* =========================================================
   v1.0.14 — homepage order + mobile About portrait correction
   ========================================================= */
@media (max-width: 640px) {
  .aez-about-home{
    padding-top:34px!important;
    padding-bottom:38px!important;
  }

  .aez-about-home .aez-home-title{
    margin-bottom:16px!important;
    font-size:26px!important;
    line-height:1.35!important;
  }

  .aez-about-home-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  .mras-about-photo.aez-about-photo{
    position:relative!important;
    width:220px!important;
    height:220px!important;
    min-height:220px!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:50%!important;
    display:block!important;
  }

  .mras-about-photo .aez-about-circle{
    position:absolute!important;
    inset:0!important;
    width:220px!important;
    height:220px!important;
    border-radius:50%!important;
    transform:none!important;
    margin:0!important;
    background:linear-gradient(145deg,#EDF5EF,#DFEEE3)!important;
  }

  .mras-about-photo img{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    height:216px!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    margin:0!important;
    padding:0!important;
    filter:drop-shadow(0 8px 12px rgba(9,35,36,.12))!important;
  }

  .mras-about-photo strong{
    display:none!important;
  }

  .aez-about-text{
    text-align:center!important;
    padding:0 2px!important;
  }

  .aez-about-badges{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .aez-mission-card{
    margin-top:2px!important;
  }
}


/* =========================================================
   v1.0.16 — mobile menu account item + new default thumbnail
   ========================================================= */
.aez-menu-mobile-only{display:none!important}
@media (max-width:980px){
  .aez-menu .aez-menu-mobile-only,
  .aez-menu li.aez-menu-mobile-only{display:block!important}
  .aez-menu li.aez-menu-mobile-only>a,
  .aez-menu > a.aez-menu-mobile-only{
    color:var(--aez-blue)!important;
    font-weight:900!important;
    background:#EDF5EF!important;
    border:1px solid rgba(40,87,76,.18)!important;
    border-radius:14px!important;
    margin-top:6px!important;
  }
}
.tutor-course-thumbnail,
.aez-course-thumb,
.mras-course-thumb{overflow:hidden!important}
.tutor-course-thumbnail img,
.aez-course-thumb img,
.mras-course-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}


/* v1.0.17 — cache-busted branded default course thumbnail */
.aez-course-thumb,
.tutor-course-thumbnail,
.mras-course-thumb{
  aspect-ratio:16/9!important;
  background:#EDF5EF!important;
}
.aez-course-thumb img,
.tutor-course-thumbnail img,
.mras-course-thumb img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}


/* =========================================================
   v1.0.18 — simplified paid-course UI
   ========================================================= */
.aez-course-page .tutor-course-price,
.aez-course-page [class*="course-price"],
.aez-course-page .price,
.aez-course-page .woocommerce-Price-amount,
.aez-course-page .tutor-course-details-widget,
.aez-course-page .tutor-course-details-widget-list,
.aez-course-page .tutor-course-details-widget-col-2,
.aez-course-page .tutor-course-complete-form,
.aez-course-page .tutor-btn-complete-course,
.aez-course-page [class*="complete-course"],
.aez-course-page [class*="certificate"]{
  display:none!important;
}

/* Keep the purchase/enrollment action visually dominant. */
.aez-course-page .aez-entry-card .tutor-btn,
.aez-course-page .aez-entry-card a.button,
.aez-course-page .aez-entry-card button{
  width:100%!important;
}


/* v1.0.19 — student dashboard logout */
.mras-dashboard-topbar{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  padding-top:22px;
  margin-bottom:6px;
}
.mras-dashboard-logout{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 18px;
  border-radius:12px;
  background:#fff;
  border:1px solid #DFEEE3;
  box-shadow:0 6px 18px rgba(9,35,36,.06);
  font-weight:900;
  color:#B42318;
  text-decoration:none;
}
.mras-dashboard-logout:hover{
  background:#FFF5F5;
  border-color:#FECACA;
  color:#991B1B;
}
@media(max-width:640px){
  .mras-dashboard-topbar{
    padding-top:14px;
  }
  .mras-dashboard-logout{
    width:100%;
  }
}


/* =========================================================
   v1.0.21 — compact red logout chip in student account
   ========================================================= */
.mras-dashboard-topbar{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  padding-top:16px!important;
  margin-bottom:8px!important;
}
.mras-dashboard-logout{
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  padding:6px 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border-radius:10px!important;
  background:#fff!important;
  border:1px solid #EF4444!important;
  box-shadow:0 3px 10px rgba(239,68,68,.08)!important;
  color:#DC2626!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  text-decoration:none!important;
  flex:0 0 auto!important;
}
.mras-dashboard-logout:before{
  content:"↪";
  font-size:13px;
  line-height:1;
}
.mras-dashboard-logout:hover{
  background:#FFF5F5!important;
  border-color:#DC2626!important;
  color:#B91C1C!important;
}
@media(max-width:640px){
  .mras-dashboard-topbar{
    padding-top:12px!important;
    margin-bottom:6px!important;
  }
  .mras-dashboard-logout{
    width:auto!important;
    min-height:32px!important;
    padding:6px 10px!important;
    font-size:11.5px!important;
  }
}


/* =========================================================
   v1.0.22 — logout lives only inside mobile menu
   ========================================================= */
.mras-dashboard-topbar,
.mras-dashboard-logout{
  display:none!important;
}

@media(max-width:980px){
  #aezMenu .aez-mobile-logout,
  #aezMenu li.aez-mobile-logout{
    display:block!important;
  }

  #aezMenu .aez-mobile-logout,
  #aezMenu li.aez-mobile-logout > a{
    color:#DC2626!important;
    background:#FFF5F5!important;
    border:1px solid #FECACA!important;
    border-radius:14px!important;
    font-weight:900!important;
  }

  #aezMenu .aez-mobile-logout:hover,
  #aezMenu li.aez-mobile-logout > a:hover{
    color:#B91C1C!important;
    background:#FEE2E2!important;
    border-color:#FCA5A5!important;
  }
}


/* v1.0.23 — account/logout items are mobile-menu only */
@media(min-width:981px){
  #aezMenu .aez-menu-mobile-only,
  #aezMenu li.aez-menu-mobile-only{
    display:none!important;
  }
}


/* =========================================================
   v1.0.24 — activation selected-course remove button + mobile overflow fix
   ========================================================= */
.mras-remove-selected-course{
  position:absolute!important;
  top:8px!important;
  left:8px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:50%!important;
  border:1px solid #FECACA!important;
  background:#fff!important;
  color:#DC2626!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  cursor:pointer!important;
  z-index:5!important;
  box-shadow:0 3px 10px rgba(220,38,38,.08)!important;
}
.mras-remove-selected-course:hover{
  background:#FEE2E2!important;
  border-color:#FCA5A5!important;
}

/* Any "selected course / course that will open" card must stay inside viewport. */
.mras-selected-course,
.mras-selected-course-item,
.mras-activation-course,
.mras-checkout-course,
.selected-course,
.selected-course-item,
.mras-code-checkout,
.mras-code-checkout-card,
.mras-course-activation-card{
  position:relative!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* Course names: wrap instead of stretching page horizontally. */
.mras-selected-course *,
.mras-selected-course-item *,
.mras-activation-course *,
.mras-checkout-course *,
.selected-course *,
.selected-course-item *,
.mras-code-checkout *,
.mras-code-checkout-card *,
.mras-course-activation-card *{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:normal!important;
}

@media(max-width:640px){
  .mras-code-checkout,
  .mras-code-checkout-card,
  .mras-course-activation-card,
  .mras-selected-course,
  .mras-selected-course-item,
  .mras-activation-course,
  .mras-checkout-course,
  .selected-course,
  .selected-course-item{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .mras-remove-selected-course{
    top:7px!important;
    left:7px!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    font-size:18px!important;
  }
}


/* =========================================================
   v1.0.25 — exact mobile containment for activation page
   ========================================================= */
.aez-code-checkout-page{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}

.aez-code-checkout-card{
  width:min(620px, calc(100% - 24px))!important;
  max-width:calc(100% - 24px)!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
}

.mras-code-course-list{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.mras-code-course{
  position:relative!important;
  display:grid!important;
  grid-template-columns:70px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:9px 42px 9px 9px!important;
}

.mras-code-course img{
  width:70px!important;
  height:48px!important;
  max-width:70px!important;
  flex:none!important;
  object-fit:cover!important;
}

.mras-code-course-copy,
.mras-code-course > div{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

.mras-code-course small,
.mras-code-course strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

.mras-code-course strong{
  line-height:1.55!important;
}

.mras-code-course .mras-remove-selected-course{
  position:absolute!important;
  top:50%!important;
  right:8px!important;
  left:auto!important;
  transform:translateY(-50%)!important;
}

.aez-code-form,
.aez-code-field-row,
.aez-code-field-row input,
.aez-code-field-row button{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

@media(max-width:640px){
  .aez-code-checkout-page{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .aez-code-checkout-card{
    width:100%!important;
    max-width:100%!important;
    padding:22px 12px!important;
    margin:0!important;
  }

  .mras-code-course{
    grid-template-columns:58px minmax(0,1fr)!important;
    padding:8px 38px 8px 8px!important;
    gap:8px!important;
  }

  .mras-code-course img{
    width:58px!important;
    height:42px!important;
    max-width:58px!important;
  }

  .mras-code-course strong{
    font-size:12px!important;
  }

  .mras-code-course .mras-remove-selected-course{
    right:6px!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    font-size:17px!important;
  }
}


/* =========================================================
   v1.0.26 — custom frontend platform admin dashboard
   ========================================================= */
.mras-platform-admin{background:#F5F9F6;min-height:75vh;padding-bottom:70px}
.mras-admin-hero{background:linear-gradient(135deg,#0F2E29,#173C35);color:#fff;padding:54px 0}
.mras-admin-hero h1{font-size:clamp(30px,5vw,50px);margin:7px 0 10px}
.mras-admin-hero p{max-width:720px;color:#EDF5EF}
.mras-admin-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.mras-admin-stats>div{min-width:145px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:14px 18px;border-radius:16px}
.mras-admin-stats b,.mras-admin-stats span{display:block}.mras-admin-stats b{font-size:24px}
.mras-admin-wrap{padding-top:24px}
.mras-admin-nav{display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:8px;z-index:20;background:rgba(245,249,246,.92);backdrop-filter:blur(10px);padding:8px;border-radius:16px;margin-bottom:22px}
.mras-admin-nav a,.mras-admin-secondary{background:#fff;border:1px solid #DFEEE3;border-radius:11px;padding:9px 13px;font-weight:900}
.mras-admin-section{margin:26px 0 40px;scroll-margin-top:90px}
.mras-admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.mras-admin-section-head span{font-size:12px;color:#28574C;font-weight:900}.mras-admin-section-head h2{margin:4px 0 0}
.mras-admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mras-admin-card{background:#fff;border:1px solid #EDF5EF;border-radius:20px;padding:20px;box-shadow:0 8px 30px rgba(9,35,36,.05)}
.mras-admin-card h3{margin-top:0}
.mras-admin-card label{display:block;font-weight:800;margin:12px 0 6px}
.mras-admin-card input:not([type=checkbox]):not([type=file]),.mras-admin-card select,.mras-admin-card textarea{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #DFEEE3;border-radius:11px;padding:11px;background:#fff}
.mras-admin-primary{border:0;border-radius:12px;background:#28574C;color:#fff;padding:11px 18px;font-weight:900;margin-top:15px;cursor:pointer}
.mras-admin-course-form{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.mras-admin-field.full{grid-column:1/-1}
.mras-admin-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mras-admin-categories label{margin:0;background:#F5F9F6;border:1px solid #EDF5EF;border-radius:10px;padding:9px}
.mras-admin-course-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.mras-admin-course-list article{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:10px;background:#fff;border:1px solid #EDF5EF;border-radius:15px;padding:9px;min-width:0}
.mras-admin-course-list img{width:92px;height:58px;object-fit:cover;border-radius:10px}.mras-admin-course-list strong,.mras-admin-course-list small{display:block;overflow-wrap:anywhere}.mras-admin-course-list small{color:#4F846F}
.mras-admin-table-wrap{overflow:auto;background:#fff;border:1px solid #EDF5EF;border-radius:18px}
.mras-admin-table{width:100%;border-collapse:collapse;min-width:850px}
.mras-admin-table th,.mras-admin-table td{text-align:right;padding:12px;border-bottom:1px solid #EDF5EF;vertical-align:middle}.mras-admin-table th{background:#F5F9F6}.mras-admin-table td small{display:block;color:#4F846F;margin-top:3px}
.mras-admin-table a{color:#28574C;font-weight:900}
.mras-admin-notice{padding:13px 15px;border-radius:12px;margin-bottom:14px;font-weight:800}.mras-admin-notice.success{background:#EDF5EF;color:#173C35;border:1px solid #DFEEE3}.mras-admin-notice.error{background:#FFF1F2;color:#B42318;border:1px solid #FECDD3}

@media(max-width:800px){
  .mras-admin-hero{padding:36px 0}.mras-admin-two-col{grid-template-columns:1fr}
  .mras-admin-course-form{grid-template-columns:1fr}.mras-admin-field.full{grid-column:auto}
  .mras-admin-categories{grid-template-columns:1fr 1fr}.mras-admin-course-list{grid-template-columns:1fr}
}
@media(max-width:520px){
  .mras-admin-categories{grid-template-columns:1fr}
  .mras-admin-course-list article{grid-template-columns:70px minmax(0,1fr) auto}
  .mras-admin-course-list img{width:70px;height:48px}
}


/* v1.0.29 — video URL field in custom course editor */
.mras-admin-help{
  display:block;
  margin-top:6px;
  color:#4F846F;
  font-size:12px;
  line-height:1.6;
}
.mras-admin-course-form input[name="course_video_url"]{
  direction:ltr;
  text-align:left;
}


/* v1.0.30 — access-code generator */
.mras-generated-codes-card{min-width:0}
.mras-code-batch-meta{background:#F5F9F6;border:1px solid #EDF5EF;border-radius:11px;padding:10px 12px;margin:8px 0 10px;font-size:13px}
.mras-generated-codes{width:100%!important;max-width:100%!important;box-sizing:border-box!important;direction:ltr!important;text-align:left!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-weight:800!important;letter-spacing:.5px!important;line-height:1.8!important;background:#0F2E29!important;color:#EDF5EF!important;border:0!important;border-radius:13px!important;padding:13px!important;resize:vertical!important}
.mras-copy-codes{margin-top:10px!important;cursor:pointer!important}


/* =========================================================
   v1.0.14 — Tutor LMS video ±10s controls
   ========================================================= */
.aez-course-video-wrap,
.mras-video-seek-host{
  position:relative!important;
}

.mras-video-seek-controls{
  direction:ltr!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:10px 12px!important;
  box-sizing:border-box!important;
  background:#092324!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

.mras-video-seek-btn{
  width:62px!important;
  height:38px!important;
  min-width:62px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:0 9px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  cursor:pointer!important;
  font-family:inherit!important;
  box-shadow:none!important;
  transition:.18s ease!important;
}

.mras-video-seek-btn:hover{
  background:rgba(255,255,255,.16)!important;
  transform:translateY(-1px)!important;
}

.mras-video-seek-btn:active{
  transform:translateY(0)!important;
}

.mras-video-seek-btn .mras-seek-icon{
  font-size:18px!important;
  line-height:1!important;
}
.mras-video-seek-btn b{
  font-size:14px!important;
  line-height:1!important;
}
.mras-video-seek-btn small{
  font-size:9px!important;
  opacity:.8!important;
  line-height:1!important;
}

.mras-video-seek-label{
  color:#DFEEE3!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

@media(max-width:640px){
  .mras-video-seek-controls{
    gap:8px!important;
    padding:8px!important;
  }
  .mras-video-seek-btn{
    width:58px!important;
    min-width:58px!important;
    height:36px!important;
  }
  .mras-video-seek-label{
    font-size:10px!important;
  }
}


/* =========================================================
   v1.0.35 — generated coupon usage details
   ========================================================= */
.mras-generated-code-table-wrap{
  width:100%;
  overflow:auto;
  margin-top:12px;
  margin-bottom:12px;
  border:1px solid #EDF5EF;
  border-radius:14px;
  background:#fff;
}
.mras-generated-code-table{
  width:100%;
  border-collapse:collapse;
  min-width:620px;
}
.mras-generated-code-table th,
.mras-generated-code-table td{
  text-align:right;
  padding:10px 12px;
  border-bottom:1px solid #EDF5EF;
  vertical-align:top;
}
.mras-generated-code-table th{
  background:#F5F9F6;
  font-size:12px;
  color:#28574C;
}
.mras-generated-code-table code{
  direction:ltr;
  display:inline-block;
  background:#F5F9F6;
  border:1px solid #EDF5EF;
  padding:4px 7px;
  border-radius:8px;
  font-weight:900;
}
.mras-code-status{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.mras-code-status.used{
  background:#FFF1F2;
  color:#B42318;
  border:1px solid #FECDD3;
}
.mras-code-status.unused{
  background:#EDF5EF;
  color:#173C35;
  border:1px solid #DFEEE3;
}
.mras-code-used-by strong,
.mras-code-used-by small{
  display:block;
}
.mras-code-used-by small{
  color:#4F846F;
  margin-top:2px;
  overflow-wrap:anywhere;
}
.mras-code-unused-label{
  color:#8DB89D;
}
.mras-reset-code-form{margin:0!important}
.mras-reset-code-btn{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:1px solid #FECACA!important;
  border-radius:9px!important;
  background:#FFF1F2!important;
  color:#C81E1E!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.mras-reset-code-btn:hover{background:#FEE2E2!important;border-color:#FCA5A5!important}


/* v1.0.36 — seek button feedback */
.mras-video-seek-btn.is-loading{
  opacity:.55!important;
  cursor:wait!important;
}
.mras-video-seek-btn:disabled{
  pointer-events:none!important;
}


/* =========================================================
   v1.0.37 — remove Mark as Complete + Reviews completely
   ========================================================= */

/* Tutor completion actions */
.tutor-btn-mark-complete,
.tutor-mark-complete,
.tutor-course-complete-form,
.tutor-course-complete-wrap,
.tutor-course-completion-form,
.tutor-course-completion-btn,
[class*="mark-complete"],
[class*="course-complete-form"],
button[name*="complete_course"],
input[name*="complete_course"]{
  display:none!important;
}

/* Reviews / ratings sections and nav */
.tutor-course-reviews,
.tutor-course-review,
.tutor-reviews,
.tutor-review,
.tutor-ratings,
.tutor-rating,
.tutor-course-details-tab-reviews,
.tutor-course-details-tab-review,
#tutor-course-reviews,
#tutor-course-review,
a[href*="#reviews"],
a[href*="#review"],
li[class*="review"],
li[class*="rating"],
[class*="tutor-review"],
[class*="tutor-rating"]{
  display:none!important;
}


/* =========================================================
   v1.0.39 — remove the entire Mark as Complete box/container
   ========================================================= */

/* Direct completion forms / buttons */
.tutor-course-complete-form,
.tutor-course-completion-form,
.tutor-course-complete-wrap,
.tutor-course-completion-wrap,
.tutor-mark-complete,
.tutor-btn-mark-complete,
.tutor-course-completion-btn,
[class*="mark-complete"],
[class*="course-complete"]{
  display:none!important;
}

/* Common Tutor lesson footer/action containers that contain only completion UI */
.tutor-lesson-content-area .tutor-course-complete-form,
.tutor-lesson-content-area .tutor-course-completion-form,
.tutor-lesson-content-area .tutor-course-complete-wrap,
.tutor-lesson-content-area .tutor-course-completion-wrap,
.tutor-course-spotlight-wrapper .tutor-course-complete-form,
.tutor-course-spotlight-wrapper .tutor-course-completion-form,
.tutor-course-spotlight-wrapper .tutor-course-complete-wrap,
.tutor-course-spotlight-wrapper .tutor-course-completion-wrap{
  display:none!important;
}


/* =========================================================
   v1.0.40 — hard-remove the COMPLETE action rectangle itself
   ========================================================= */

/* Any completion action/button/form itself */
button.tutor-btn-mark-complete,
button[class*="complete"],
a[class*="complete-course"],
form.tutor-course-complete-form,
form.tutor-course-completion-form,
.tutor-course-complete-form,
.tutor-course-completion-form,
.tutor-course-complete-wrap,
.tutor-course-completion-wrap,
.tutor-mark-complete,
.tutor-btn-mark-complete,
[data-action*="complete"],
[data-course-complete],
[name*="complete_course"],
[id*="complete-course"],
[id*="mark-complete"]{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}

/* Remove the visual rectangle/card that contains the completion action.
   Modern Chrome/Safari/Edge support :has(). */
.tutor-card:has(.tutor-btn-mark-complete),
.tutor-card:has(.tutor-course-complete-form),
.tutor-card:has(.tutor-course-completion-form),
.tutor-course-topic-single-footer:has(.tutor-btn-mark-complete),
.tutor-course-topic-single-footer:has(.tutor-course-complete-form),
.tutor-course-topic-single-footer:has(.tutor-course-completion-form),
.tutor-course-spotlight-footer:has(.tutor-btn-mark-complete),
.tutor-course-spotlight-footer:has(.tutor-course-complete-form),
.tutor-course-spotlight-footer:has(.tutor-course-completion-form),
.tutor-lesson-footer:has(.tutor-btn-mark-complete),
.tutor-lesson-footer:has(.tutor-course-complete-form),
.tutor-lesson-footer:has(.tutor-course-completion-form),
.tutor-d-flex:has(> .tutor-btn-mark-complete),
.tutor-d-flex:has(> form.tutor-course-complete-form),
.tutor-d-flex:has(> form.tutor-course-completion-form){
  display:none!important;
}


/* =========================================================
   v1.0.41 — bulk course status controls in platform admin
   ========================================================= */
.mras-admin-bulk-courses{
  margin-top:16px;
}
.mras-bulk-toolbar{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  background:#fff;
  border:1px solid #EDF5EF;
  border-radius:16px;
  padding:12px;
  margin-bottom:12px;
  box-shadow:0 6px 22px rgba(9,35,36,.04);
}
.mras-select-all-courses{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-weight:900;
  cursor:pointer;
}
.mras-select-all-courses input,
.mras-course-check input{
  width:17px;
  height:17px;
  accent-color:#28574C;
}
.mras-bulk-status-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-right:auto;
}
.mras-bulk-status-actions select{
  min-width:190px;
  border:1px solid #DFEEE3;
  border-radius:11px;
  padding:9px 11px;
  background:#fff;
}
.mras-bulk-status-actions .mras-admin-primary{
  margin-top:0;
}
.mras-selected-count{
  font-size:12px;
  color:#4F846F;
  font-weight:900;
}
.mras-admin-course-list article.mras-admin-course-row{
  grid-template-columns:28px 92px minmax(0,1fr) auto;
}
.mras-admin-course-row.is-selected{
  border-color:#BFD7C7;
  background:#F5F9F6;
  box-shadow:0 0 0 2px rgba(40,87,76,.06);
}
.mras-course-check{
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.mras-course-row-copy{
  min-width:0;
}
.mras-course-row-copy .is-published{
  color:#173C35;
}
.mras-course-row-copy .is-draft{
  color:#28574C;
}

@media(max-width:640px){
  .mras-bulk-toolbar{
    align-items:stretch;
  }
  .mras-bulk-status-actions{
    width:100%;
    margin-right:0;
  }
  .mras-bulk-status-actions select,
  .mras-bulk-status-actions .mras-admin-primary{
    flex:1 1 150px;
  }
  .mras-admin-course-list article.mras-admin-course-row{
    grid-template-columns:26px 70px minmax(0,1fr) auto;
  }
}


/* Keep the structural portrait wrapper invisible outside desktop so the
   existing tablet/mobile composition stays exactly as designed. */
.mras-about-portrait-mask{display:contents}

/* v1.0.53 — use the same contained-circle portrait treatment on desktop. */
@media(min-width:981px){
  .mras-about-photo.aez-about-photo{
    width:280px!important;
    height:220px!important;
    position:relative!important;
    overflow:visible!important;
    border-radius:0!important;
  }
  .mras-about-photo .mras-about-portrait-mask{
    display:block!important;
    position:absolute!important;
    width:190px!important;
    height:190px!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    transform:translateX(-50%)!important;
    overflow:hidden!important;
    border-radius:50%!important;
  }
  .mras-about-photo .mras-about-portrait-mask .aez-about-circle{
    width:100%!important;
    height:100%!important;
    inset:0!important;
    transform:none!important;
  }
  .mras-about-photo .mras-about-portrait-mask img{
    width:auto!important;
    height:187px!important;
    max-width:none!important;
    max-height:none!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
}


/* =========================================================
   v1.0.42 — cinematic BLUE hero, real clickable UI
   ========================================================= */
.mras-rs-hero{
  --rs-blue:#28574C;
  --rs-cyan:#8DB89D;
  --rs-sky:#BFD7C7;
  --rs-navy:#092324;
  --rs-navy-2:#0F2E29;
  position:relative;
  min-height:690px;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:#092324;
  border-bottom:1px solid rgba(141,184,157,.20);
}
.mras-rs-bg{
  position:absolute;
  inset:0;
  z-index:-5;
  background:
    linear-gradient(90deg,rgba(9,35,36,.10) 0%,rgba(9,35,36,.20) 37%,rgba(9,35,36,.72) 65%,rgba(9,35,36,.94) 100%),
    url('assets/images/hero-blue-library-v1.webp') center/cover no-repeat;
  filter:saturate(1.08) contrast(1.06);
  transform:scale(1.01);
}
.mras-rs-grid{
  position:absolute;
  inset:0;
  z-index:-4;
  opacity:.18;
  background-image:
    linear-gradient(rgba(141,184,157,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(141,184,157,.12) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 42%,#000 100%);
}
.mras-rs-light{
  position:absolute;
  z-index:-3;
  border-radius:50%;
  filter:blur(55px);
  pointer-events:none;
}
.mras-rs-light-a{
  width:390px;height:390px;
  left:28%;top:16%;
  background:rgba(40,87,76,.16);
}
.mras-rs-light-b{
  width:320px;height:320px;
  right:8%;bottom:-4%;
  background:rgba(141,184,157,.11);
}
.mras-rs-inner{
  min-height:690px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:12px;
}
.mras-rs-copy{
  order:2;
  padding:68px 0 55px;
  position:relative;
  z-index:6;
}
.mras-rs-kicker{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 15px;
  border:1px solid rgba(141,184,157,.52);
  border-radius:999px;
  background:rgba(9,35,36,.58);
  color:#DFEEE3;
  font-size:12px;
  font-weight:900;
  backdrop-filter:blur(9px);
}
.mras-rs-copy h1{
  margin:18px 0 14px;
  font-size:clamp(52px,5.2vw,78px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.mras-rs-copy h1 span,
.mras-rs-copy h1 strong{display:block}
.mras-rs-copy h1 span{
  color:#fff;
  text-shadow:0 10px 34px rgba(0,0,0,.35);
}
.mras-rs-copy h1 strong{
  color:var(--rs-cyan);
  font-weight:950;
  text-shadow:0 0 30px rgba(40,87,76,.14);
}
.mras-rs-copy>p{
  max-width:510px;
  margin:0;
  color:#EDF5EF;
  font-size:16px;
  line-height:1.75;
}
.mras-rs-actions{
  display:flex;
  gap:11px;
  margin-top:23px;
}
.mras-rs-btn{
  min-height:50px;
  min-width:180px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:15px;
  font-weight:900;
  transition:transform .2s ease,box-shadow .2s ease;
}
.mras-rs-btn:hover{transform:translateY(-2px)}
.mras-rs-primary{
  color:#fff;
  background:linear-gradient(135deg,#28574C,#28574C);
  border:1px solid #8DB89D;
  box-shadow:0 12px 34px rgba(40,87,76,.30),inset 0 1px rgba(255,255,255,.25);
}
.mras-rs-secondary{
  color:#fff;
  background:rgba(9,35,36,.63);
  border:1px solid rgba(237,245,239,.58);
  backdrop-filter:blur(9px);
}
.mras-rs-secondary i{
  width:27px;height:27px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:#fff;
  color:#28574C;
  font-size:10px;
  font-style:normal;
}
.mras-rs-features{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:32px;
  max-width:610px;
  border:1px solid rgba(141,184,157,.22);
  border-radius:16px;
  background:rgba(9,35,36,.55);
  overflow:hidden;
  backdrop-filter:blur(12px);
}
.mras-rs-features>div{
  min-height:91px;
  padding:13px 10px;
  text-align:center;
  border-inline-start:1px solid rgba(141,184,157,.15);
}
.mras-rs-features>div:last-child{border-inline-start:0}
.mras-rs-features i,
.mras-rs-features b,
.mras-rs-features small{display:block}
.mras-rs-features i{
  color:var(--rs-cyan);
  font-size:22px;
  font-style:normal;
}
.mras-rs-features b{
  color:#fff;
  margin-top:5px;
  font-size:12px;
}
.mras-rs-features small{
  color:#8DB89D;
  margin-top:3px;
  font-size:9px;
}

/* STAGE / character */
.mras-rs-stage{
  order:1;
  position:relative;
  min-height:690px;
  height:690px;
  overflow:visible;
  perspective:1200px;
}
.mras-rs-rim{
  position:absolute;
  left:48%;bottom:1%;
  transform:translateX(-50%);
  width:520px;height:560px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(40,87,76,.20),rgba(40,87,76,.08) 44%,transparent 70%);
  filter:blur(18px);
}
.mras-rs-tech-shape{
  position:absolute;
  left:50%;top:23%;
  width:330px;height:330px;
  opacity:.30;
  transform-origin:center;
  transition:background .7s ease,transform 1s cubic-bezier(.2,.8,.2,1);
}
.mras-rs-tech-shape.shape-1{
  transform:translateX(-52%) rotate(18deg);
  clip-path:polygon(50% 0,100% 86%,0 86%);
  background:linear-gradient(145deg,rgba(40,87,76,.65),rgba(40,87,76,.08));
  filter:blur(.2px);
}
.mras-rs-tech-shape.shape-2{
  width:235px;height:235px;
  top:30%;
  transform:translateX(-34%) rotate(-22deg);
  clip-path:polygon(12% 5%,100% 25%,72% 100%,0 70%);
  background:linear-gradient(145deg,rgba(141,184,157,.22),rgba(40,87,76,.30));
}
.mras-rs-stage[data-tone="indigo"] .shape-1{background:linear-gradient(145deg,rgba(141,184,157,.58),rgba(40,87,76,.10));transform:translateX(-52%) rotate(32deg)}
.mras-rs-stage[data-tone="azure"] .shape-1{background:linear-gradient(145deg,rgba(141,184,157,.58),rgba(40,87,76,.12));transform:translateX(-52%) rotate(5deg)}
.mras-rs-stage[data-tone="cyan"] .shape-1{background:linear-gradient(145deg,rgba(141,184,157,.62),rgba(40,87,76,.10))}

.mras-rs-teacher{
  position:absolute;
  inset:20px -35px 0 -45px;
  margin:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  opacity:0;
  z-index:3;
  pointer-events:none;
  clip-path:inset(0 100% 0 0);
}
.mras-rs-teacher img{
  display:block;
  width:auto;
  height:660px;
  max-width:118%;
  object-fit:contain;
  object-position:center bottom;
  filter:
    drop-shadow(0 32px 36px rgba(0,0,0,.50))
    drop-shadow(14px 0 17px rgba(40,87,76,.20));
}
.mras-rs-teacher.is-active{
  z-index:5;
  animation:mrasRSIn 1.05s cubic-bezier(.17,.84,.22,1) both;
}
.mras-rs-teacher.is-out{
  z-index:4;
  animation:mrasRSOut 1.05s cubic-bezier(.55,.05,.78,.38) both;
}
.mras-rs-teacher.is-preparing{
  opacity:0;
  transform:translate3d(-140px,8px,-70px) rotateY(-8deg) scale(.95);
  clip-path:inset(0 100% 0 0);
}
@keyframes mrasRSIn{
  0%{
    opacity:0;
    transform:translate3d(-150px,12px,-80px) rotateY(-8deg) scale(.945);
    clip-path:inset(0 100% 0 0);
    filter:blur(8px);
  }
  38%{opacity:1}
  62%{clip-path:inset(0 0 0 0);filter:blur(0)}
  100%{
    opacity:1;
    transform:translate3d(0,0,0) rotateY(0) scale(1);
    clip-path:inset(0 0 0 0);
    filter:blur(0);
  }
}
@keyframes mrasRSOut{
  0%{
    opacity:1;
    transform:translate3d(0,0,0) rotateY(0) scale(1);
    clip-path:inset(0 0 0 0);
    filter:blur(0);
  }
  48%{opacity:.9}
  100%{
    opacity:0;
    transform:translate3d(150px,-5px,35px) rotateY(7deg) scale(1.03);
    clip-path:inset(0 0 0 100%);
    filter:blur(9px);
  }
}
.mras-rs-nameplate{
  position:absolute;
  z-index:8;
  left:4%;
  bottom:35px;
  min-width:175px;
  padding:10px 14px;
  border-radius:13px;
  background:rgba(9,35,36,.68);
  border:1px solid rgba(141,184,157,.25);
  backdrop-filter:blur(10px);
}
.mras-rs-nameplate strong,
.mras-rs-nameplate small{display:block}
.mras-rs-nameplate strong{color:#fff;font-size:13px}
.mras-rs-nameplate small{color:#8DB89D;font-size:9px;margin-top:2px}

/* subtle blue scan/sweep */
.mras-rs-hero:after{
  content:"";
  position:absolute;
  inset:-10% auto -10% -18%;
  z-index:2;
  width:13%;
  transform:skewX(-16deg);
  background:linear-gradient(90deg,transparent,rgba(141,184,157,.10),rgba(255,255,255,.09),transparent);
  filter:blur(12px);
  pointer-events:none;
  animation:mrasBlueSweep 8s ease-in-out infinite;
}
@keyframes mrasBlueSweep{
  0%,20%{left:-18%;opacity:0}
  38%{opacity:.75}
  66%{left:110%;opacity:.45}
  100%{left:110%;opacity:0}
}

@media(max-width:980px){
  .mras-rs-hero{min-height:820px}
  .mras-rs-inner{
    min-height:820px;
    grid-template-columns:1fr;
    display:flex;
    flex-direction:column;
  }
  .mras-rs-copy{
    order:1;
    width:100%;
    padding:34px 0 0;
    text-align:center;
  }
  .mras-rs-copy h1{font-size:48px}
  .mras-rs-copy>p{margin-inline:auto}
  .mras-rs-actions{justify-content:center}
  .mras-rs-features{margin-inline:auto}
  .mras-rs-stage{
    order:2;
    width:100%;
    min-height:430px;
    height:430px;
    overflow:hidden;
  }
  .mras-rs-teacher{inset:0 -40px}
  .mras-rs-teacher img{height:455px}
  .mras-rs-nameplate{display:none}
  .mras-rs-tech-shape{top:18%}
}
@media(max-width:620px){
  .mras-rs-bg{
    background:
      linear-gradient(180deg,rgba(9,35,36,.35),rgba(9,35,36,.60) 45%,rgba(9,35,36,.92)),
      url('assets/images/hero-blue-library-mobile-v1.webp') center/cover no-repeat;
  }
  .mras-rs-hero{min-height:835px}
  .mras-rs-copy{padding-top:27px}
  .mras-rs-kicker{font-size:10px;min-height:33px}
  .mras-rs-copy h1{font-size:39px;margin-top:13px}
  .mras-rs-copy>p{font-size:12px;max-width:340px}
  .mras-rs-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    width:100%;
    margin-top:16px;
  }
  .mras-rs-btn{min-width:0;padding:0 10px;font-size:12px}
  .mras-rs-features{
    grid-template-columns:repeat(2,1fr);
    margin-top:16px;
    max-width:100%;
  }
  .mras-rs-features>div{min-height:68px;padding:9px 5px}
  .mras-rs-features i{font-size:18px}
  .mras-rs-features b{font-size:10px}
  .mras-rs-features small{font-size:8px}
  .mras-rs-stage{height:390px;min-height:390px}
  .mras-rs-teacher img{height:415px}
  .mras-rs-tech-shape{width:270px;height:270px}
}


/* =========================================================
   v1.0.42 — notifications + WhatsApp center
   ========================================================= */
.mras-notice-bell{position:relative;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #DFEEE3;border-radius:50%;background:#fff;text-decoration:none;font-size:18px}
.mras-notice-bell b{position:absolute;top:-4px;left:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#E03131;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.mras-student-notice-list{display:grid;gap:10px}
.mras-student-notice{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid #EDF5EF;border-radius:16px;padding:14px 15px;box-shadow:0 8px 24px rgba(9,35,36,.04)}
.mras-student-notice.is-unread{border-color:#BFD7C7;background:#F5F9F6;box-shadow:0 0 0 2px rgba(40,87,76,.05)}
.mras-student-notice-icon{width:42px;height:42px;border-radius:13px;background:#EDF5EF;display:flex;align-items:center;justify-content:center}
.mras-student-notice-copy>div{display:flex;align-items:center;gap:8px}.mras-student-notice-copy strong{font-size:14px}.mras-student-notice-copy span{font-size:9px;background:#28574C;color:#fff;border-radius:999px;padding:3px 7px}.mras-student-notice-copy p{margin:5px 0;color:#28574C;line-height:1.65;font-size:12px}.mras-student-notice-copy small{color:#4F846F}.mras-student-notice>a{font-weight:900;color:#28574C;white-space:nowrap}
.mras-notice-target{margin-top:10px}.mras-recipient-search{margin-bottom:8px}.mras-recipient-picker{max-height:230px;overflow:auto;border:1px solid #EDF5EF;border-radius:12px;background:#F5F9F6;padding:7px}.mras-recipient-picker>label{display:flex!important;gap:8px;align-items:flex-start;margin:0!important;padding:8px;border-bottom:1px solid #EDF5EF;cursor:pointer}.mras-recipient-picker>label:last-child{border-bottom:0}.mras-recipient-picker b,.mras-recipient-picker small{display:block}.mras-recipient-picker small{color:#4F846F;margin-top:2px}
.mras-admin-notice-history{display:grid;gap:8px}.mras-admin-notice-history article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid #EDF5EF;border-radius:12px;background:#F5F9F6}.mras-admin-notice-history strong,.mras-admin-notice-history small{display:block}.mras-admin-notice-history small{color:#4F846F;margin-top:3px}.mras-admin-notice-history time{font-size:10px;color:#4F846F;white-space:nowrap}
.mras-whatsapp-toolbar{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}.mras-whatsapp-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.mras-whatsapp-actions .mras-admin-primary{margin-top:0}.mras-wa-table-wrap{overflow:auto;border:1px solid #EDF5EF;border-radius:14px}.mras-wa-table{width:100%;min-width:800px;border-collapse:collapse}.mras-wa-table th,.mras-wa-table td{text-align:right;padding:10px 11px;border-bottom:1px solid #EDF5EF}.mras-wa-table th{background:#F5F9F6}.mras-wa-table tr[hidden]{display:none!important}.mras-wa-queue{margin-top:16px;padding:16px;border:1px solid #DFEEE3;border-radius:15px;background:#F5F9F6}.mras-wa-queue-head{display:flex;align-items:center;justify-content:space-between}.mras-wa-queue-head h3{margin:0}.mras-wa-link{display:block;margin-top:7px;padding:10px 12px;border-radius:10px;background:#28574C;color:#fff!important;font-weight:900;text-decoration:none}
@media(max-width:800px){.mras-whatsapp-toolbar{grid-template-columns:1fr}.mras-student-notice{grid-template-columns:40px minmax(0,1fr)}.mras-student-notice>a{grid-column:2}.mras-notice-bell{width:38px;height:38px}}


/* v1.0.54 notification dropdown */
.mras-notice-center{position:relative;display:inline-flex;align-items:center;z-index:1005}.mras-notice-bell{position:relative!important;width:42px!important;height:42px!important;min-width:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:1px solid #DFEEE3!important;border-radius:50%!important;background:#fff!important;cursor:pointer!important}.mras-notice-bell b{position:absolute!important;top:-5px!important;left:-5px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;background:#E03131!important;color:#fff!important;font-size:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #fff!important}.mras-notice-popover[hidden]{display:none!important}.mras-notice-popover{position:absolute;top:calc(100% + 12px);left:0;width:min(390px,calc(100vw - 24px));max-height:520px;background:#fff;border:1px solid #DFEEE3;border-radius:18px;box-shadow:0 24px 70px rgba(9,35,36,.18);overflow:hidden;direction:rtl;z-index:10000}.mras-notice-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 13px;border-bottom:1px solid #EDF5EF}.mras-notice-popover-head strong,.mras-notice-popover-head small{display:block}.mras-notice-popover-list{max-height:420px;overflow-y:auto}.mras-notice-item{display:grid;grid-template-columns:9px minmax(0,1fr) 24px;gap:10px;padding:13px 14px;border-bottom:1px solid #EDF5EF}.mras-notice-item.is-unread{background:#F5F9F6}.mras-notice-dot{width:7px;height:7px;margin-top:6px;border-radius:50%;background:#BFD7C7}.mras-notice-item.is-unread .mras-notice-dot{background:#28574C}.mras-notice-empty{padding:34px 20px;text-align:center}
@media(max-width:980px){.mras-notice-popover{position:fixed;top:76px;left:12px;right:12px;width:auto}.mras-notice-popover-list{max-height:calc(100vh - 170px)}}

/* v1.0.54 bundles / curriculum / exams */
.mras-builder-head,.mras-bundle-videos-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.mras-builder-actions{display:flex;gap:8px;flex-wrap:wrap}.mras-curriculum-items{display:grid;gap:12px}.mras-builder-item{padding:15px;border:1px solid #DFEEE3;border-radius:16px;background:#F5F9F6}.mras-builder-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.mras-builder-item-head>div{display:flex;gap:5px}.mras-builder-item-head button,.mras-question-top button,.mras-remove-row{width:30px;height:30px;border:1px solid #DFEEE3;border-radius:9px;background:#fff;cursor:pointer;font-weight:900}.mras-exam-config{display:grid;grid-template-columns:1fr 190px;gap:10px}.mras-builder-questions{display:grid;gap:10px;margin:10px 0}.mras-builder-question{padding:12px;border:1px dashed #DFEEE3;border-radius:13px;background:#fff}.mras-question-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mras-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mras-choice-builder{padding:9px;border:1px solid #EDF5EF;border-radius:12px;background:#F5F9F6}.mras-choice-text{display:flex;align-items:center;gap:7px}.mras-choice-image-btn{margin-top:7px;border:1px solid #DFEEE3;border-radius:9px;background:#fff;padding:6px 9px;font-size:10px;font-weight:900;cursor:pointer}.mras-question-media-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin:8px 0 12px}.mras-media-preview{position:relative;width:120px;min-height:72px;border:1px solid #DFEEE3;border-radius:11px;background:#fff;overflow:hidden}.mras-media-preview img{width:100%;height:88px;object-fit:contain}.mras-media-preview button{position:absolute;top:4px;left:4px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(182,32,32,.92);color:#fff}.mras-bundle-course-picker{max-height:240px;overflow:auto;border:1px solid #DFEEE3;border-radius:13px;padding:8px;margin:8px 0 15px}.mras-bundle-video-row{display:grid;grid-template-columns:1fr 1.6fr 36px;gap:8px;align-items:center;margin-bottom:8px}.mras-bundle-list{display:grid;gap:8px}.mras-bundle-list article{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #DFEEE3;border-radius:12px}.mras-course-sequence{display:grid;gap:14px}.mras-sequence-item{border:1px solid #DFEEE3;border-radius:17px;background:#fff;overflow:hidden}.mras-sequence-head{display:flex;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid #EDF5EF}.mras-sequence-number{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#EDF5EF;color:#28574C;font-weight:950}.mras-lock-pill,.mras-pass-pill{font-size:10px;padding:6px 8px;border-radius:999px;white-space:nowrap}.mras-learning-video{position:relative;aspect-ratio:16/9;background:#000}.mras-learning-video iframe,.mras-learning-video video{width:100%;height:100%;border:0;display:block}.mras-student-exam{padding:15px}.mras-exam-question{border:1px solid #EDF5EF;border-radius:13px;padding:12px;margin:0 0 10px}.mras-exam-question-image{text-align:center;margin:10px 0 14px}.mras-exam-question-image img{max-width:100%;max-height:420px;object-fit:contain;border-radius:13px}.mras-exam-choice-content{display:flex;flex-direction:column;gap:8px;flex:1}.mras-exam-choice-content img{max-width:100%;max-height:260px;object-fit:contain;border-radius:11px}.mras-course-locked-main{text-align:center;padding:34px 16px}.mras-student-bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mras-student-bundle-card{padding:17px;border:1px solid #DFEEE3;border-radius:17px;background:#fff}.mras-bundle-links{display:grid;gap:6px;margin-top:7px}
@media(max-width:720px){.mras-builder-head,.mras-bundle-videos-head{display:block}.mras-exam-config,.mras-choice-grid,.mras-bundle-video-row,.mras-student-bundle-grid{grid-template-columns:1fr}}


/* =========================================================
   v1.0.55 — notification bell fixed beside menu only
   ========================================================= */
.mras-student-dashboard .mras-dashboard-notifications,
.mras-student-dashboard #notifications,
body.page-template-student-dashboard .mras-dashboard-notifications,
body.page-template-student-dashboard #notifications{
  display:none!important;
}

#aez-site-header .mras-notice-center{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  position:relative!important;
  z-index:1006!important;
  margin-inline:8px!important;
}

#aez-site-header .mras-notice-bell{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}

@media(max-width:980px){
  #aez-site-header .mras-notice-center{
    margin-inline:4px!important;
    order:3!important;
  }

  #aez-site-header .aez-menu-toggle{
    order:4!important;
  }

  #aez-site-header .aez-actions{
    order:2!important;
  }
}


/* =========================================================
   v1.0.56 — mobile spacing between account button and bell
   ========================================================= */
@media(max-width:980px){
  #aez-site-header .aez-nav{
    column-gap:10px!important;
  }

  #aez-site-header .mras-notice-center{
    margin-inline:8px!important;
  }

  #aez-site-header .aez-actions{
    gap:8px!important;
    margin-inline-start:4px!important;
  }

  #aez-site-header .mras-notice-bell{
    margin-inline:2px!important;
  }
}


/* =========================================================
   v1.0.57 — desktop header alignment fix
   Keep account action + notification bell in the same header row
   ========================================================= */
@media(min-width:981px){
  #aez-site-header .aez-nav{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
  }

  #aez-site-header .aez-menu{
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
  }

  #aez-site-header .mras-notice-center,
  #aez-site-header .aez-actions{
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
    transform:none!important;
  }

  #aez-site-header .aez-actions{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
  }

  #aez-site-header .aez-actions > a,
  #aez-site-header .aez-actions > button{
    margin-top:0!important;
    margin-bottom:0!important;
  }
}


/* =========================================================
   v1.0.58 — rebuilt notification popover UI
   ========================================================= */
.mras-notice-popover{
  border-radius:20px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #EDF5EF!important;
  box-shadow:0 20px 60px rgba(9,35,36,.18)!important;
}

.mras-notice-popover-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:15px 16px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#F5F9F6 100%)!important;
  border-bottom:1px solid #EDF5EF!important;
}

.mras-notice-title-wrap{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}

.mras-notice-head-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  background:#EDF5EF!important;
  box-shadow:inset 0 0 0 1px #EDF5EF!important;
  font-size:17px!important;
}

.mras-notice-title-wrap strong{
  display:block!important;
  color:#0F2E29!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.2!important;
}

.mras-notice-title-wrap small{
  display:block!important;
  margin-top:4px!important;
  color:#4F846F!important;
  font-size:10px!important;
  font-weight:700!important;
}

.mras-mark-read-btn{
  flex:0 0 auto!important;
  border:1px solid #EDF5EF!important;
  background:#F5F9F6!important;
  color:#28574C!important;
  border-radius:10px!important;
  padding:7px 10px!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.2!important;
  cursor:pointer!important;
}

.mras-notice-popover-list{
  background:#fff!important;
}

.mras-notice-item{
  display:grid!important;
  grid-template-columns:8px minmax(0,1fr) 28px!important;
  gap:10px!important;
  align-items:start!important;
  padding:14px 15px!important;
  border-bottom:1px solid #EDF5EF!important;
  background:#fff!important;
}

.mras-notice-item.is-unread{
  background:#F5F9F6!important;
}

.mras-notice-copy strong{
  display:block!important;
  color:#0F2E29!important;
  font-size:12.5px!important;
  line-height:1.5!important;
  font-weight:900!important;
}

.mras-notice-copy p{
  margin:4px 0 6px!important;
  color:#4F846F!important;
  font-size:11px!important;
  line-height:1.7!important;
}

.mras-notice-copy small{
  color:#8DB89D!important;
  font-size:9px!important;
}

.mras-notice-dot{
  width:7px!important;
  height:7px!important;
  margin-top:7px!important;
  border-radius:50%!important;
  background:#BFD7C7!important;
}

.mras-notice-item.is-unread .mras-notice-dot{
  background:#28574C!important;
  box-shadow:0 0 0 4px rgba(40,87,76,.08)!important;
}

.mras-notice-open{
  width:28px!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
  background:#EDF5EF!important;
  color:#28574C!important;
  font-weight:900!important;
  text-decoration:none!important;
}

@media(max-width:980px){
  .mras-notice-popover{
    position:fixed!important;
    top:72px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-height:calc(100vh - 86px)!important;
    border-radius:18px!important;
    box-shadow:0 18px 48px rgba(9,35,36,.22)!important;
  }

  .mras-notice-popover-head{
    padding:13px 14px!important;
    gap:8px!important;
  }

  .mras-notice-head-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }

  .mras-notice-title-wrap{
    gap:8px!important;
  }

  .mras-notice-title-wrap strong{
    font-size:14px!important;
  }

  .mras-notice-title-wrap small{
    font-size:9px!important;
    margin-top:3px!important;
  }

  .mras-mark-read-btn{
    padding:6px 8px!important;
    font-size:9px!important;
    border-radius:9px!important;
    white-space:nowrap!important;
  }

  .mras-notice-popover-list{
    max-height:calc(100vh - 150px)!important;
    overflow-y:auto!important;
  }

  .mras-notice-item{
    grid-template-columns:7px minmax(0,1fr) 26px!important;
    gap:9px!important;
    padding:13px 13px!important;
  }

  .mras-notice-copy strong{
    font-size:12px!important;
  }

  .mras-notice-copy p{
    font-size:10.5px!important;
  }

  .mras-notice-open{
    width:26px!important;
    height:26px!important;
  }
}

@media(max-width:390px){
  .mras-notice-popover-head{
    align-items:flex-start!important;
  }

  .mras-mark-read-btn{
    max-width:108px!important;
    white-space:normal!important;
    text-align:center!important;
  }
}


/* =========================================================
   v1.0.59 — delete course / bundle actions
   ========================================================= */
.mras-admin-row-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

.mras-inline-delete-form{
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
}

.mras-delete-x{
  width:30px;
  height:30px;
  min-width:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #F0CACA;
  border-radius:9px;
  background:#FFF6F6;
  color:#D52A2A;
  font-size:20px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}

.mras-delete-x:hover{
  background:#FFE8E8;
  border-color:#E89A9A;
  transform:scale(1.04);
}

@media(max-width:720px){
  .mras-admin-row-actions{
    gap:6px;
  }

  .mras-delete-x{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:8px;
  }
}


/* =========================================================
   v1.0.60 — optional homework PDF / images
   ========================================================= */
.mras-homework-builder-actions{display:flex;gap:8px;margin:10px 0}
.mras-homework-builder-files{display:grid;gap:8px}
.mras-homework-builder-file{display:grid;grid-template-columns:30px minmax(0,1fr) auto 32px;align-items:center;gap:8px;padding:9px;border:1px solid #DFEEE3;border-radius:11px;background:#fff}
.mras-homework-builder-file>span{text-align:center;font-size:18px}
.mras-homework-builder-file>a{font-size:10px;font-weight:900;color:#28574C}
.mras-homework-builder-file>button{width:30px;height:30px;border:1px solid #F0CACA;border-radius:8px;background:#FFF6F6;color:#CF2F2F;font-size:18px;font-weight:900;cursor:pointer}
.mras-builder-item textarea[data-homework-description]{width:100%;resize:vertical;margin-top:8px}
.mras-homework-box{padding:15px}
.mras-homework-description{margin:0 0 12px;padding:11px 12px;border-radius:11px;background:#F5F9F6;color:#28574C;font-size:12px;line-height:1.8}
.mras-homework-files{display:grid;gap:10px}
.mras-homework-image{display:block;border:1px solid #DFEEE3;border-radius:13px;background:#fff;overflow:hidden;text-decoration:none}
.mras-homework-image img{display:block;width:100%;max-height:520px;object-fit:contain;background:#F5F9F6}
.mras-homework-image span{display:block;padding:9px 11px;color:#173C35;font-size:11px;font-weight:800}
.mras-homework-file{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #DFEEE3;border-radius:12px;background:#F5F9F6;text-decoration:none}
.mras-homework-file>span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#EDF5EF;font-size:18px}
.mras-homework-file strong,.mras-homework-file small{display:block}
.mras-homework-file strong{color:#0F2E29;font-size:12px}.mras-homework-file small{margin-top:3px;color:#8DB89D;font-size:9px}
@media(max-width:720px){.mras-homework-builder-file{grid-template-columns:28px minmax(0,1fr) 30px}.mras-homework-builder-file>a{grid-column:2 / 3}.mras-homework-image img{max-height:360px}}


/* =========================================================
   v1.0.61 — searchable student list + per-student course controls
   ========================================================= */
.mras-student-search-card{
  margin-bottom:14px;
}

.mras-student-table-search{
  width:100%;
  min-height:44px;
  border:1px solid #DFEEE3;
  border-radius:12px;
  padding:0 13px;
  background:#fff;
}

.mras-student-course-actions{
  min-width:330px;
}

.mras-student-course-toggle-form{
  display:grid;
  grid-template-columns:minmax(150px,1fr) 115px auto;
  gap:7px;
  align-items:center;
}

.mras-student-course-toggle-form select{
  min-height:38px;
}

.mras-student-course-toggle-form .mras-admin-primary{
  min-height:38px;
  padding:0 12px;
  white-space:nowrap;
}

.mras-active-course-chips{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  margin-top:8px;
  max-width:430px;
}

.mras-active-course-chips span{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:999px;
  background:#EDF5EF;
  color:#28574C;
  font-size:9px;
  font-weight:800;
}

.mras-active-course-chips small{
  color:#8DB89D;
  font-size:9px;
}

@media(max-width:900px){
  .mras-student-course-actions{
    min-width:280px;
  }

  .mras-student-course-toggle-form{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   v1.0.63 — global horizontal overflow fix
   Prevent wide decorative/absolute elements from creating side scroll.
   ========================================================= */
html,
body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:clip!important;
}

body,
.site-main,
#aez-site-header,
.aez-header,
.aez-search-panel{
  max-width:100vw!important;
}

.site-main,
.mras-ui-hero,
.mras-ui-hero-inner,
.mras-rs-hero,
.mras-rs-inner,
.aez-home-hero,
.aez-ref-hero,
.aez-about-home,
.aez-final-cta,
.mras-dashboard-page,
.mras-platform-admin{
  overflow-x:clip!important;
}

.container,
.tutor-container,
.aez-nav,
.mras-admin-wrap,
.mras-dashboard-section .container{
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Elements that historically used negative offsets / unconstrained widths. */
.mras-ui-teacher,
.mras-rs-teacher,
.aez-ref-teacher,
.aez-about-photo img,
.mras-about-photo img,
.aez-final-cta-teacher,
.mras-subject-teacher,
.mras-grade-teacher{
  max-width:100%!important;
}

/* Tables and long admin controls scroll inside themselves, not the whole page. */
.mras-admin-table-wrap,
.mras-generated-code-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}

/* Mobile notification panel must stay inside viewport. */
@media(max-width:980px){
  .mras-notice-popover{
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:calc(100vw - 20px)!important;
    box-sizing:border-box!important;
  }

  #aezMenu{
    max-width:100%!important;
  }

  .aez-nav{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}


/* =========================================================
   v1.0.64 — split student accounts by school grade
   ========================================================= */
.mras-student-grade-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0 0 12px;
}

.mras-student-grade-tabs button{
  min-height:56px;
  border:1px solid #DFEEE3;
  border-radius:14px;
  background:#fff;
  color:#173C35;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  cursor:pointer;
  font:inherit;
  transition:.18s ease;
}

.mras-student-grade-tabs button span{
  font-size:12px;
  font-weight:900;
}

.mras-student-grade-tabs button b{
  min-width:28px;
  height:28px;
  padding:0 7px;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#EDF5EF;
  color:#4F846F;
  font-size:11px;
}

.mras-student-grade-tabs button.is-active{
  border-color:#DFEEE3;
  background:#F5F9F6;
  color:#28574C;
  box-shadow:0 7px 20px rgba(40,87,76,.08);
}

.mras-student-grade-tabs button.is-active b{
  background:#EDF5EF;
  color:#28574C;
}

@media(max-width:640px){
  .mras-student-grade-tabs{
    grid-template-columns:1fr;
    gap:7px;
  }

  .mras-student-grade-tabs button{
    min-height:48px;
  }
}


/* =========================================================
   v1.0.65 — Excel student report export
   ========================================================= */
.mras-export-excel-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  white-space:nowrap!important;
}

.mras-export-excel-btn span{
  font-size:16px!important;
  line-height:1!important;
}

@media(max-width:640px){
  #students .mras-admin-section-head{
    align-items:flex-start!important;
    gap:10px!important;
  }

  .mras-export-excel-btn{
    width:100%!important;
  }
}


/* =========================================================
   v1.0.66 — welcome video popup
   ========================================================= */
.mras-welcome-video-trigger{
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  cursor:pointer;
}

.mras-welcome-video-modal[hidden]{
  display:none!important;
}

.mras-welcome-video-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
}

.mras-welcome-video-backdrop{
  position:absolute;
  inset:0;
  background:rgba(9,35,36,.82);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

.mras-welcome-video-dialog{
  position:relative;
  z-index:2;
  width:min(980px,94vw);
  border-radius:22px;
  padding:10px;
  background:#092324;
  box-shadow:0 30px 90px rgba(0,0,0,.45);
}

.mras-welcome-video-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:15px;
  background:#000;
}

.mras-welcome-video-frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}

.mras-welcome-video-close{
  position:absolute;
  top:-15px;
  left:-15px;
  z-index:4;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#0F2E29;
  box-shadow:0 8px 28px rgba(0,0,0,.24);
  font-size:25px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
}

body.mras-video-modal-open{
  overflow:hidden!important;
}

@media(max-width:700px){
  .mras-welcome-video-modal{
    padding:10px;
  }

  .mras-welcome-video-dialog{
    width:100%;
    padding:6px;
    border-radius:16px;
  }

  .mras-welcome-video-frame{
    border-radius:11px;
  }

  .mras-welcome-video-close{
    top:-10px;
    left:-5px;
    width:34px;
    height:34px;
    font-size:22px;
  }
}


/* =========================================================
   v1.0.68 — native MP4 welcome video
   ========================================================= */
.mras-welcome-video-frame video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#000!important;
}

.mras-welcome-video-error{
  min-height:320px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
  color:#fff;
  padding:30px;
}

.mras-welcome-video-error strong{
  font-size:18px;
}

.mras-welcome-video-error small{
  color:#BFD7C7;
  font-size:11px;
}




/* =========================================================
   v1.0.70 — cleaner Slider Revolution-inspired hero motion
   ========================================================= */
.mras-teacher-rev-stage{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  overflow:visible;
}

.mras-teacher-rev-stage .mras-ui-teacher{
  left:49%!important;
  bottom:-28px!important;
  height:505px!important;
  width:auto!important;
  max-width:none!important;
}

.mras-rev-slide{
  opacity:0;
  visibility:hidden;
  transform:translateX(-50%) translateX(-150px) scale(.985);
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.30));
  transition:
    transform 1.05s cubic-bezier(.16,1,.3,1),
    opacity .65s ease;
  will-change:transform,opacity;
}

.mras-rev-slide.is-active{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateX(0) scale(1);
}

.mras-rev-slide.is-leaving{
  opacity:0;
  visibility:visible;
  transform:translateX(-50%) translateX(115px) scale(.985);
}

/* Soft waves: same family as the hero background, just slightly lighter. */
.mras-hero-wave{
  position:absolute;
  z-index:2;
  left:-18%;
  width:138%;
  border-radius:48% 52% 0 0 / 100% 100% 0 0;
  transform-origin:center bottom;
  pointer-events:none;
}

.mras-hero-wave-one{
  bottom:-44px;
  height:155px;
  background:rgba(40,87,76,.33);
  transform:rotate(-2.2deg);
  animation:mrasWaveFloatOne 8s ease-in-out infinite alternate;
}

.mras-hero-wave-two{
  bottom:-72px;
  height:132px;
  background:rgba(40,87,76,.22);
  transform:rotate(2.6deg);
  animation:mrasWaveFloatTwo 10s ease-in-out infinite alternate;
}

@keyframes mrasWaveFloatOne{
  from{transform:translateX(-14px) rotate(-2.2deg)}
  to{transform:translateX(18px) rotate(-1deg)}
}

@keyframes mrasWaveFloatTwo{
  from{transform:translateX(16px) rotate(2.6deg)}
  to{transform:translateX(-18px) rotate(1.4deg)}
}

@media(max-width:1100px){
  .mras-teacher-rev-stage .mras-ui-teacher{
    height:470px!important;
  }

  .mras-hero-wave-one{height:132px}
  .mras-hero-wave-two{height:112px}
}

@media(max-width:760px){
  .mras-teacher-rev-stage{
    overflow:hidden;
  }

  .mras-teacher-rev-stage .mras-ui-teacher{
    left:50%!important;
    bottom:-18px!important;
    height:430px!important;
  }

  .mras-rev-slide{
    transform:translateX(-50%) translateX(-110px) scale(.985);
  }

  .mras-rev-slide.is-active{
    transform:translateX(-50%) translateX(0) scale(1);
  }

  .mras-rev-slide.is-leaving{
    transform:translateX(-50%) translateX(85px) scale(.985);
  }

  .mras-hero-wave-one{
    bottom:-32px;
    height:105px;
  }

  .mras-hero-wave-two{
    bottom:-55px;
    height:95px;
  }
}

@media(prefers-reduced-motion:reduce){
  .mras-rev-slide,
  .mras-hero-wave{
    animation:none!important;
    transition:none!important;
  }

  .mras-rev-slide:not(.is-active){
    display:none!important;
  }
}


/* =========================================================
   v1.0.71 — full-width hero waves/effects
   ========================================================= */
.mras-ui-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
}

.mras-hero-wide-fx{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  overflow:hidden;
}

.mras-ui-hero-inner{
  position:relative;
  z-index:4;
}

.mras-ui-formulas{
  z-index:3!important;
}

.mras-hero-wide-wave{
  position:absolute;
  left:-8%;
  width:116%;
  border-radius:48% 52% 0 0 / 100% 100% 0 0;
  transform-origin:center bottom;
  will-change:transform;
}

.mras-hero-wide-wave-one{
  bottom:-70px;
  height:190px;
  background:rgba(40,87,76,.33);
  transform:rotate(-1.8deg);
  animation:mrasHeroWideWaveOne 9s ease-in-out infinite alternate;
}

.mras-hero-wide-wave-two{
  bottom:-106px;
  height:165px;
  background:rgba(40,87,76,.24);
  transform:rotate(1.8deg);
  animation:mrasHeroWideWaveTwo 11s ease-in-out infinite alternate;
}

.mras-hero-wide-wave-three{
  bottom:-128px;
  height:145px;
  background:rgba(40,87,76,.16);
  transform:rotate(-.7deg);
  animation:mrasHeroWideWaveThree 13s ease-in-out infinite alternate;
}

.mras-hero-wide-light{
  position:absolute;
  border-radius:50%;
  filter:blur(36px);
  opacity:.28;
}

.mras-hero-wide-light-one{
  width:420px;
  height:420px;
  right:-90px;
  top:40px;
  background:rgba(40,87,76,.25);
  animation:mrasHeroLightFloatOne 9s ease-in-out infinite alternate;
}

.mras-hero-wide-light-two{
  width:360px;
  height:360px;
  left:-90px;
  bottom:20px;
  background:rgba(40,87,76,.18);
  animation:mrasHeroLightFloatTwo 11s ease-in-out infinite alternate;
}

@keyframes mrasHeroWideWaveOne{
  from{transform:translateX(-18px) translateY(0) rotate(-1.8deg) scaleX(1)}
  to{transform:translateX(20px) translateY(-7px) rotate(-.8deg) scaleX(1.025)}
}

@keyframes mrasHeroWideWaveTwo{
  from{transform:translateX(16px) translateY(0) rotate(1.8deg) scaleX(1.02)}
  to{transform:translateX(-20px) translateY(-10px) rotate(.8deg) scaleX(.99)}
}

@keyframes mrasHeroWideWaveThree{
  from{transform:translateX(-10px) translateY(0) rotate(-.7deg)}
  to{transform:translateX(14px) translateY(-5px) rotate(.3deg)}
}

@keyframes mrasHeroLightFloatOne{
  from{transform:translate3d(0,0,0) scale(.95)}
  to{transform:translate3d(-32px,18px,0) scale(1.08)}
}

@keyframes mrasHeroLightFloatTwo{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(36px,-18px,0) scale(1.1)}
}

/* Keep teacher images above the section-wide effects. */
.mras-teacher-rev-stage{
  z-index:6!important;
}

.mras-teacher-card,
.mras-hand-note{
  z-index:8!important;
}

@media(max-width:760px){
  .mras-hero-wide-wave-one{
    bottom:-44px;
    height:118px;
  }

  .mras-hero-wide-wave-two{
    bottom:-70px;
    height:104px;
  }

  .mras-hero-wide-wave-three{
    bottom:-86px;
    height:92px;
  }

  .mras-hero-wide-light-one{
    width:250px;
    height:250px;
    right:-80px;
    top:80px;
  }

  .mras-hero-wide-light-two{
    width:220px;
    height:220px;
    left:-80px;
    bottom:55px;
  }
}

@media(prefers-reduced-motion:reduce){
  .mras-hero-wide-wave,
  .mras-hero-wide-light{
    animation:none!important;
  }
}


/* =========================================================
   v1.0.72 — hero motion reliability + clipping fix
   ========================================================= */

/* The left note was partly outside its visual column. */
.mras-hand-left{
  left:22px!important;
  top:205px!important;
  z-index:10!important;
}

/* Keep the hero clipped globally, but do not clip content inside the teacher visual. */
.mras-ui-hero-visual{
  overflow:visible!important;
}

/* Make wave movement clearly visible across the full hero. */
.mras-hero-wide-wave-one{
  animation:mrasHeroWideWaveOneV172 6.8s ease-in-out infinite alternate!important;
}

.mras-hero-wide-wave-two{
  animation:mrasHeroWideWaveTwoV172 8.2s ease-in-out infinite alternate!important;
}

.mras-hero-wide-wave-three{
  animation:mrasHeroWideWaveThreeV172 10s ease-in-out infinite alternate!important;
}

@keyframes mrasHeroWideWaveOneV172{
  0%{transform:translate3d(-42px,4px,0) rotate(-2deg) scaleX(1.02)}
  50%{transform:translate3d(12px,-14px,0) rotate(-.7deg) scaleX(1.055)}
  100%{transform:translate3d(48px,-5px,0) rotate(.3deg) scaleX(1.015)}
}

@keyframes mrasHeroWideWaveTwoV172{
  0%{transform:translate3d(38px,0,0) rotate(2.2deg) scaleX(1.05)}
  50%{transform:translate3d(-8px,-18px,0) rotate(.5deg) scaleX(1.015)}
  100%{transform:translate3d(-46px,-7px,0) rotate(-.5deg) scaleX(1.045)}
}

@keyframes mrasHeroWideWaveThreeV172{
  0%{transform:translate3d(-28px,3px,0) rotate(-1deg) scaleX(1.02)}
  50%{transform:translate3d(18px,-10px,0) rotate(.2deg) scaleX(1.045)}
  100%{transform:translate3d(38px,-3px,0) rotate(1deg) scaleX(1.01)}
}

/* Don't silently freeze this hero just because the OS has reduced-motion enabled.
   The motion here is slow and non-flashing. */
@media(prefers-reduced-motion:reduce){
  .mras-rev-slide{
    transition:
      transform 1.05s cubic-bezier(.16,1,.3,1),
      opacity .65s ease!important;
  }

  .mras-rev-slide:not(.is-active){
    display:block!important;
  }

  .mras-hero-wide-wave-one{
    animation:mrasHeroWideWaveOneV172 8s ease-in-out infinite alternate!important;
  }

  .mras-hero-wide-wave-two{
    animation:mrasHeroWideWaveTwoV172 9.5s ease-in-out infinite alternate!important;
  }

  .mras-hero-wide-wave-three{
    animation:mrasHeroWideWaveThreeV172 11s ease-in-out infinite alternate!important;
  }
}

@media(max-width:760px){
  .mras-hand-left{
    left:12px!important;
    top:170px!important;
    font-size:24px!important;
  }
}


/* =========================================================
   v1.0.73 — mobile hero redesign / spacing polish
   ========================================================= */
@media(max-width:760px){

  .mras-ui-hero{
    min-height:auto!important;
    padding:34px 0 0!important;
    overflow:hidden!important;
  }

  .mras-ui-hero-inner{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    padding-inline:16px!important;
    min-height:0!important;
  }

  .mras-ui-hero-copy{
    order:1!important;
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    padding:0!important;
    margin:0!important;
    position:relative!important;
    z-index:12!important;
  }

  .mras-ui-headline{
    margin:0!important;
  }

  .mras-ui-headline span{
    font-size:34px!important;
    line-height:1.1!important;
  }

  .mras-ui-headline strong{
    font-size:43px!important;
    line-height:1.04!important;
    margin-top:2px!important;
  }

  .mras-ui-subtitle{
    margin:12px auto 0!important;
    font-size:12px!important;
    line-height:1.65!important;
    max-width:330px!important;
  }

  .mras-ui-teacher-line{
    font-size:13px!important;
    margin-top:3px!important;
  }

  .mras-ui-hero-actions{
    margin-top:18px!important;
    gap:9px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }

  .mras-ui-primary,
  .mras-ui-secondary{
    min-width:0!important;
    width:100%!important;
    height:45px!important;
    border-radius:11px!important;
    font-size:11px!important;
    padding:0 10px!important;
  }

  .mras-ui-play{
    width:23px!important;
    height:23px!important;
    font-size:8px!important;
  }

  /* Visual gets its own dedicated vertical space, so nothing overlays teacher face. */
  .mras-ui-hero-visual{
    order:2!important;
    position:relative!important;
    width:100%!important;
    min-height:430px!important;
    height:430px!important;
    margin-top:8px!important;
    overflow:visible!important;
    z-index:7!important;
  }

  .mras-teacher-rev-stage{
    position:absolute!important;
    inset:0!important;
    overflow:visible!important;
    z-index:7!important;
  }

  .mras-teacher-rev-stage .mras-ui-teacher{
    height:410px!important;
    max-height:none!important;
    width:auto!important;
    left:50%!important;
    bottom:-6px!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }

  .mras-rev-slide{
    transform:translateX(-50%) translateX(-90px) scale(.985)!important;
  }

  .mras-rev-slide.is-active{
    transform:translateX(-50%) translateX(0) scale(1)!important;
  }

  .mras-rev-slide.is-leaving{
    transform:translateX(-50%) translateX(70px) scale(.985)!important;
  }

  /* Keep decorative notes readable without sitting on the face. */
  .mras-hand-left{
    left:8px!important;
    top:70px!important;
    font-size:20px!important;
    line-height:1.02!important;
    opacity:.8!important;
  }

  .mras-hand-right{
    left:auto!important;
    right:6px!important;
    bottom:58px!important;
    font-size:19px!important;
    opacity:.78!important;
  }

  .mras-teacher-card{
    right:4px!important;
    top:auto!important;
    bottom:38px!important;
    width:132px!important;
    padding:9px 10px!important;
    border-radius:8px!important;
    transform:rotate(-2deg)!important;
  }

  .mras-teacher-card:before{
    display:none!important;
  }

  .mras-teacher-card strong{
    font-size:12px!important;
  }

  .mras-teacher-card small{
    font-size:7px!important;
    margin-top:3px!important;
  }

  /* Proof cards now live BELOW the image, never over the teacher. */
  .mras-ui-proof-row{
    order:3!important;
    width:100%!important;
    max-width:none!important;
    margin:8px 0 24px!important;
    padding:0 2px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    position:relative!important;
    z-index:14!important;
  }

  .mras-ui-proof-row>div{
    min-height:76px!important;
    padding:10px 5px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
    text-align:center!important;
  }

  .mras-proof-icon{
    font-size:22px!important;
    line-height:1!important;
  }

  .mras-ui-proof-row p{
    text-align:center!important;
  }

  .mras-ui-proof-row b{
    font-size:9.5px!important;
    line-height:1.25!important;
  }

  .mras-ui-proof-row small{
    font-size:8px!important;
    line-height:1.25!important;
    margin-top:2px!important;
  }

  /* Full-width waves stay behind all content and lower on mobile. */
  .mras-hero-wide-fx{
    z-index:1!important;
  }

  .mras-hero-wide-wave-one{
    bottom:-60px!important;
    height:120px!important;
  }

  .mras-hero-wide-wave-two{
    bottom:-82px!important;
    height:106px!important;
  }

  .mras-hero-wide-wave-three{
    bottom:-96px!important;
    height:92px!important;
  }

  .mras-hero-wide-light-one{
    width:210px!important;
    height:210px!important;
    right:-95px!important;
    top:190px!important;
    opacity:.2!important;
  }

  .mras-hero-wide-light-two{
    width:190px!important;
    height:190px!important;
    left:-90px!important;
    bottom:80px!important;
    opacity:.16!important;
  }

  .mras-ui-formulas{
    opacity:.45!important;
  }
}

@media(max-width:420px){
  .mras-ui-hero{
    padding-top:28px!important;
  }

  .mras-ui-headline span{
    font-size:30px!important;
  }

  .mras-ui-headline strong{
    font-size:39px!important;
  }

  .mras-ui-hero-actions{
    grid-template-columns:1fr!important;
  }

  .mras-ui-primary,
  .mras-ui-secondary{
    height:43px!important;
  }

  .mras-ui-hero-visual{
    height:390px!important;
    min-height:390px!important;
    margin-top:6px!important;
  }

  .mras-teacher-rev-stage .mras-ui-teacher{
    height:372px!important;
  }

  .mras-teacher-card{
    bottom:28px!important;
    width:118px!important;
  }

  .mras-hand-left{
    top:60px!important;
    font-size:18px!important;
  }

  .mras-hand-right{
    bottom:46px!important;
    font-size:17px!important;
  }

  .mras-ui-proof-row{
    gap:6px!important;
  }

  .mras-ui-proof-row>div{
    min-height:72px!important;
    padding:8px 4px!important;
  }

  .mras-ui-proof-row b{
    font-size:9px!important;
  }

  .mras-ui-proof-row small{
    font-size:7.5px!important;
  }
}


/* =========================================================
   v1.0.74 — mobile hero viewport fit + better third teacher image
   ========================================================= */
@media (max-width: 760px){
  .mras-ui-hero{
    height:calc(100svh - 78px)!important;
    min-height:calc(100svh - 78px)!important;
    padding:10px 0 0!important;
    overflow:hidden!important;
  }

  .mras-ui-hero-inner{
    min-height:100%!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:0!important;
    padding-inline:14px!important;
  }

  .mras-ui-hero-copy{
    width:100%!important;
    padding:0!important;
    margin:0!important;
    flex:0 0 auto!important;
  }

  .mras-ui-headline{
    margin:0!important;
  }

  .mras-ui-headline span{
    font-size:clamp(30px,8vw,36px)!important;
    line-height:1.02!important;
  }

  .mras-ui-headline strong{
    font-size:clamp(38px,10.4vw,50px)!important;
    line-height:1!important;
    margin-top:3px!important;
  }

  .mras-ui-subtitle{
    margin-top:8px!important;
    font-size:12px!important;
    line-height:1.55!important;
    max-width:320px!important;
  }

  .mras-ui-teacher-line{
    margin-top:3px!important;
    font-size:12px!important;
  }

  .mras-ui-hero-actions{
    margin-top:14px!important;
    gap:8px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }

  .mras-ui-primary,
  .mras-ui-secondary{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    border-radius:12px!important;
    font-size:11px!important;
    padding-inline:10px!important;
  }

  .mras-ui-play{
    width:22px!important;
    height:22px!important;
    font-size:8px!important;
  }

  .mras-ui-hero-visual{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    position:relative!important;
    margin-top:6px!important;
    overflow:hidden!important;
  }

  .mras-teacher-rev-stage{
    position:absolute!important;
    inset:0!important;
    overflow:hidden!important;
  }

  .mras-teacher-rev-stage .mras-ui-teacher{
    left:50%!important;
    bottom:0!important;
    height:min(40svh, 318px)!important;
    width:auto!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    max-width:none!important;
  }

  .mras-rev-slide{
    transform:translateX(-50%) translateX(-85px) scale(.985)!important;
  }

  .mras-rev-slide.is-active{
    transform:translateX(-50%) translateX(0) scale(1)!important;
  }

  .mras-rev-slide.is-leaving{
    transform:translateX(-50%) translateX(70px) scale(.985)!important;
  }

  .mras-hand-left{
    top:16px!important;
    left:6px!important;
    font-size:15px!important;
    line-height:1.02!important;
    opacity:.62!important;
  }

  .mras-hand-right{
    right:4px!important;
    bottom:76px!important;
    font-size:15px!important;
    line-height:1.08!important;
    opacity:.62!important;
  }

  .mras-teacher-card{
    right:0!important;
    bottom:14px!important;
    width:120px!important;
    padding:8px 9px!important;
    border-radius:10px!important;
    transform:rotate(-2deg)!important;
  }

  .mras-teacher-card strong{
    font-size:11px!important;
  }

  .mras-teacher-card small{
    font-size:7px!important;
    margin-top:2px!important;
    line-height:1.35!important;
  }

  .mras-ui-proof-row{
    flex:0 0 auto!important;
    width:100%!important;
    margin:6px 0 12px!important;
    padding:0 1px!important;
    gap:6px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
  }

  .mras-ui-proof-row>div{
    min-height:64px!important;
    padding:8px 4px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(255,255,255,.1)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
  }

  .mras-proof-icon{
    font-size:18px!important;
    line-height:1!important;
  }

  .mras-ui-proof-row p{
    margin:0!important;
    line-height:1.2!important;
  }

  .mras-ui-proof-row b{
    font-size:9px!important;
    line-height:1.25!important;
  }

  .mras-ui-proof-row small{
    font-size:7.5px!important;
    line-height:1.25!important;
    margin-top:2px!important;
  }

  .mras-hero-wide-light-one{
    width:180px!important;
    height:180px!important;
    right:-70px!important;
    top:160px!important;
    opacity:.18!important;
  }

  .mras-hero-wide-light-two{
    width:160px!important;
    height:160px!important;
    left:-72px!important;
    bottom:75px!important;
    opacity:.12!important;
  }

  .mras-hero-wide-wave-one{
    height:88px!important;
    bottom:-46px!important;
  }

  .mras-hero-wide-wave-two{
    height:76px!important;
    bottom:-60px!important;
  }

  .mras-hero-wide-wave-three{
    height:62px!important;
    bottom:-70px!important;
  }
}

@media (max-width: 760px) and (max-height: 760px){
  .mras-ui-hero{
    height:calc(100svh - 72px)!important;
    min-height:calc(100svh - 72px)!important;
  }

  .mras-ui-headline span{
    font-size:28px!important;
  }

  .mras-ui-headline strong{
    font-size:36px!important;
  }

  .mras-ui-subtitle,
  .mras-ui-teacher-line{
    font-size:11px!important;
  }

  .mras-ui-hero-actions{
    margin-top:11px!important;
  }

  .mras-ui-primary,
  .mras-ui-secondary{
    height:39px!important;
    font-size:10px!important;
  }

  .mras-teacher-rev-stage .mras-ui-teacher{
    height:min(36svh, 272px)!important;
  }

  .mras-hand-left,
  .mras-hand-right{
    font-size:13px!important;
  }

  .mras-teacher-card{
    width:110px!important;
    bottom:8px!important;
  }

  .mras-ui-proof-row>div{
    min-height:58px!important;
    padding:7px 4px!important;
  }

  .mras-proof-icon{
    font-size:16px!important;
  }

  .mras-ui-proof-row b{
    font-size:8.5px!important;
  }

  .mras-ui-proof-row small{
    font-size:7px!important;
  }
}

@media (max-width: 420px){
  .mras-ui-headline span{font-size:28px!important}
  .mras-ui-headline strong{font-size:35px!important}
  .mras-ui-hero-actions{grid-template-columns:1fr!important}
  .mras-ui-proof-row{gap:5px!important}
  .mras-ui-proof-row b{font-size:8.5px!important}
  .mras-ui-proof-row small{font-size:7px!important}
}


/* =========================================================
   v1.0.75 — taller desktop hero + luminous reactive waves
   ========================================================= */
@media(min-width:761px){
  .mras-ui-hero{
    min-height:620px!important;
    height:620px!important;
    --mras-wave-1:rgba(40,87,76,.28);
    --mras-wave-2:rgba(40,87,76,.19);
    --mras-wave-3:rgba(141,184,157,.11);
    --mras-wave-line:rgba(141,184,157,.42);
    --mras-glow-a:rgba(40,87,76,.28);
    --mras-glow-b:rgba(40,87,76,.18);
    transition:background 1.1s ease, box-shadow 1.1s ease;
  }

  .mras-ui-hero.theme-blue{
    --mras-wave-1:rgba(40,87,76,.30);
    --mras-wave-2:rgba(40,87,76,.20);
    --mras-wave-3:rgba(141,184,157,.12);
    --mras-wave-line:rgba(141,184,157,.48);
    --mras-glow-a:rgba(40,87,76,.30);
    --mras-glow-b:rgba(40,87,76,.18);
  }

  .mras-ui-hero.theme-cyan{
    --mras-wave-1:rgba(40,87,76,.28);
    --mras-wave-2:rgba(40,87,76,.18);
    --mras-wave-3:rgba(40,87,76,.11);
    --mras-wave-line:rgba(141,184,157,.45);
    --mras-glow-a:rgba(40,87,76,.25);
    --mras-glow-b:rgba(40,87,76,.17);
  }

  .mras-ui-hero.theme-violet{
    --mras-wave-1:rgba(79,132,111,.27);
    --mras-wave-2:rgba(40,87,76,.18);
    --mras-wave-3:rgba(141,184,157,.10);
    --mras-wave-line:rgba(191,215,199,.42);
    --mras-glow-a:rgba(141,184,157,.24);
    --mras-glow-b:rgba(40,87,76,.17);
  }

  .mras-ui-hero-inner{
    min-height:620px!important;
    height:620px!important;
  }

  .mras-ui-hero-copy{
    padding-top:28px!important;
    padding-bottom:72px!important;
    z-index:12!important;
  }

  .mras-ui-hero-visual{
    min-height:620px!important;
    height:620px!important;
  }

  .mras-teacher-rev-stage .mras-ui-teacher{
    height:570px!important;
    bottom:-18px!important;
  }

  /* Keep the waves below the copy instead of intersecting with text/buttons. */
  .mras-hero-wide-fx{
    z-index:2!important;
  }

  .mras-hero-wide-wave{
    left:-7%!important;
    width:114%!important;
    border-radius:50% 50% 0 0 / 92% 92% 0 0!important;
    border-top:1px solid var(--mras-wave-line)!important;
    filter:
      drop-shadow(0 -8px 22px color-mix(in srgb, var(--mras-wave-line) 42%, transparent))
      drop-shadow(0 -1px 8px color-mix(in srgb, var(--mras-wave-line) 48%, transparent))!important;
    transition:background .9s ease,border-color .9s ease,filter .9s ease!important;
  }

  .mras-hero-wide-wave-one{
    bottom:-122px!important;
    height:185px!important;
    background:
      linear-gradient(180deg,color-mix(in srgb,var(--mras-wave-line) 12%,transparent),transparent 18%),
      var(--mras-wave-1)!important;
  }

  .mras-hero-wide-wave-two{
    bottom:-149px!important;
    height:160px!important;
    background:
      linear-gradient(180deg,color-mix(in srgb,var(--mras-wave-line) 9%,transparent),transparent 22%),
      var(--mras-wave-2)!important;
  }

  .mras-hero-wide-wave-three{
    bottom:-172px!important;
    height:140px!important;
    background:var(--mras-wave-3)!important;
  }

  /* Soft illumination that changes with the current teacher slide. */
  .mras-hero-wide-light{
    filter:blur(54px)!important;
    transition:background .9s ease,opacity .9s ease!important;
  }

  .mras-hero-wide-light-one{
    width:500px!important;
    height:500px!important;
    right:-90px!important;
    top:30px!important;
    background:var(--mras-glow-a)!important;
    opacity:.34!important;
  }

  .mras-hero-wide-light-two{
    width:430px!important;
    height:430px!important;
    left:-95px!important;
    bottom:30px!important;
    background:var(--mras-glow-b)!important;
    opacity:.25!important;
  }

  .mras-hero-wide-fx:after{
    content:"";
    position:absolute;
    left:4%;
    right:4%;
    bottom:32px;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--mras-wave-line),transparent);
    opacity:.34;
    box-shadow:0 0 18px var(--mras-wave-line);
    animation:mrasHeroGlowLine 4.8s ease-in-out infinite;
  }

  @keyframes mrasHeroGlowLine{
    0%,100%{opacity:.20;transform:scaleX(.84)}
    50%{opacity:.48;transform:scaleX(1)}
  }
}


/* =========================================================
   v1.0.79 — visible Excel report section inside frontend admin dashboard
   ========================================================= */
.mras-excel-dashboard-section{
  scroll-margin-top:90px;
}

.mras-excel-dashboard-card{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.9fr) auto;
  gap:22px;
  align-items:center;
  padding:22px!important;
}

.mras-excel-dashboard-copy{
  display:flex;
  align-items:center;
  gap:14px;
}

.mras-excel-icon{
  width:54px;
  height:54px;
  min-width:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  background:#EDF5EF;
  color:#28574C;
  border:1px solid #DFEEE3;
  font-size:12px;
  font-weight:950;
  letter-spacing:.4px;
}

.mras-excel-dashboard-copy h3{
  margin:0 0 6px;
  font-size:17px;
}

.mras-excel-dashboard-copy p{
  margin:0;
  color:#4F846F;
  font-size:11px;
  line-height:1.8;
  max-width:620px;
}

.mras-excel-grade-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(74px,1fr));
  gap:8px;
}

.mras-excel-grade-summary>div{
  min-height:70px;
  border-radius:13px;
  background:#F5F9F6;
  border:1px solid #EDF5EF;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:8px;
}

.mras-excel-grade-summary b{
  display:block;
  font-size:19px;
  color:#28574C;
  line-height:1;
}

.mras-excel-grade-summary span{
  margin-top:6px;
  font-size:9px;
  color:#4F846F;
  font-weight:800;
}

.mras-excel-download-main{
  min-width:165px;
  min-height:44px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-decoration:none!important;
  white-space:nowrap;
}

.mras-excel-download-main span{
  font-size:17px;
}

@media(max-width:1050px){
  .mras-excel-dashboard-card{
    grid-template-columns:1fr;
  }

  .mras-excel-download-main{
    width:100%;
  }
}

@media(max-width:640px){
  .mras-excel-dashboard-card{
    padding:15px!important;
    gap:15px;
  }

  .mras-excel-dashboard-copy{
    align-items:flex-start;
  }

  .mras-excel-icon{
    width:46px;
    height:46px;
    min-width:46px;
    border-radius:12px;
  }

  .mras-excel-grade-summary{
    grid-template-columns:repeat(2,1fr);
  }
}


/* =========================================================
   v1.0.80 — searchable paginated course editor list
   ========================================================= */
.mras-course-list-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:14px 0 12px;
}

.mras-course-search-wrap{
  position:relative;
  flex:1 1 360px;
  max-width:520px;
}

.mras-course-search-wrap>span{
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  color:#8DB89D;
  font-size:18px;
  pointer-events:none;
}

.mras-course-search{
  width:100%;
  min-height:43px;
  padding:0 42px 0 13px!important;
  border:1px solid #DFEEE3!important;
  border-radius:12px!important;
  background:#fff!important;
}

.mras-course-search:focus{
  border-color:#BFD7C7!important;
  box-shadow:0 0 0 3px rgba(40,87,76,.08)!important;
  outline:none!important;
}

.mras-course-list-meta{
  flex:0 0 auto;
}

.mras-course-list-meta span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 11px;
  border-radius:10px;
  background:#EDF5EF;
  border:1px solid #EDF5EF;
  color:#4F846F;
  font-size:10px;
  font-weight:800;
}

.mras-course-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:18px 0 2px;
}

.mras-course-pagination[hidden]{
  display:none!important;
}

.mras-course-page-numbers{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}

.mras-course-page-number,
.mras-course-page-nav{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #DFEEE3;
  border-radius:9px;
  background:#fff;
  color:#28574C;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}

.mras-course-page-number:hover,
.mras-course-page-nav:hover{
  border-color:#BFD7C7;
  background:#F5F9F6;
  color:#28574C;
}

.mras-course-page-number.is-active{
  border-color:#28574C;
  background:#28574C;
  color:#fff;
  box-shadow:0 6px 15px rgba(40,87,76,.20);
}

.mras-course-page-nav:disabled{
  opacity:.38;
  cursor:not-allowed;
}

@media(max-width:640px){
  .mras-course-list-tools{
    align-items:stretch;
    flex-direction:column;
  }

  .mras-course-search-wrap{
    max-width:none;
    width:100%;
  }

  .mras-course-list-meta{
    align-self:flex-start;
  }

  .mras-course-page-number,
  .mras-course-page-nav{
    width:32px;
    height:32px;
  }
}


/* =========================================================
   v1.0.81 — hard pagination for courses + WhatsApp
   ========================================================= */
[data-course-row][style*="display: none"],
[data-wa-row][style*="display: none"]{
  display:none!important;
}

.mras-wa-pagination{
  margin:15px 0 4px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
}

.mras-wa-pagination[hidden]{
  display:none!important;
}

.mras-wa-page-numbers{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}

.mras-wa-page-number,
.mras-wa-page-nav{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #DFEEE3;
  border-radius:9px;
  background:#fff;
  color:#28574C;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}

.mras-wa-page-number.is-active{
  background:#28574C;
  border-color:#28574C;
  color:#fff;
  box-shadow:0 6px 15px rgba(40,87,76,.18);
}

.mras-wa-page-nav:disabled{
  opacity:.38;
  cursor:not-allowed;
}

.mras-wa-results{
  margin-inline-start:5px;
  min-height:30px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  border-radius:9px;
  background:#EDF5EF;
  border:1px solid #EDF5EF;
  color:#4F846F;
  font-size:9px;
  font-weight:800;
}

@media(max-width:640px){
  .mras-wa-page-number,
  .mras-wa-page-nav{
    width:32px;
    height:32px;
  }
}


/* v1.0.82 — force visible pagination under course list */
.mras-course-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:18px 0 4px;
  padding-top:8px;
}

.mras-course-page-numbers{
  display:flex;
  gap:6px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
}

.mras-course-page-number,
.mras-course-page-nav{
  appearance:none;
  width:36px;
  height:36px;
  border:1px solid #DFEEE3;
  border-radius:10px;
  background:#fff;
  color:#173C35;
  font-weight:800;
  cursor:pointer;
}

.mras-course-page-number.is-active{
  background:#28574C;
  border-color:#28574C;
  color:#fff;
}

.mras-course-page-nav:disabled{
  opacity:.35;
  cursor:not-allowed;
}


/* =========================================================
   v1.0.83 — real server-side course pagination
   ========================================================= */
.mras-course-server-search{
  margin:14px 0 12px;
}

.mras-course-server-search .mras-course-list-tools{
  margin:0;
}

.mras-course-search-submit{
  min-width:76px;
}

.mras-course-pagination-server{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin:20px 0 4px;
  padding:12px 0 2px;
}

.mras-course-pagination-server .mras-course-page-number,
.mras-course-pagination-server .mras-course-page-nav{
  text-decoration:none!important;
}

.mras-course-pagination-server .mras-course-page-nav.is-disabled{
  pointer-events:none;
  opacity:.35;
}

.mras-course-page-status{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:9px;
  background:#EDF5EF;
  border:1px solid #EDF5EF;
  color:#4F846F;
  font-size:10px;
  font-weight:800;
}

@media(max-width:640px){
  .mras-course-server-search .mras-course-list-tools{
    flex-direction:column;
  }

  .mras-course-search-submit,
  .mras-course-server-search .mras-admin-secondary{
    width:100%;
    justify-content:center;
  }
}


/* =========================================================
   v1.0.84 — fixed course pagination rendering
   ========================================================= */
.mras-course-page-range{
  margin:14px 0 2px;
  text-align:center;
  color:#4F846F;
  font-size:10px;
  font-weight:800;
}

.mras-course-pagination-server{
  position:relative;
  z-index:2;
}

.mras-course-pagination-server a{
  pointer-events:auto;
}


/* =========================================================
   v1.0.85 — instant course pagination without page reload
   ========================================================= */
.mras-course-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin:18px 0 4px;
  padding-top:8px;
}

.mras-course-page-numbers{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex-wrap:wrap;
}

.mras-course-page-number,
.mras-course-page-nav{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #DFEEE3;
  border-radius:10px;
  background:#fff;
  color:#173C35;
  font-weight:800;
  cursor:pointer;
}

.mras-course-page-number.is-active{
  background:#28574C;
  border-color:#28574C;
  color:#fff;
}

.mras-course-page-nav:disabled{
  opacity:.35;
  cursor:not-allowed;
}

.mras-course-page-status{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:9px;
  background:#EDF5EF;
  border:1px solid #EDF5EF;
  color:#4F846F;
  font-size:10px;
  font-weight:800;
}

@media(max-width:640px){
  .mras-course-page-number,
  .mras-course-page-nav{
    width:32px;
    height:32px;
  }
  .mras-course-page-status{
    width:100%;
    justify-content:center;
  }
}


/* =========================================================
   v1.0.86 — pagination visibility / DOM fix
   ========================================================= */
#courses .mras-course-pagination{
  display:flex;
  visibility:visible;
  opacity:1;
}

#courses .mras-course-page-numbers{
  display:flex!important;
  min-width:36px;
  min-height:36px;
  align-items:center;
  justify-content:center;
  gap:6px;
}

#courses .mras-course-page-number{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}


/* =========================================================
   v1.0.87 — new academic/category structure
   ========================================================= */
.mras-home-subject-branch{
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid rgba(40,87,76,.10);
}

.mras-home-subject-branch h4{
  margin:0 0 10px;
  font-size:13px;
  font-weight:900;
  color:#173C35;
}

.mras-grade-branch{
  margin-top:18px;
}

.mras-grade-branch-head{
  margin-bottom:14px;
  padding:16px 18px;
  border:1px solid #EDF5EF;
  border-radius:16px;
  background:#F5F9F6;
}

.mras-grade-branch-head span{
  display:block;
  margin-bottom:4px;
  color:#28574C;
  font-size:10px;
  font-weight:900;
}

.mras-grade-branch-head h2{
  margin:0;
  font-size:20px;
}


/* =========================================================
   v1.0.89 — compact mobile admin tabs + searchable activation
   ========================================================= */
.mras-activate-student-picker{
  display:grid;
  gap:7px;
}

.mras-activate-student-search-wrap{
  position:relative;
}

.mras-activate-student-search-wrap>span{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  color:#8DB89D;
  font-size:17px;
  pointer-events:none;
}

.mras-admin-card .mras-activate-student-search{
  padding-right:38px!important;
}

.mras-activate-student-result{
  color:#4F846F;
  font-size:10px;
  font-weight:800;
  margin-top:-1px;
}

@media(max-width:800px){
  .mras-admin-nav{
    display:flex;
    flex-wrap:nowrap;
    gap:5px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:5px;
    margin-bottom:14px;
    border-radius:12px;
    top:4px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .mras-admin-nav::-webkit-scrollbar{
    display:none;
  }

  .mras-admin-nav a{
    flex:0 0 auto;
    white-space:nowrap;
    padding:7px 9px;
    border-radius:8px;
    font-size:10px;
    line-height:1.25;
    min-height:0;
  }

  .mras-admin-section{
    scroll-margin-top:68px;
  }
}

@media(max-width:520px){
  .mras-admin-nav{
    gap:4px;
    padding:4px;
  }

  .mras-admin-nav a{
    padding:6px 8px;
    font-size:9.5px;
  }
}


/* =========================================================
   v1.0.90 — all admin tabs visible on mobile, no horizontal scroll
   ========================================================= */
@media(max-width:800px){
  .mras-admin-nav{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:visible!important;
    padding:5px!important;
    margin-bottom:14px!important;
    border-radius:12px!important;
    top:4px;
  }

  .mras-admin-nav a{
    min-width:0!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    padding:7px 5px!important;
    border-radius:8px!important;
    font-size:9.5px!important;
    line-height:1.25!important;
    min-height:38px!important;
  }
}

@media(max-width:520px){
  .mras-admin-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px!important;
    padding:4px!important;
  }

  .mras-admin-nav a{
    padding:6px 4px!important;
    font-size:9px!important;
    min-height:36px!important;
  }
}


/* =========================================================
   v1.0.102 — social rail + support column, clean rebuild from v1.0.90
   ========================================================= */
.mras-social-rail{
  position:fixed;
  left:10px;
  top:46%;
  transform:translateY(-50%);
  z-index:998;
  width:44px;
  padding:8px 6px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  border-radius:0 14px 14px 0;
  background:linear-gradient(180deg,#092324,#092324);
  box-shadow:0 12px 28px rgba(0,0,0,.20);
  overflow:hidden;
}

.mras-social-rail:before{
  content:"";
  position:absolute;
  left:0;
  inset-block:0;
  width:4px;
  background:linear-gradient(180deg,#28574C,#28574C,#28574C);
}

.mras-social-link{
  position:relative;
  z-index:2;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.035);
  transition:.18s ease;
}

.mras-social-link svg{
  width:14px;
  height:14px;
  fill:currentColor;
}

.mras-social-link.is-facebook{color:#8DB89D}
.mras-social-link.is-youtube{color:#FF3B3B}
.mras-social-link.is-whatsapp{color:#28574C}

.mras-social-link:hover{
  transform:translateX(2px) scale(1.06);
  background:rgba(255,255,255,.09);
}

.mras-footer-support-column a{
  direction:ltr;
  font-weight:800;
}

.mras-footer-support-column a:before{
  content:"●";
  color:#28574C;
  margin-right:6px;
  font-size:7px;
}

@media(max-width:760px){
  .mras-social-rail{
    left:5px;
    top:auto;
    bottom:84px;
    transform:none;
    width:38px;
    padding:6px 4px;
    gap:5px;
  }

  .mras-social-link{
    width:27px;
    height:27px;
  }
}


/* =========================================================
   v1.0.103 — themed Tutor login popup
   ========================================================= */
.mras-tutor-login-modal,
.tutor-modal.mras-tutor-login-modal,
.tutor-modal-window.mras-tutor-login-modal{
  direction:rtl!important;
  font-family:inherit!important;
}

.mras-tutor-login-modal .tutor-modal-window,
.mras-tutor-login-modal.tutor-modal-window,
.mras-tutor-login-modal .tutor-modal-content,
.mras-tutor-login-modal .mras-tutor-login-content{
  border-radius:24px!important;
  border:1px solid var(--aez-border)!important;
  background:#fff!important;
  box-shadow:0 26px 70px rgba(15,46,41,.24)!important;
  overflow:hidden!important;
}

.mras-tutor-login-modal .tutor-modal-body,
.mras-tutor-login-modal .tutor-login-wrap,
.mras-tutor-login-content{
  padding:0 26px 28px!important;
  background:#fff!important;
}

.mras-tutor-login-brand{
  margin:0 -26px 24px;
  padding:22px 24px;
  display:flex;
  align-items:center;
  gap:13px;
  background:
    radial-gradient(circle at 14% 20%,rgba(141,184,157,.16),transparent 24%),
    linear-gradient(135deg,#0F2E29,#173C35);
  color:#fff;
}

.mras-tutor-login-brand img{
  width:48px;
  height:48px;
  object-fit:contain;
  flex:0 0 48px;
}

.mras-tutor-login-brand span,
.mras-tutor-login-brand strong,
.mras-tutor-login-brand small{
  display:block;
}

.mras-tutor-login-brand span{
  color:#BFD7C7;
  font-size:9px;
  font-weight:900;
}

.mras-tutor-login-brand strong{
  margin:2px 0 3px;
  font-size:18px;
  line-height:1.25;
}

.mras-tutor-login-brand small{
  color:#DFEEE3;
  font-size:9px;
  line-height:1.55;
}

.mras-tutor-login-modal h1,
.mras-tutor-login-modal h2,
.mras-tutor-login-modal h3,
.mras-tutor-login-modal h4{
  color:#0F2E29!important;
  text-align:right!important;
}

.mras-tutor-login-modal label,
.mras-tutor-login-modal p,
.mras-tutor-login-modal span{
  color:#28574C;
}

.mras-tutor-login-modal input[type="text"],
.mras-tutor-login-modal input[type="email"],
.mras-tutor-login-modal input[type="password"],
.mras-tutor-login-modal input[type="tel"],
.mras-tutor-login-modal .tutor-form-control{
  min-height:46px!important;
  width:100%!important;
  border:1px solid #DFEEE3!important;
  border-radius:12px!important;
  background:#F5F9F6!important;
  color:#0F2E29!important;
  padding:0 13px!important;
  text-align:right!important;
  box-shadow:none!important;
}

.mras-tutor-login-modal input:focus,
.mras-tutor-login-modal .tutor-form-control:focus{
  border-color:#28574C!important;
  box-shadow:0 0 0 3px rgba(40,87,76,.10)!important;
}

.mras-tutor-login-modal button[type="submit"],
.mras-tutor-login-modal .tutor-btn-primary,
.mras-tutor-login-modal .tutor-button,
.mras-tutor-login-modal input[type="submit"]{
  min-height:46px!important;
  width:100%!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#28574C,#28574C)!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 10px 22px rgba(40,87,76,.18)!important;
}

.mras-tutor-login-modal a{
  color:#28574C!important;
  font-weight:800;
}

.mras-tutor-login-modal .tutor-modal-close,
.mras-tutor-login-modal [data-tutor-modal-close],
.mras-tutor-login-modal .tutor-icon-times{
  color:#4F846F!important;
}


@media(max-width:560px){
  body .tutor-modal .tutor-modal-window,
  body .tutor-modal .tutor-modal-content,
  body .tutor-login-wrap,
  body .tutor-login-form-wrapper{
    width:calc(100vw - 20px)!important;
    border-radius:20px!important;
  }

  body .mras-tutor-login-modal .tutor-modal-body,
  body .mras-tutor-login-modal .tutor-login-wrap,
  body .mras-tutor-login-content{
    padding:0 18px 20px!important;
  }

  body .mras-tutor-login-brand{
    margin:0 -18px 18px!important;
    padding:18px!important;
  }

  body .mras-tutor-login-brand strong{
    font-size:17px!important;
  }
}


/* =========================================================
   v1.0.105 — enrolled "ابدأ الحصة" button visibility
   ========================================================= */
.aez-course-page .aez-entry-card .mras-course-primary-action,
.aez-course-page .aez-entry-card a.tutor-btn,
.aez-course-page .aez-entry-card button.tutor-btn{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-height:46px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#28574C,#28574C)!important;
  border:0!important;
  color:#fff!important;
  font-weight:900!important;
  text-decoration:none!important;
}

/* Do not let a generic enrolled action wrapper become invisible. */
.aez-course-page .aez-entry-card .tutor-d-flex{
  visibility:visible!important;
  opacity:1!important;
}



/* =========================================================
   v1.0.106 — platform-styled password recovery
   ========================================================= */
.mras-reset-page{
  padding:42px 0 52px;
}

.mras-reset-brand{
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(circle at 17% 18%,rgba(141,184,157,.14),transparent 25%),
    linear-gradient(135deg,#0F2E29,#173C35)!important;
  color:#fff;
}

.mras-reset-brand .aez-kicker{
  color:#BFD7C7!important;
}

.mras-reset-brand .aez-section-title{
  color:#fff!important;
}

.mras-reset-brand>p{
  color:#DFEEE3!important;
  max-width:520px;
}

.mras-reset-brand img{
  display:block;
  width:min(390px,78%);
  max-height:470px;
  object-fit:contain;
  object-position:center bottom;
  margin:18px auto -10px;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.18));
}

.mras-reset-card-kicker{
  display:inline-flex;
  margin-bottom:5px;
  color:#28574C;
  font-size:10px;
  font-weight:900;
}

.mras-reset-card h1{
  margin-bottom:6px!important;
}

.mras-reset-intro{
  margin:0 0 20px;
  color:var(--aez-muted);
  line-height:1.7;
  font-size:11px;
}

.mras-reset-form{
  display:grid;
  gap:13px;
}

.mras-reset-form .aez-field{
  margin:0!important;
}

.mras-reset-form input{
  min-height:46px;
  border-radius:11px!important;
}

.mras-reset-submit,
.mras-reset-login-btn{
  width:100%;
  min-height:47px;
  margin-top:3px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  border-radius:12px!important;
  background:linear-gradient(135deg,#28574C,#28574C)!important;
  color:#fff!important;
}

.mras-reset-back{
  margin:2px 0 0;
  text-align:center;
  color:var(--aez-muted);
  font-size:10px;
}

.mras-reset-back a{
  color:#28574C;
  font-weight:900;
}

.mras-reset-success{
  border:1px solid #BFD7C7!important;
  background:#EDF5EF!important;
  color:#173C35!important;
}


@media(max-width:760px){
  .mras-reset-page{
    padding:16px 0 34px;
  }

  .mras-reset-brand img{
    width:min(300px,84%);
    max-height:330px;
    margin-bottom:-6px;
  }
}


/* =========================================================
   v1.0.107 — single light theme only
   ========================================================= */
html,
body{
  color-scheme:light!important;
}

/* Auth popup and password reset are intentionally light-only. */
body .tutor-modal .tutor-modal-window,
body .tutor-modal .tutor-modal-content,
body .tutor-login-wrap,
body .tutor-login-form-wrapper,
body .tutor-modal .tutor-modal-body,
.mras-reset-card{
  background:#fff!important;
  color:#0F2E29!important;
}

body .mras-tutor-login-modal input[type="text"],
body .mras-tutor-login-modal input[type="email"],
body .mras-tutor-login-modal input[type="tel"],
body .mras-tutor-login-modal input[type="password"],
body .mras-tutor-login-modal .tutor-form-control,
.mras-reset-form input{
  background:#F5F9F6!important;
  color:#0F2E29!important;
  border-color:#DFEEE3!important;
}

.mras-reset-card h1{
  color:#0F2E29!important;
}



/* v1.0.109 — access code search + pagination */
.mras-code-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.mras-code-list-head h3{margin-bottom:4px}
.mras-code-search-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:min(100%,420px)}
.mras-code-search-form input[type="search"]{flex:1;min-width:190px;margin:0!important}
.mras-code-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:18px}
.mras-code-pagination a,.mras-code-pagination span{min-width:38px;height:38px;padding:0 10px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;border:1px solid rgba(40,87,76,.15);background:#fff;color:#28574C}
.mras-code-pagination a.current{background:#28574C;color:#fff;border-color:#28574C;pointer-events:none}
@media(max-width:720px){.mras-code-search-form{width:100%;min-width:0}.mras-code-search-form input[type="search"]{width:100%;flex-basis:100%}.mras-code-pagination{gap:5px}.mras-code-pagination a,.mras-code-pagination span{min-width:34px;height:34px;padding:0 8px}}


/* v1.0.110 — access-code price groups */
.mras-code-price-groups{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 16px}
.mras-code-price-chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid rgba(40,87,76,.16);border-radius:12px;background:#F5F9F6;color:#28574C;text-decoration:none;font-weight:800;transition:.2s ease}
.mras-code-price-chip b{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#EDF5EF;font-size:12px}
.mras-code-price-chip:hover,.mras-code-price-chip.current{background:#28574C;color:#fff;border-color:#28574C;transform:translateY(-1px)}
.mras-code-price-chip.current b,.mras-code-price-chip:hover b{background:rgba(255,255,255,.18);color:#fff}
@media(max-width:720px){.mras-code-price-groups{gap:7px}.mras-code-price-chip{padding:7px 10px;min-height:38px;font-size:13px}}


/* =========================================================
   v1.0.111 — desktop logout action in site header
   ========================================================= */
.mras-desktop-logout{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  color:#DC2626!important;
  background:#fff!important;
  border:1px solid #FECACA!important;
  box-shadow:none!important;
}
.mras-desktop-logout:hover{
  color:#B91C1C!important;
  background:#FFF5F5!important;
  border-color:#FCA5A5!important;
  transform:translateY(-1px);
}
@media(max-width:980px){
  #aez-site-header .mras-desktop-logout{display:none!important;}
}

/* v1.0.113 — frontend admin tabs across the top, aligned right */
@media (min-width:901px){
  .mras-platform-admin .mras-admin-wrap{
    display:block;
  }
  .mras-platform-admin .mras-admin-notice{
    width:100%;
  }
  .mras-platform-admin .mras-admin-nav{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    direction:rtl;
    position:sticky;
    top:12px;
    z-index:20;
    width:100%;
    box-sizing:border-box;
    margin:0 0 24px;
    padding:12px;
    background:rgba(255,255,255,.96);
    border:1px solid #EDF5EF;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(9,35,36,.06);
    backdrop-filter:blur(8px);
  }
  .mras-platform-admin .mras-admin-nav-title{
    display:flex;
    align-items:center;
    gap:7px;
    margin:0 0 0 6px;
    padding:0 0 0 12px;
    border:0;
    border-left:1px solid #EDF5EF;
    white-space:nowrap;
  }
  .mras-platform-admin .mras-admin-nav-title span,
  .mras-platform-admin .mras-admin-nav-title strong{display:inline}
  .mras-platform-admin .mras-admin-nav-title span{font-size:10px;color:#4F846F;font-weight:800}
  .mras-platform-admin .mras-admin-nav-title strong{font-size:15px;color:#0F2E29;margin:0}
  .mras-platform-admin .mras-admin-nav a{
    width:auto;
    box-sizing:border-box;
    padding:10px 13px;
    border-radius:11px;
    background:transparent;
    border:1px solid transparent;
    color:#28574C;
    text-align:center;
    white-space:nowrap;
    transition:.18s ease;
  }
  .mras-platform-admin .mras-admin-nav a:hover{
    background:#F5F9F6;
    color:#28574C;
  }
  .mras-platform-admin .mras-admin-nav a.is-active{
    background:#EDF5EF;
    border-color:#DFEEE3;
    color:#28574C;
    box-shadow:inset 0 -3px 0 #28574C;
  }
  .mras-platform-admin .mras-admin-section{
    width:100%;
    margin:0 0 34px;
    min-width:0;
  }
  .mras-platform-admin .mras-admin-section[hidden]{display:none!important}
  .mras-admin-mobile-tabs-toggle{display:none!important}
}

@media (max-width:900px){
  .mras-admin-mobile-tabs-toggle{display:none!important}
  .mras-platform-admin .mras-admin-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    position:static;
    margin:0 0 18px;
    padding:10px;
    background:#fff;
    border:1px solid #EDF5EF;
    border-radius:16px;
    box-shadow:none;
    backdrop-filter:none;
  }
  .mras-platform-admin .mras-admin-nav-title{grid-column:1/-1;padding:4px 4px 9px;border-bottom:1px solid #EDF5EF}
  .mras-platform-admin .mras-admin-nav-title span,.mras-platform-admin .mras-admin-nav-title strong{display:block}
  .mras-platform-admin .mras-admin-nav-title span{font-size:10px;color:#4F846F;font-weight:800}
  .mras-platform-admin .mras-admin-nav-title strong{font-size:15px;color:#0F2E29}
  .mras-platform-admin .mras-admin-nav a{margin:0;text-align:center;padding:10px 8px}
  .mras-platform-admin .mras-admin-nav a.is-active{background:#EDF5EF;border-color:#DFEEE3;color:#28574C}
  .mras-platform-admin .mras-admin-section[hidden]{display:none!important}
}

@media (max-width:520px){
  .mras-platform-admin .mras-admin-nav.is-open{grid-template-columns:1fr}
}

/* v1.0.114 — access-code bulk management */
.mras-code-bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px!important;padding:12px 14px;border:1px solid rgba(40,87,76,.12);border-radius:14px;background:#F5F9F6}
.mras-code-bulk-actions select{min-width:190px;min-height:42px;border:1px solid #DFEEE3;border-radius:10px;background:#fff;padding:0 12px;font:inherit;font-weight:700;color:#173C35}
.mras-code-select-col{width:46px;text-align:center!important}
.mras-code-select-col input{width:18px;height:18px;accent-color:#28574C;cursor:pointer}
.mras-code-status.disabled{background:#EDF5EF!important;color:#4F846F!important;border-color:#DFEEE3!important}
.mras-code-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mras-code-row-actions form{margin:0!important}
.mras-code-action-btn{min-height:34px;padding:6px 10px;border-radius:9px;border:1px solid #DFEEE3;background:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.mras-code-action-btn.toggle{color:#28574C;border-color:#BFD7C7;background:#F5F9F6}
.mras-code-action-btn.reset{color:#28574C;border-color:#DFEEE3;background:#F5F9F6}
.mras-code-action-btn.delete{color:#B42318;border-color:#F0B8B3;background:#FFF7F6}
.mras-code-action-btn:hover{filter:brightness(.98);transform:translateY(-1px)}
@media(max-width:720px){.mras-code-bulk-actions{align-items:stretch}.mras-code-bulk-actions select,.mras-code-bulk-actions .mras-admin-secondary{width:100%}.mras-code-row-actions{min-width:150px}}

/* =========================================================
   v1.0.115 — match desktop logout button dimensions to My Account
   ========================================================= */
#aez-site-header .mras-desktop-logout{
  min-width:126px!important;
  min-height:44px!important;
  padding:10px 17px!important;
  border-radius:18px!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.5!important;
  border-width:1px!important;
  border-style:solid!important;
}


/* v1.0.116 — code generation progress */
.mras-code-generator-progress{margin-top:18px;padding:16px;border:1px solid rgba(9,35,36,.12);border-radius:14px;background:rgba(245,249,246,.92)}
.mras-code-generator-progress[hidden]{display:none!important}
.mras-code-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.mras-code-progress-head strong{font-size:14px;color:#092324}
.mras-code-progress-count{font-weight:800;direction:ltr;color:#28574C}
.mras-code-progress-track{height:12px;border-radius:999px;background:#EDF5EF;overflow:hidden}
.mras-code-progress-bar{display:block;width:0;height:100%;border-radius:inherit;background:#28574C;transition:width .22s ease}
.mras-code-progress-meta{display:flex;justify-content:space-between;gap:12px;margin-top:9px;font-size:12px;color:#4F846F}
.mras-code-progress-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mras-code-progress-error{margin-top:10px;padding:10px 12px;border-radius:10px;background:#FFF1F2;color:#BE123C;font-size:13px;font-weight:700}
.mras-code-progress-success{margin-top:10px;padding:10px 12px;border-radius:10px;background:#EDF5EF;color:#173C35;font-size:13px;font-weight:700}
.mras-code-generator-form.is-generating input,.mras-code-generator-form.is-generating button[type=submit]{opacity:.65;pointer-events:none}


/* =========================================================
   v1.0.118 — MR. AHMED SALAH supplied forest/sage palette
   Reference tonal family:
   #092324 · #0F2E29 · #173C35 · #28574C · #8DB89D · #BFD7C7 · #DFEEE3
   ========================================================= */
:root{
  --mras-forest-950:#092324;
  --mras-forest-900:#0F2E29;
  --mras-forest-800:#173C35;
  --mras-forest-700:#28574C;
  --mras-sage-600:#4F846F;
  --mras-sage-500:#8DB89D;
  --mras-sage-300:#BFD7C7;
  --mras-sage-100:#DFEEE3;
  --mras-sage-050:#EDF5EF;
  --mras-canvas:#F5F9F6;
  --mras-muted:#60746A;
  --mras-border:#D7E4DB;
  --aez-orange:var(--mras-forest-700);
  --aez-orange-dark:var(--mras-forest-800);
  --aez-ink:var(--mras-forest-900);
  --aez-muted:var(--mras-muted);
  --aez-border:var(--mras-border);
  --aez-soft:var(--mras-sage-050);
  --aez-green:var(--mras-sage-600);
  --aez-blue:var(--mras-forest-700);
  --mras-orange:var(--mras-forest-700);
  --mras-cyan:var(--mras-sage-500);
  --aez-shadow:0 16px 45px rgba(9,35,36,.10);
}
html,body{background:var(--mras-canvas);color:var(--mras-forest-900)}
body .site-main,
body .aez-content,
body .mras-courses-hub,
body .mras-grade-hub-page,
body .aez-grade-page,
body .mras-platform-admin{color:var(--mras-forest-900)}
#aez-site-header.aez-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom-color:var(--mras-border)!important;
  box-shadow:0 8px 28px rgba(9,35,36,.06)!important;
}
#aez-site-header .aez-menu a:hover,
#aez-site-header .aez-menu .current-menu-item>a{color:var(--mras-forest-700)!important}
#aez-site-header .aez-menu a:after{background:var(--mras-sage-500)!important}
.aez-btn-primary,.tutor-btn-primary,.mras-admin-primary,
.mras-code-pagination a.current,
.mras-code-price-chip.current,
.mras-code-price-chip:hover{
  background:var(--mras-forest-700)!important;
  border-color:var(--mras-forest-700)!important;
  color:#fff!important;
}
.aez-btn-primary:hover,.tutor-btn-primary:hover,.mras-admin-primary:hover{
  background:var(--mras-forest-800)!important;
  border-color:var(--mras-forest-800)!important;
}
.aez-btn-outline,.mras-admin-secondary{
  background:#fff!important;
  border-color:var(--mras-sage-300)!important;
  color:var(--mras-forest-700)!important;
}
.aez-btn-outline:hover,.mras-admin-secondary:hover{
  background:var(--mras-sage-050)!important;
  border-color:var(--mras-sage-500)!important;
}
.aez-kicker,.aez-feature .icon,.aez-grade:before,
.mras-dashboard-kicker,.mras-code-kicker{
  background:var(--mras-sage-050)!important;
  border-color:var(--mras-sage-300)!important;
  color:var(--mras-forest-700)!important;
}
.aez-home-section,.aez-section,.aez-auth,.aez-page-hero,
.aez-grade-page-hero,.mras-dashboard-section,
.mras-admin-section,.aez-course-tabs-shell{
  border-color:var(--mras-border)!important;
}
.aez-about,.aez-page-hero,.aez-auth,.aez-grade-page-hero,
.mras-courses-hero,.mras-dashboard-hero{
  background:linear-gradient(180deg,#fff 0%,var(--mras-sage-050) 100%)!important;
}
.aez-feature,.aez-grade,.aez-course-card,.aez-auth-brand,.aez-auth-card,
.aez-content article,.mras-admin-card,.mras-generated-codes-card,
.mras-dashboard-grade-card,.mras-dashboard-latest,.aez-entry-card,
.aez-course-video-card,.aez-course-sidebar-sticky,.aez-course-more-card,
.aez-mission-card,.aez-search-panel,.mras-excel-dashboard-card{
  background:#fff!important;
  border-color:var(--mras-border)!important;
  box-shadow:0 12px 34px rgba(9,35,36,.06)!important;
}
.aez-feature:hover,.aez-grade:hover,.aez-course-card:hover,
.mras-dashboard-grade-card:hover{
  border-color:var(--mras-sage-500)!important;
  box-shadow:0 16px 38px rgba(9,35,36,.10)!important;
}
input:not([type=checkbox]):not([type=radio]),
select,textarea,
.aez-field input,.aez-field select,
.mras-admin-field input,.mras-admin-field select,.mras-admin-field textarea{
  background:#fff!important;
  border-color:var(--mras-border)!important;
  color:var(--mras-forest-900)!important;
}
input:focus,select:focus,textarea:focus,
.aez-field input:focus,.aez-field select:focus{
  border-color:var(--mras-sage-500)!important;
  box-shadow:0 0 0 3px rgba(141,184,157,.20)!important;
  outline:none!important;
}
input[type=checkbox],input[type=radio]{accent-color:var(--mras-forest-700)}
.aez-cta,.aez-final-cta{
  background:linear-gradient(135deg,var(--mras-forest-900),var(--mras-forest-700) 58%,var(--mras-sage-500))!important;
  color:#fff!important;
}
.aez-hero,.aez-home-hero{
  background:linear-gradient(180deg,#fff 0%,var(--mras-sage-050) 100%)!important;
}
.aez-blob,.aez-hero-orb,.aez-about-circle,.aez-register-glow{
  background:linear-gradient(145deg,var(--mras-sage-100),var(--mras-sage-500),var(--mras-forest-700))!important;
}
.aez-quote,.aez-hero-quote{
  background:rgba(255,255,255,.96)!important;
  border-color:var(--mras-sage-300)!important;
}
.aez-quote:before,.aez-hero-quote i,
.aez-hero-copy h1 span,.aez-mini b{
  color:var(--mras-forest-700)!important;
}
.mras-rs-hero{
  --rs-blue:var(--mras-sage-500);
  --rs-cyan:var(--mras-sage-300);
  --rs-sky:var(--mras-sage-100);
  --rs-navy:var(--mras-forest-950);
  --rs-navy-2:var(--mras-forest-900);
  background:var(--mras-forest-950)!important;
  border-bottom-color:rgba(141,184,157,.22)!important;
}
.mras-rs-bg{
  background:
    linear-gradient(90deg,rgba(9,35,36,.18) 0%,rgba(15,46,41,.34) 38%,rgba(15,46,41,.76) 68%,rgba(9,35,36,.96) 100%),
    url('assets/images/hero-blue-library-v1.webp') center/cover no-repeat!important;
  filter:grayscale(.28) sepia(.15) hue-rotate(78deg) saturate(.72) contrast(1.05)!important;
}
.mras-rs-grid{
  background-image:
    linear-gradient(rgba(141,184,157,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(141,184,157,.12) 1px,transparent 1px)!important;
}
.mras-rs-light-a{background:rgba(141,184,157,.17)!important}
.mras-rs-light-b{background:rgba(191,215,199,.12)!important}
.mras-rs-kicker{
  border-color:rgba(191,215,199,.50)!important;
  background:rgba(15,46,41,.64)!important;
  color:var(--mras-sage-100)!important;
}
@media(max-width:620px){
  .mras-rs-bg{
    background:
      linear-gradient(180deg,rgba(9,35,36,.35),rgba(15,46,41,.66) 46%,rgba(9,35,36,.94)),
      url('assets/images/hero-blue-library-mobile-v1.webp') center/cover no-repeat!important;
  }
}
.tutor-wrap,.tutor-container,.tutor-course-single-content-wrapper,
.tutor-course-details-page,.tutor-dashboard-content,
.tutor-card,.tutor-course-content-list-item{
  --tutor-color-primary:var(--mras-forest-700)!important;
  --tutor-color-primary-hover:var(--mras-forest-800)!important;
}
.tutor-btn:not(.tutor-btn-danger),.tutor-nav-link.is-active,
.tutor-course-details-tab .tutor-nav-link.is-active{
  border-color:var(--mras-sage-300)!important;
}
.tutor-nav-link.is-active,.tutor-color-primary,
.tutor-course-details-tab .tutor-nav-link:hover{color:var(--mras-forest-700)!important}
.tutor-progress-bar .tutor-progress-value,.tutor-progress-value{background:var(--mras-forest-700)!important}
.mras-platform-admin .mras-admin-nav{
  background:rgba(255,255,255,.96)!important;
  border-color:var(--mras-border)!important;
  box-shadow:0 10px 30px rgba(9,35,36,.07)!important;
}
.mras-platform-admin .mras-admin-nav-title{border-color:var(--mras-sage-100)!important}
.mras-platform-admin .mras-admin-nav-title span{color:var(--mras-muted)!important}
.mras-platform-admin .mras-admin-nav-title strong{color:var(--mras-forest-900)!important}
.mras-platform-admin .mras-admin-nav a{color:#465C52!important}
.mras-platform-admin .mras-admin-nav a:hover{background:var(--mras-sage-050)!important;color:var(--mras-forest-700)!important}
.mras-platform-admin .mras-admin-nav a.is-active{
  background:var(--mras-sage-100)!important;
  border-color:var(--mras-sage-300)!important;
  color:var(--mras-forest-800)!important;
  box-shadow:inset 0 -3px 0 var(--mras-forest-700)!important;
}
.mras-code-price-chip,.mras-code-bulk-actions,.mras-code-generator-progress{
  background:var(--mras-sage-050)!important;
  border-color:var(--mras-sage-300)!important;
}
.mras-code-price-chip{color:var(--mras-forest-700)!important}
.mras-code-price-chip b{background:var(--mras-sage-100)!important;color:var(--mras-forest-800)!important}
.mras-code-price-chip.current,.mras-code-price-chip:hover{color:#fff!important}
.mras-code-pagination a,.mras-code-pagination span{
  border-color:var(--mras-sage-300)!important;
  background:#fff!important;
  color:var(--mras-forest-700)!important;
}
.mras-code-pagination a.current{color:#fff!important}
.mras-code-progress-head strong{color:var(--mras-forest-900)!important}
.mras-code-progress-count{color:var(--mras-forest-700)!important}
.mras-code-progress-track{background:var(--mras-sage-100)!important}
.mras-code-progress-bar{background:linear-gradient(90deg,var(--mras-forest-700),var(--mras-sage-500))!important}
.mras-code-progress-meta{color:var(--mras-muted)!important}
.mras-code-status.disabled{background:#E8F0EB!important;color:#60746A!important;border-color:#C8D8CE!important}
.mras-code-action-btn.reset{color:var(--mras-forest-700)!important;border-color:var(--mras-sage-300)!important;background:var(--mras-sage-050)!important}
.mras-code-action-btn.toggle{color:var(--mras-forest-800)!important;border-color:var(--mras-sage-300)!important;background:#F7FAF8!important}
.mras-dashboard-topbar,.mras-dashboard-hero-inner,.mras-dashboard-courses,.mras-dashboard-empty{border-color:var(--mras-border)!important}
.mras-dashboard-logout{border-color:var(--mras-sage-300)!important}
.aez-auth-card a:not(.aez-btn),.mras-dashboard-section a:not(.aez-btn),.aez-content a:not(.aez-btn){color:var(--mras-forest-700)}
body .tutor-modal .tutor-modal-window,
body .tutor-modal .tutor-modal-content,
body .tutor-login-wrap,
body .tutor-login-form-wrapper,
body .tutor-modal .tutor-modal-body,
.mras-reset-card{background:#fff!important;color:var(--mras-forest-900)!important}
body .mras-tutor-login-modal input[type="text"],
body .mras-tutor-login-modal input[type="email"],
body .mras-tutor-login-modal input[type="tel"],
body .mras-tutor-login-modal input[type="password"],
body .mras-tutor-login-modal .tutor-form-control,
.mras-reset-form input{
  background:var(--mras-canvas)!important;
  color:var(--mras-forest-900)!important;
  border-color:var(--mras-border)!important;
}
.mras-reset-card h1{color:var(--mras-forest-900)!important}
.aez-footer{
  background:var(--mras-forest-950)!important;
  border-top-color:rgba(191,215,199,.20)!important;
  color:#fff!important;
}
.aez-footer p,.aez-footer a,.aez-footer span{color:rgba(255,255,255,.78)!important}
.aez-footer a:hover{color:var(--mras-sage-300)!important}


/* =========================================================
   v1.0.119 — restore course preview action in platform admin
   ========================================================= */
.mras-course-view-link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 10px;
  border:1px solid #BFD7C7;
  border-radius:9px;
  background:#F5F9F6;
  color:#173C35!important;
  font-size:11px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.mras-course-view-link:hover{
  background:#DFEEE3;
  border-color:#8DB89D;
  transform:translateY(-1px);
}

/* =========================================================
   v1.0.121 — palette contrast fixes requested from screenshots
   ========================================================= */
/* Home hero: keep all headline copy readable on the dark forest canvas. */
.mras-ui-hero{
  background:
    radial-gradient(circle at 72% 28%,rgba(141,184,157,.14),transparent 26%),
    linear-gradient(135deg,#092324 0%,#0F2E29 58%,#173C35 100%)!important;
}
.mras-ui-hero .mras-ui-headline span{
  color:#FFFFFF!important;
  text-shadow:0 4px 22px rgba(0,0,0,.22)!important;
}
.mras-ui-hero .mras-ui-headline strong{
  color:#BFD7C7!important;
  text-shadow:0 4px 22px rgba(0,0,0,.24)!important;
}
.mras-ui-hero .mras-ui-subtitle{
  color:#F5F9F6!important;
  opacity:.94!important;
}
.mras-ui-hero .mras-ui-teacher-line{
  color:#DFEEE3!important;
  opacity:1!important;
}
.mras-ui-hero .mras-ui-proof-row b{color:#FFFFFF!important}
.mras-ui-hero .mras-ui-proof-row small{color:#DFEEE3!important}
.mras-ui-hero .mras-proof-icon{color:#8DB89D!important}

/* Courses hub hero: v1.0.118's generic light-section override made white copy disappear.
   Force this specific hero back to the dark palette and explicitly pin readable copy colours. */
body .mras-courses-hub .mras-courses-hero{
  background:
    radial-gradient(circle at 16% 32%,rgba(141,184,157,.18),transparent 28%),
    linear-gradient(135deg,#092324 0%,#0F2E29 56%,#28574C 125%)!important;
  color:#FFFFFF!important;
  border-bottom:1px solid rgba(191,215,199,.22)!important;
}
body .mras-courses-hub .mras-courses-hero h1{
  color:#FFFFFF!important;
  text-shadow:0 3px 18px rgba(0,0,0,.18)!important;
}
body .mras-courses-hub .mras-courses-hero p{
  color:#DFEEE3!important;
  opacity:1!important;
}
body .mras-courses-hub .mras-courses-hero .aez-kicker{
  background:rgba(141,184,157,.12)!important;
  border-color:rgba(191,215,199,.38)!important;
  color:#DFEEE3!important;
}
body .mras-courses-hub .mras-courses-formula{
  color:#BFD7C7!important;
  opacity:.9!important;
}

/* =========================================================
   v1.0.122 — unified visual identity / final design system
   Palette source: Mr. Ahmed Salah green identity
   ========================================================= */
:root{
  --mras-ink:#092324;
  --mras-ink-2:#0F2E29;
  --mras-forest:#173C35;
  --mras-forest-2:#28574C;
  --mras-sage:#8DB89D;
  --mras-sage-2:#BFD7C7;
  --mras-mint:#DFEEE3;
  --mras-paper:#FFFFFF;
  --mras-canvas:#F5F9F6;
  --mras-canvas-2:#EDF5EF;
  --mras-text:#102C27;
  --mras-muted:#61756B;
  --mras-border:#D8E5DC;
  --mras-border-strong:#BFD7C7;
  --mras-radius-sm:12px;
  --mras-radius-md:18px;
  --mras-radius-lg:24px;
  --mras-shadow-sm:0 8px 24px rgba(9,35,36,.055);
  --mras-shadow-md:0 16px 40px rgba(9,35,36,.085);
  --mras-shadow-lg:0 24px 60px rgba(9,35,36,.12);
}

html{background:var(--mras-canvas)!important}
body{
  background:var(--mras-canvas)!important;
  color:var(--mras-text)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::selection{background:var(--mras-sage-2);color:var(--mras-ink)}

/* Header — one recognizable shell everywhere */
#aez-site-header.aez-header{
  top:0!important;
  min-height:80px!important;
  background:rgba(255,255,255,.965)!important;
  border-bottom:1px solid var(--mras-border)!important;
  box-shadow:0 8px 28px rgba(9,35,36,.055)!important;
  backdrop-filter:saturate(145%) blur(16px)!important;
}
#aez-site-header.aez-header::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,var(--mras-ink),var(--mras-forest-2) 50%,var(--mras-sage));
  pointer-events:none;
}
#aez-site-header .aez-nav{height:80px!important;gap:22px!important}
#aez-site-header .aez-brand{gap:11px!important;color:var(--mras-ink)!important}
#aez-site-header .aez-brand img{
  width:50px!important;height:50px!important;
  border-radius:16px!important;
  box-shadow:0 8px 20px rgba(9,35,36,.14)!important;
}
#aez-site-header .aez-brand-text{display:grid!important;line-height:1.05!important}
#aez-site-header .aez-brand-text span{font-size:10px!important;color:var(--mras-sage)!important;font-weight:900!important;letter-spacing:.03em!important}
#aez-site-header .aez-brand-text strong{font-size:15px!important;color:var(--mras-ink)!important;font-weight:950!important;margin-top:2px!important}
#aez-site-header .aez-brand-text small{font-size:9px!important;color:var(--mras-muted)!important;font-weight:700!important;margin-top:4px!important}
#aez-site-header .aez-menu{gap:8px!important}
#aez-site-header .aez-menu a{
  color:#324D45!important;
  padding:9px 12px!important;
  border-radius:11px!important;
  font-size:13px!important;
  font-weight:850!important;
}
#aez-site-header .aez-menu a::after{display:none!important}
#aez-site-header .aez-menu a:hover,
#aez-site-header .aez-menu .current-menu-item>a,
#aez-site-header .aez-menu .current_page_item>a{
  color:var(--mras-forest)!important;
  background:var(--mras-canvas-2)!important;
}
#aez-site-header .aez-actions{gap:8px!important}
#aez-site-header .aez-header-cta,
#aez-site-header .mras-desktop-logout{
  min-height:40px!important;
  height:40px!important;
  padding:0 15px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
#aez-site-header .aez-header-cta{
  background:linear-gradient(135deg,var(--mras-forest),var(--mras-forest-2))!important;
  border:1px solid var(--mras-forest)!important;
  color:#fff!important;
}
#aez-site-header .aez-header-cta:hover{background:var(--mras-ink-2)!important;transform:translateY(-1px)}
#aez-site-header .mras-desktop-logout{
  background:#fff!important;
  color:#A53B35!important;
  border:1px solid #E9C9C6!important;
}
#aez-site-header .mras-desktop-logout:hover{background:#FFF6F5!important;border-color:#DDAEAA!important}
#aez-site-header .aez-search-round,
#aez-site-header .mras-notice-bell{
  border:1px solid var(--mras-border)!important;
  background:#fff!important;
  color:var(--mras-forest)!important;
  box-shadow:none!important;
}

/* Global type rhythm */
h1,h2,h3,h4,h5,h6{color:var(--mras-ink)!important;letter-spacing:-.025em}
p{color:var(--mras-muted)}
.aez-section-title,.aez-home-title,.aez-section-head h2,.mras-stage-head h2{
  color:var(--mras-ink)!important;
  font-weight:950!important;
}
.aez-section-head>span:first-child,
.aez-kicker,.mras-dashboard-kicker,.mras-code-kicker,.aez-course-tag,.aez-card-eyebrow{
  color:var(--mras-forest-2)!important;
  font-weight:900!important;
}

/* Buttons — same shape and hierarchy site-wide */
.aez-btn,.wp-element-button,.tutor-btn,
.aez-course-go,.aez-final-cta a,
.mras-admin-primary,.mras-admin-secondary,
.mras-ui-primary,.mras-ui-secondary{
  border-radius:12px!important;
  font-weight:900!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important;
}
.aez-btn-primary,.tutor-btn-primary,.mras-admin-primary,.aez-course-go{
  background:linear-gradient(135deg,var(--mras-forest),var(--mras-forest-2))!important;
  border-color:var(--mras-forest)!important;
  color:#fff!important;
  box-shadow:0 9px 20px rgba(23,60,53,.16)!important;
}
.aez-btn-primary:hover,.tutor-btn-primary:hover,.mras-admin-primary:hover,.aez-course-go:hover{
  background:var(--mras-ink-2)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 12px 24px rgba(23,60,53,.20)!important;
}
.aez-btn-outline,.mras-admin-secondary{
  background:#fff!important;color:var(--mras-forest)!important;border:1px solid var(--mras-border-strong)!important;
}

/* Home hero — premium dark identity, no low-contrast green-on-green */
.mras-ui-hero{
  background:
    radial-gradient(circle at 78% 24%,rgba(141,184,157,.16),transparent 27%),
    radial-gradient(circle at 17% 82%,rgba(191,215,199,.08),transparent 28%),
    linear-gradient(122deg,var(--mras-ink) 0%,var(--mras-ink-2) 58%,var(--mras-forest) 100%)!important;
  border-bottom:1px solid rgba(191,215,199,.16)!important;
}
.mras-ui-hero .mras-ui-hero-grid-bg{
  opacity:.72!important;
  background-image:linear-gradient(rgba(141,184,157,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(141,184,157,.07) 1px,transparent 1px)!important;
}
.mras-ui-hero .mras-ui-headline span{color:#fff!important}
.mras-ui-hero .mras-ui-headline strong{color:var(--mras-sage-2)!important}
.mras-ui-hero .mras-ui-subtitle{color:#F2F7F3!important}
.mras-ui-hero .mras-ui-teacher-line{color:var(--mras-mint)!important}
.mras-ui-hero .mras-ui-primary{
  background:var(--mras-sage)!important;
  color:var(--mras-ink)!important;
  box-shadow:0 12px 30px rgba(141,184,157,.18)!important;
}
.mras-ui-hero .mras-ui-primary:hover{background:var(--mras-sage-2)!important;color:var(--mras-ink)!important}
.mras-ui-hero .mras-ui-secondary{
  background:rgba(255,255,255,.96)!important;
  color:var(--mras-ink)!important;
  border:1px solid rgba(255,255,255,.70)!important;
}
.mras-ui-hero .mras-ui-play{background:var(--mras-forest)!important;color:#fff!important}
.mras-ui-hero .mras-ui-proof-row>div{border-color:rgba(191,215,199,.18)!important}
.mras-ui-hero .mras-proof-icon{color:var(--mras-sage)!important}
.mras-ui-hero .mras-ui-proof-row b{color:#fff!important}
.mras-ui-hero .mras-ui-proof-row small{color:var(--mras-mint)!important}
.mras-ui-hero .mras-teacher-card{border:1px solid var(--mras-border)!important;box-shadow:var(--mras-shadow-md)!important}

/* Section rhythm and canvas */
.aez-home-section,.aez-section,.aez-content,.mras-stage-section{background:var(--mras-canvas)!important}
.aez-home-section:nth-of-type(even),.mras-stage-section:nth-of-type(even),.aez-courses-home,.aez-features-section{background:#fff!important}
.aez-about-home{background:linear-gradient(180deg,var(--mras-canvas-2),var(--mras-canvas))!important}
.aez-section-head{margin-bottom:26px!important}

/* Cards */
.aez-feature,.aez-grade,.mras-grade-group,.mras-subject-card,.aez-course-card,
.aez-auth-brand,.aez-auth-card,.aez-content article,.mras-admin-card,
.mras-generated-codes-card,.mras-dashboard-grade-card,.mras-dashboard-latest,
.aez-entry-card,.aez-course-video-card,.aez-course-sidebar-sticky,
.aez-course-more-card,.aez-mission-card,.mras-excel-dashboard-card{
  background:#fff!important;
  border:1px solid var(--mras-border)!important;
  border-radius:var(--mras-radius-lg)!important;
  box-shadow:var(--mras-shadow-sm)!important;
}
.aez-feature:hover,.aez-grade:hover,.mras-grade-group:hover,.mras-subject-card:hover,
.aez-course-card:hover,.mras-dashboard-grade-card:hover{
  border-color:var(--mras-border-strong)!important;
  box-shadow:var(--mras-shadow-md)!important;
  transform:translateY(-2px)!important;
}
.aez-feature .icon,.mras-grade-group-head>span,.mras-subject-card>span,
.aez-grade-page-icon,.mras-stage-number{
  background:var(--mras-canvas-2)!important;
  color:var(--mras-forest-2)!important;
  border:1px solid var(--mras-mint)!important;
}
.aez-about-badges span,.aez-badge,.mras-subject-links a{
  background:#fff!important;border:1px solid var(--mras-border)!important;color:var(--mras-text)!important;
}
.mras-subject-links a:hover{background:var(--mras-canvas-2)!important;border-color:var(--mras-border-strong)!important}

/* Course cards */
.aez-course-card{overflow:hidden!important}
.aez-course-thumb{display:block!important;background:var(--mras-canvas-2)!important}
.aez-course-thumb img,.aez-course-card>img{
  width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;display:block!important;
}
.aez-course-card-body{padding:18px!important}
.aez-course-tag{
  display:inline-flex!important;align-items:center!important;
  background:var(--mras-canvas-2)!important;border:1px solid var(--mras-mint)!important;
  padding:5px 9px!important;border-radius:999px!important;font-size:10px!important;
}
.aez-course-card h3{color:var(--mras-ink)!important}
.aez-course-card p,.aez-course-excerpt,.aez-course-meta{color:var(--mras-muted)!important}

/* All-courses page hero stays intentionally dark */
body .mras-courses-hub .mras-courses-hero{
  background:
    radial-gradient(circle at 14% 20%,rgba(141,184,157,.18),transparent 27%),
    linear-gradient(125deg,var(--mras-ink) 0%,var(--mras-ink-2) 55%,var(--mras-forest-2) 125%)!important;
  color:#fff!important;
}
body .mras-courses-hub .mras-courses-hero h1{color:#fff!important}
body .mras-courses-hub .mras-courses-hero p{color:var(--mras-mint)!important}
body .mras-courses-hub .mras-courses-hero .aez-kicker{
  background:rgba(141,184,157,.13)!important;border-color:rgba(191,215,199,.32)!important;color:var(--mras-mint)!important;
}

/* Course details page: intentionally LIGHT, therefore all copy is DARK */
.aez-course-hero{
  background:linear-gradient(135deg,#fff 0%,var(--mras-canvas-2) 100%)!important;
  border-bottom:1px solid var(--mras-border)!important;
}
.aez-course-hero h1,.aez-course-hero h2,.aez-course-hero h3{color:var(--mras-ink)!important;text-shadow:none!important}
.aez-course-hero p,.aez-course-hero .aez-course-subtitle{color:var(--mras-muted)!important}
.aez-course-category,.aez-card-eyebrow{color:var(--mras-forest-2)!important}

/* Auth / login */
.aez-auth{
  background:
    radial-gradient(circle at 12% 15%,rgba(141,184,157,.11),transparent 28%),
    linear-gradient(180deg,#fff,var(--mras-canvas))!important;
}
.aez-auth-brand,.mras-login-brand,.aez-register-brand{background:linear-gradient(160deg,var(--mras-canvas-2),#fff)!important}
.aez-auth-card h1,.aez-auth-card h2{color:var(--mras-ink)!important}
.aez-field label,.mras-admin-field label{color:var(--mras-text)!important}
input:not([type=checkbox]):not([type=radio]),select,textarea,
.aez-field input,.aez-field select,.mras-admin-field input,.mras-admin-field select,.mras-admin-field textarea{
  min-height:46px!important;background:#fff!important;color:var(--mras-text)!important;
  border:1px solid var(--mras-border)!important;border-radius:12px!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--mras-sage)!important;box-shadow:0 0 0 3px rgba(141,184,157,.16)!important;
}

/* Dashboard / admin: one tab language, no blue residue */
.mras-platform-admin,.mras-dashboard-section{background:var(--mras-canvas)!important}
.mras-platform-admin .mras-admin-nav{
  background:#fff!important;border:1px solid var(--mras-border)!important;border-radius:18px!important;
  padding:8px!important;box-shadow:var(--mras-shadow-sm)!important;
}
.mras-platform-admin .mras-admin-nav a{
  color:#425B52!important;background:transparent!important;border:1px solid transparent!important;border-radius:11px!important;
}
.mras-platform-admin .mras-admin-nav a:hover{background:var(--mras-canvas-2)!important;color:var(--mras-forest)!important}
.mras-platform-admin .mras-admin-nav a.is-active{
  background:var(--mras-forest)!important;color:#fff!important;border-color:var(--mras-forest)!important;
  box-shadow:none!important;
}
.mras-platform-admin .mras-admin-nav a.is-active *{color:#fff!important}
.mras-code-price-chip.current,.mras-code-price-chip:hover,
.mras-code-pagination a.current{
  background:var(--mras-forest)!important;border-color:var(--mras-forest)!important;color:#fff!important;
}
.mras-code-progress-track{background:var(--mras-mint)!important}
.mras-code-progress-bar{background:linear-gradient(90deg,var(--mras-forest),var(--mras-sage))!important}

/* Tables */
.mras-platform-admin table,.mras-generated-codes-card table,.mras-excel-dashboard-card table,
.tutor-table-responsive table{
  background:#fff!important;border-color:var(--mras-border)!important;border-radius:14px!important;overflow:hidden!important;
}
.mras-platform-admin thead th,.mras-generated-codes-card thead th,.tutor-table-responsive thead th{
  background:var(--mras-canvas-2)!important;color:var(--mras-forest)!important;border-color:var(--mras-border)!important;
}
.mras-platform-admin tbody td,.mras-generated-codes-card tbody td,.tutor-table-responsive tbody td{border-color:#E7EFE9!important;color:var(--mras-text)!important}
.mras-platform-admin tbody tr:hover,.mras-generated-codes-card tbody tr:hover{background:#FAFCFB!important}

/* Tutor LMS */
.tutor-wrap,.tutor-container,.tutor-dashboard,.tutor-course-details-page{color:var(--mras-text)!important}
.tutor-card,.tutor-dashboard .tutor-dashboard-content,.tutor-course-card,.tutor-course-details-tab,.tutor-course-single-sidebar-wrapper{
  background:#fff!important;border-color:var(--mras-border)!important;border-radius:18px!important;box-shadow:var(--mras-shadow-sm)!important;
}
.tutor-color-primary,.tutor-link,.tutor-nav-link.is-active{color:var(--mras-forest-2)!important}
.tutor-bg-primary,.tutor-progress-value{background:var(--mras-forest)!important}
.tutor-dashboard-left-menu .active .tutor-dashboard-menu-item-link{background:var(--mras-canvas-2)!important;color:var(--mras-forest)!important}

/* Search shell */
.aez-search-panel{background:#fff!important;border-bottom:1px solid var(--mras-border)!important;box-shadow:var(--mras-shadow-sm)!important}
.aez-search-panel button{background:var(--mras-forest)!important;color:#fff!important;border-color:var(--mras-forest)!important}

/* Footer */
.aez-footer{
  background:linear-gradient(145deg,var(--mras-ink),var(--mras-ink-2))!important;
  color:#fff!important;border-top:3px solid var(--mras-forest-2)!important;
}
.aez-footer h3,.aez-footer h4,.aez-footer strong{color:#fff!important}
.aez-footer p,.aez-footer li,.aez-footer a,.aez-footer span{color:rgba(255,255,255,.76)!important}
.aez-footer a:hover{color:var(--mras-sage-2)!important}
.aez-copy{border-color:rgba(191,215,199,.14)!important;color:rgba(255,255,255,.58)!important}

/* Functional colours remain semantic */
.aez-notice.error,.mras-notice-error{background:#FFF2F1!important;color:#A83D36!important;border-color:#F0C9C5!important}
.aez-notice.success,.mras-notice-success{background:#EEF7F1!important;color:#235B45!important;border-color:#CFE4D6!important}
.mras-code-action-btn.delete,.mras-admin-danger,.button-danger{color:#A83D36!important;border-color:#E7C1BD!important;background:#FFF7F6!important}

/* Responsive polish */
@media(max-width:980px){
  #aez-site-header .aez-nav{height:72px!important}
  #aez-site-header .aez-brand img{width:44px!important;height:44px!important}
  #aez-site-header .aez-menu-toggle{display:inline-grid!important;place-items:center!important;background:var(--mras-canvas-2)!important;color:var(--mras-forest)!important;border:1px solid var(--mras-border)!important}
  #aez-site-header .aez-menu{background:#fff!important;border:1px solid var(--mras-border)!important;box-shadow:var(--mras-shadow-md)!important}
}
@media(max-width:680px){
  #aez-site-header .aez-brand-text small{display:none!important}
  #aez-site-header .aez-brand-text strong{font-size:13px!important}
  .mras-ui-hero{background:linear-gradient(180deg,var(--mras-ink) 0%,var(--mras-ink-2) 72%,var(--mras-forest) 100%)!important}
  .mras-ui-hero .mras-ui-headline span{font-size:clamp(36px,12vw,52px)!important}
  .mras-ui-hero .mras-ui-headline strong{font-size:clamp(44px,14vw,62px)!important}
  .aez-feature,.aez-grade,.mras-grade-group,.mras-subject-card,.aez-course-card,.aez-auth-card,.mras-admin-card{border-radius:18px!important}
  .mras-platform-admin .mras-admin-nav{border-radius:16px!important}
}

/* v1.0.123 — Cinematic homepage redesign based on approved visual identity */
body.home{
  background:#06110e;
}
body.home #aez-site-header{
  position:absolute;
  top:0;right:0;left:0;
  z-index:50;
  background:linear-gradient(180deg,rgba(3,11,8,.82),rgba(3,11,8,.38) 72%,rgba(3,11,8,0));
  border-bottom:0;
  box-shadow:none;
}
body.home #aez-site-header .aez-nav{
  width:min(1320px,95%);
  min-height:96px;
  gap:24px;
}
body.home #aez-site-header .aez-brand{gap:14px;text-decoration:none;color:#fff;min-width:max-content}
body.home #aez-site-header .aez-brand img{width:60px;height:60px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))}
body.home #aez-site-header .aez-brand-text{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05}
body.home #aez-site-header .aez-brand-text span{display:none}
body.home #aez-site-header .aez-brand-text strong{font-size:42px;font-weight:900;color:#F7F4E6;letter-spacing:-.02em}
body.home #aez-site-header .aez-brand-text small{display:block;font-size:15px;color:#D9E9DE;font-weight:700;margin-top:6px}
body.home #aez-site-header .aez-menu{gap:40px}
body.home #aez-site-header .aez-menu a{color:#F8F7EF;font-weight:800;font-size:21px;padding:10px 0;position:relative}
body.home #aez-site-header .aez-menu .current-menu-item>a,
body.home #aez-site-header .aez-menu a:hover{color:#D4F4DF}
body.home #aez-site-header .aez-menu .current-menu-item>a:after,
body.home #aez-site-header .aez-menu a:hover:after{content:"";position:absolute;right:0;left:0;bottom:-6px;height:3px;border-radius:999px;background:#B4F0C4}
body.home #aez-site-header .aez-actions{display:flex;align-items:center;gap:14px;margin-inline-start:auto}
body.home #aez-site-header .aez-search-round{width:50px;height:50px;border-radius:50%;border:1.5px solid rgba(247,244,230,.45);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
body.home #aez-site-header .aez-search-round:before,
body.home #aez-site-header .aez-search-round span{border-color:#fff}
body.home #aez-site-header .aez-search-round:after{background:#fff}
body.home #aez-site-header .aez-btn{height:52px;padding:0 30px;border-radius:16px;font-weight:900;font-size:20px;line-height:50px;border:1.5px solid rgba(248,247,239,.42);box-shadow:0 12px 26px rgba(0,0,0,.18);text-decoration:none}
body.home #aez-site-header .aez-btn-primary{background:linear-gradient(180deg,#C7F6D1 0%,#9DE5B5 100%);color:#092415;border-color:rgba(198,255,219,.65)}
body.home #aez-site-header .aez-btn-primary:hover{background:linear-gradient(180deg,#D4FCE0 0%,#A8EDBF 100%);transform:translateY(-1px)}
body.home #aez-site-header .aez-btn-ghost,
body.home #aez-site-header .mras-desktop-logout{background:rgba(8,15,12,.36);color:#fff}
body.home #aez-site-header .aez-btn-ghost:hover,
body.home #aez-site-header .mras-desktop-logout:hover{background:rgba(17,27,21,.6);border-color:rgba(255,255,255,.62)}
body.home .aez-search-panel{background:#07120f;border-top:1px solid rgba(255,255,255,.05)}

.mras-cinema-hero{position:relative;overflow:hidden;padding:132px 0 0;background:#050f0d;color:#fff;background-image:var(--mras-hero-desktop);background-position:center top;background-size:cover;background-repeat:no-repeat}
.mras-cinema-hero:before{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,rgba(36,16,6,.58) 0%,rgba(16,10,4,.24) 18%,rgba(3,10,8,.28) 36%,rgba(3,10,8,.78) 58%,rgba(3,10,8,.92) 100%),
radial-gradient(circle at 17% 87%,rgba(217,100,11,.36),transparent 32%),
radial-gradient(circle at 54% 14%,rgba(40,182,107,.18),transparent 18%),
linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.45));
z-index:0}
.mras-cinema-hero-overlay{position:absolute;inset:0;z-index:0;pointer-events:none;box-shadow:inset 0 -120px 140px rgba(0,0,0,.58),inset 0 0 140px rgba(0,0,0,.22)}
.mras-cinema-hero .container{position:relative;z-index:1}
.mras-cinema-hero-inner{display:grid;grid-template-columns:minmax(380px,44%) minmax(460px,46%);justify-content:space-between;align-items:end;gap:32px;min-height:720px}
.mras-cinema-visual{align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-start;position:relative}
.mras-cinema-quote{position:absolute;left:0;bottom:120px;color:#E9C37F;font-family:inherit;text-align:right;max-width:180px;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.mras-cinema-quote span{display:block;font-size:38px;font-weight:900;color:#DFAE63;margin-bottom:10px}
.mras-cinema-quote small{display:block;font-size:23px;line-height:1.5;color:#F1E7C6}
.mras-cinema-quote b{display:block;margin-top:12px;font-size:29px;font-weight:900;color:#F6E2A5}
.mras-cinema-copy{padding:82px 0 110px;max-width:700px;margin-right:auto;text-align:right}
.mras-cinema-eyebrow{display:flex;align-items:center;gap:18px;justify-content:flex-start;color:#D6EEDF;font-size:24px;font-weight:700;margin-bottom:26px}
.mras-cinema-eyebrow:before{content:"";width:68px;height:2px;background:rgba(196,245,212,.56)}
.mras-cinema-title{margin:0;line-height:.94;display:flex;flex-direction:column;gap:4px}
.mras-cinema-title span,
.mras-cinema-title strong{display:block;font-size:clamp(74px,8vw,122px);font-weight:900;letter-spacing:-.035em;text-shadow:0 6px 18px rgba(0,0,0,.38)}
.mras-cinema-title span{color:#F8F4E7}
.mras-cinema-title strong{color:#B8F0C5}
.mras-cinema-signature{font-size:42px;line-height:1;margin:18px 0 20px;color:#F5E7C6;font-family:"Tajawal",sans-serif;text-shadow:0 4px 12px rgba(0,0,0,.35)}
.mras-cinema-desc{margin:0;max-width:640px;font-size:34px;line-height:1.58;color:#F1F4EC;font-weight:500}
.mras-cinema-actions{display:flex;gap:18px;justify-content:flex-start;flex-wrap:wrap;margin-top:34px}
.mras-cinema-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:265px;height:72px;padding:0 28px;border-radius:20px;font-size:29px;font-weight:900;text-decoration:none;border:1.5px solid rgba(240,241,233,.42);box-shadow:0 20px 40px rgba(0,0,0,.18);transition:.2s ease;background:transparent;color:#fff;cursor:pointer}
.mras-cinema-btn .mras-btn-icon{font-size:24px;line-height:1}
.mras-cinema-btn.is-primary{background:linear-gradient(180deg,#4ABE80 0%,#2A9461 100%);border-color:rgba(171,242,198,.38);color:#F7FFF9}
.mras-cinema-btn.is-primary:hover{transform:translateY(-1px);box-shadow:0 24px 44px rgba(0,0,0,.24)}
.mras-cinema-btn.is-secondary{background:rgba(4,12,10,.42);color:#F6ECD2}
.mras-cinema-btn.is-secondary:hover{background:rgba(10,20,16,.7);border-color:rgba(240,241,233,.62)}
.mras-cinema-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:42px}
.mras-mini-feature{display:flex;align-items:flex-start;justify-content:center;gap:14px;padding-top:12px;border-top:1px solid rgba(248,247,239,.1)}
.mras-mini-feature i{font-style:normal;font-size:35px;color:#DFC17A;line-height:1}
.mras-mini-feature strong{display:block;font-size:26px;color:#F8F4E8;margin-bottom:6px}
.mras-mini-feature small{display:block;font-size:22px;color:#CDE3D4}
.mras-cinema-stats-wrap{margin-top:-48px;position:relative;z-index:4}
.mras-cinema-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:linear-gradient(180deg,rgba(13,18,15,.92),rgba(13,18,15,.84));border:1px solid rgba(234,211,158,.18);border-radius:26px;overflow:hidden;box-shadow:0 28px 56px rgba(0,0,0,.28)}
.mras-cinema-stat{display:flex;align-items:center;justify-content:center;gap:18px;padding:26px 18px;border-inline-start:1px solid rgba(244,227,190,.14)}
.mras-cinema-stat:first-child{border-inline-start:0}
.mras-cinema-stat-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(236,218,177,.36);font-size:24px;color:#E9D19E;background:rgba(255,255,255,.02)}
.mras-cinema-stat strong{display:block;font-size:28px;color:#FBF7EC}
.mras-cinema-stat small{display:block;font-size:21px;color:#D6E2D7;margin-top:6px}

.mras-stage-showcase{position:relative;padding:92px 0 20px;background:linear-gradient(180deg,#081310 0%,#0A1511 100%);overflow:hidden}
.mras-stage-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 12%,rgba(210,101,24,.14),transparent 26%),radial-gradient(circle at 78% 18%,rgba(71,174,106,.14),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));pointer-events:none}
.mras-stage-head{text-align:center;max-width:920px;margin:0 auto 34px;position:relative;z-index:1}
.mras-stage-head span{display:inline-block;font-size:24px;color:#D2E7D8;font-weight:700;margin-bottom:10px}
.mras-stage-head h2{margin:0;font-size:66px;line-height:1.08;color:#FBF7EC;text-shadow:0 4px 14px rgba(0,0,0,.25)}
.mras-stage-head p{margin:16px auto 0;max-width:860px;color:#D5E2D6;font-size:24px;line-height:1.6}
.mras-stage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative;z-index:1}
.mras-stage-card{position:relative;border-radius:28px;overflow:hidden;min-height:330px;border:1px solid rgba(231,213,173,.24);background:#101715;box-shadow:0 18px 42px rgba(0,0,0,.2)}
.mras-stage-card-visual{position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),url('assets/images/hero-cinematic-mobile.jpg');background-size:cover;background-position:center center;filter:saturate(.75) brightness(.58);transform:scale(1.02)}
.mras-stage-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,13,10,.14) 0%,rgba(8,13,10,.42) 38%,rgba(8,13,10,.88) 100%)}
.mras-stage-card.is-gold:after,.mras-stage-card.is-emerald:after,.mras-stage-card.is-bronze:after{content:"";position:absolute;inset:auto -20% -30% auto;width:70%;height:70%;border-radius:50%;filter:blur(18px);opacity:.18;pointer-events:none}
.mras-stage-card.is-gold:after{background:radial-gradient(circle,#E39F43 0%,transparent 70%)}
.mras-stage-card.is-emerald:after{background:radial-gradient(circle,#3FB475 0%,transparent 70%)}
.mras-stage-card.is-bronze:after{background:radial-gradient(circle,#B86D2E 0%,transparent 70%)}
.mras-stage-card-body{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 24px 24px;color:#fff}
.mras-stage-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.mras-stage-chip{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:rgba(14,23,18,.74);color:#F3E4BC;font-size:27px;border:1px solid rgba(243,228,188,.28)}
.mras-stage-mini{font-size:18px;color:#D9ECD9;font-weight:700}
.mras-stage-card h3{margin:0 0 10px;font-size:42px;line-height:1.18;color:#FBF7EC}
.mras-stage-card p{margin:0;color:#D3E2D5;font-size:22px;line-height:1.55;min-height:68px}
.mras-stage-link{margin-top:22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:54px;padding:0 20px;border-radius:16px;text-decoration:none;font-size:20px;font-weight:900;background:rgba(255,255,255,.92);color:#0B1813;align-self:flex-start}
.mras-stage-card.is-emerald .mras-stage-link{background:#B9F0CA}
.mras-stage-card.is-bronze .mras-stage-link{background:#F3D394}
.mras-stage-link span{font-size:26px;line-height:1}
.mras-stage-overlay-icon{position:absolute;top:22px;left:22px;font-size:60px;line-height:1;opacity:.24;filter:drop-shadow(0 6px 20px rgba(0,0,0,.35))}

body.home .aez-home-section{background:#09110e;color:#fff;padding-top:58px;padding-bottom:58px}
body.home .aez-home-section:nth-of-type(even){background:#0D1713}
body.home .aez-section-head h2,body.home .aez-home-title,body.home .aez-bottom-grid h2{color:#FBF7EC}
body.home .aez-section-head span,body.home .aez-section-head a,body.home .aez-course-excerpt,body.home .aez-bottom-grid p,body.home .aez-feature p{color:#D5E2D6}
body.home .aez-course-card,body.home .aez-feature,body.home .mras-math-panel,body.home .aez-final-cta{background:linear-gradient(180deg,rgba(20,27,24,.96),rgba(11,19,16,.96));border-color:rgba(231,213,173,.18);box-shadow:0 18px 38px rgba(0,0,0,.18)}
body.home .aez-course-tag{background:#164D37;color:#D4F0DE}
body.home .aez-course-go,body.home .aez-final-cta a{background:linear-gradient(180deg,#C7F6D1 0%,#9DE5B5 100%);color:#0A1A13}
body.home .aez-feature .icon{background:rgba(66,177,103,.14);color:#BFEFD0}
body.home .aez-course-card h3 a,body.home .aez-feature h3{color:#FBF7EC}

@media (max-width:1300px){
  body.home #aez-site-header .aez-brand-text strong{font-size:34px}
  body.home #aez-site-header .aez-menu{gap:24px}
  body.home #aez-site-header .aez-menu a{font-size:18px}
  body.home #aez-site-header .aez-btn{font-size:17px;height:48px;line-height:46px;padding:0 22px}
  .mras-cinema-title span,.mras-cinema-title strong{font-size:clamp(64px,7.4vw,108px)}
  .mras-cinema-desc{font-size:28px}
  .mras-cinema-btn{font-size:24px;height:64px}
  .mras-cinema-features{gap:12px}
  .mras-mini-feature strong{font-size:21px}.mras-mini-feature small{font-size:18px}
  .mras-stage-head h2{font-size:56px}
  .mras-stage-card h3{font-size:34px}
}
@media (max-width:1100px){
  .mras-cinema-hero-inner{grid-template-columns:1fr;min-height:0;padding-top:40px}
  .mras-cinema-visual{min-height:440px;order:1}
  .mras-cinema-copy{order:2;padding:20px 0 88px;max-width:100%}
  .mras-cinema-quote{bottom:36px;max-width:150px}
  .mras-cinema-title span,.mras-cinema-title strong{font-size:clamp(58px,10vw,92px)}
  .mras-cinema-desc{max-width:100%}
  .mras-cinema-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mras-cinema-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mras-cinema-stat:last-child{grid-column:1/-1}
  .mras-stage-cards{grid-template-columns:1fr}
}
@media (max-width:980px){
  body.home #aez-site-header{position:fixed;background:rgba(5,15,12,.92);backdrop-filter:blur(12px)}
  body.home #aez-site-header .aez-nav{min-height:76px;width:min(94%,100%)}
  body.home #aez-site-header .aez-brand img{width:44px;height:44px}
  body.home #aez-site-header .aez-brand-text strong{font-size:22px}
  body.home #aez-site-header .aez-brand-text small{display:block;font-size:11px}
  body.home #aez-site-header .aez-menu{top:82px;right:3%;left:3%;padding:20px;background:rgba(10,18,15,.98);border:1px solid rgba(255,255,255,.06)}
  body.home #aez-site-header .aez-menu a{font-size:18px}
  body.home #aez-site-header .aez-actions{gap:10px}
  body.home #aez-site-header .aez-search-round{display:none}
  body.home #aez-site-header .aez-btn{display:inline-flex!important;align-items:center;justify-content:center;font-size:13px;height:40px;line-height:38px;padding:0 14px;border-radius:12px}
  .mras-cinema-hero{padding-top:94px;background-image:var(--mras-hero-mobile);background-position:center top}
  .mras-cinema-hero:before{background:linear-gradient(180deg,rgba(7,15,12,.32) 0%,rgba(7,15,12,.2) 18%,rgba(7,15,12,.68) 44%,rgba(7,15,12,.92) 64%,rgba(7,15,12,.96) 100%),radial-gradient(circle at 18% 84%,rgba(219,103,17,.24),transparent 24%),radial-gradient(circle at 72% 18%,rgba(58,169,101,.16),transparent 26%)}
  .mras-cinema-hero-inner{padding-top:0;gap:0}
  .mras-cinema-visual{min-height:360px}
  .mras-cinema-quote{left:14px;bottom:18px;max-width:120px}
  .mras-cinema-quote span{font-size:24px}.mras-cinema-quote small{font-size:15px}.mras-cinema-quote b{font-size:20px}
  .mras-cinema-copy{text-align:center;padding:18px 0 74px}
  .mras-cinema-eyebrow{justify-content:center;font-size:16px;margin-bottom:18px}.mras-cinema-eyebrow:before{width:28px}
  .mras-cinema-title span,.mras-cinema-title strong{font-size:clamp(48px,14vw,72px)}
  .mras-cinema-signature{font-size:32px;margin-top:10px;margin-bottom:16px}
  .mras-cinema-desc{font-size:20px;line-height:1.8}
  .mras-cinema-actions{justify-content:center;gap:12px;margin-top:24px}
  .mras-cinema-btn{width:100%;min-width:0;height:54px;font-size:18px;border-radius:14px;padding:0 20px}
  .mras-cinema-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
  .mras-mini-feature{padding:10px 6px 0;gap:8px;justify-content:flex-start;text-align:right}
  .mras-mini-feature i{font-size:24px}.mras-mini-feature strong{font-size:15px}.mras-mini-feature small{font-size:12px}
  .mras-cinema-stats-wrap{margin-top:-34px}
  .mras-cinema-stats{grid-template-columns:1fr 1fr;border-radius:18px}
  .mras-cinema-stat{padding:16px 12px;gap:10px}
  .mras-cinema-stat-icon{width:42px;height:42px;font-size:18px}
  .mras-cinema-stat strong{font-size:17px}.mras-cinema-stat small{font-size:12px}
  .mras-stage-showcase{padding-top:54px}
  .mras-stage-head span{font-size:16px}.mras-stage-head h2{font-size:34px}.mras-stage-head p{font-size:15px}
  .mras-stage-cards{gap:16px}
  .mras-stage-card{min-height:270px;border-radius:20px}
  .mras-stage-card h3{font-size:28px}.mras-stage-card p{font-size:15px;min-height:0}.mras-stage-link{height:46px;font-size:15px;border-radius:12px}.mras-stage-mini{font-size:13px}.mras-stage-chip{width:42px;height:42px;font-size:20px}
}
@media (max-width:640px){
  body.home #aez-site-header .aez-actions{gap:8px}
  body.home #aez-site-header .aez-btn{padding:0 10px;font-size:11px;height:36px;line-height:34px}
  .mras-cinema-hero{padding-top:88px}
  .mras-cinema-visual{min-height:290px}
  .mras-cinema-title span,.mras-cinema-title strong{font-size:clamp(42px,13vw,60px)}
  .mras-cinema-desc{font-size:17px}
  .mras-cinema-features{grid-template-columns:1fr 1fr}
  .mras-cinema-stats{grid-template-columns:1fr}
  .mras-cinema-stat{justify-content:flex-start}
  .mras-stage-card-body{padding:18px}
}

/* v1.0.1 — pixel-reference homepage mode */
body.home{background:#07100d!important}
body.home #aez-site-header,
body.home .aez-search-panel{display:none!important}
body.home .site-main,
body.home main{padding:0!important;margin:0!important}
.mras-exact-home{position:relative;width:100%;background:#07100d;overflow:hidden}
.mras-exact-picture{display:block;width:100%}
.mras-exact-picture img{display:block;width:100%;height:auto;margin:0;object-fit:contain}
.mras-exact-hotspots{position:absolute;inset:0;z-index:5;pointer-events:none}
.mras-exact-hotspots .hs,
.mras-exact-hotspots .hs-m{position:absolute;display:block;pointer-events:auto;background:transparent!important;border:0!important;box-shadow:none!important;cursor:pointer;text-decoration:none!important;color:transparent!important;font-size:0!important;padding:0!important;margin:0!important;outline:none}
.mras-exact-hotspots .hs:focus-visible,
.mras-exact-hotspots .hs-m:focus-visible{outline:3px solid #b9f0c9!important;outline-offset:2px;border-radius:12px!important}
.mras-exact-hotspots-desktop{display:block}
.mras-exact-hotspots-mobile{display:none}
/* coordinates are percentages of the approved 1536×1024 reference */
.hs-logo{right:8.7%;top:1.0%;width:15.5%;height:6.5%}
.hs-home{right:27.0%;top:1.2%;width:7.0%;height:5.8%}
.hs-courses{right:35.0%;top:1.2%;width:7.8%;height:5.8%}
.hs-stages{right:43.5%;top:1.2%;width:7.8%;height:5.8%}
.hs-about{right:52.2%;top:1.2%;width:8.4%;height:5.8%}
.hs-contact{right:61.5%;top:1.2%;width:8.4%;height:5.8%}
.hs-register{left:11.4%;top:1.0%;width:9.1%;height:5.2%}
.hs-login{left:20.5%;top:1.0%;width:7.8%;height:5.2%}
.hs-primary{right:10.4%;top:48.7%;width:15.7%;height:6.8%}
.hs-video{right:26.6%;top:48.7%;width:15.2%;height:6.8%}
.hs-first{right:17.7%;top:86.7%;width:31.7%;height:11.9%}
.hs-third{left:18.6%;top:86.7%;width:31.7%;height:11.9%}
.mras-exact-anchor{position:absolute;left:0;right:0;top:70%;height:1px;pointer-events:none}
.mras-exact-anchor.is-about{top:20%}
.mras-after-exact{background:linear-gradient(180deg,#081310,#0d1713)!important;color:#fff!important;padding-top:64px!important}
.mras-after-exact .aez-section-head h2,
.mras-after-exact .aez-course-card h3,
.mras-after-exact .aez-course-card h3 a{color:#fbf7ec!important}
.mras-after-exact .aez-section-head span,
.mras-after-exact .aez-section-head a,
.mras-after-exact .aez-course-excerpt,
.mras-after-exact .aez-course-card p{color:#d5e2d6!important}
.mras-after-exact .aez-course-card{background:linear-gradient(180deg,rgba(20,27,24,.98),rgba(10,17,14,.98))!important;border:1px solid rgba(229,211,168,.18)!important;box-shadow:0 18px 38px rgba(0,0,0,.18)!important}
.mras-after-exact .aez-course-go{background:linear-gradient(180deg,#c8f5d2,#9fe7b7)!important;color:#092116!important}
@media(max-width:760px){
  .mras-exact-hotspots-desktop{display:none}
  .mras-exact-hotspots-mobile{display:block}
  .mras-exact-picture img{width:100%;height:auto;object-fit:contain}
  .hs-m-primary{left:7%;right:7%;top:44.2%;height:5.6%}
  .hs-m-video{left:7%;right:7%;top:50.0%;height:5.6%}
  .hs-m-first{left:7%;right:7%;top:88.0%;height:9.5%}
  .hs-m-third{left:7%;right:7%;top:96.8%;height:9.5%}
  .mras-after-exact{padding-top:42px!important}
}

/* v1.0.2 — exact visual home rendering */
body.home{margin:0!important;background:#07100d!important;overflow-x:hidden!important}
body.home #wpadminbar{display:none!important}
html:has(body.home){margin-top:0!important}
body.home #aez-site-header,
body.home .aez-search-panel,
body.home .aez-footer,
body.home footer{display:none!important}
body.home .site-main,
body.home main,
body.home #page,
body.home .site{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;background:#07100d!important}
.mras-exact-home{position:relative;width:100vw;max-width:none!important;margin:0!important;background:#07100d;overflow:hidden}
.mras-exact-picture{display:block;width:100%;margin:0;padding:0}
.mras-exact-picture img{display:block;width:100vw;height:auto;margin:0;padding:0;object-fit:contain;object-position:top center;user-select:none;-webkit-user-drag:none}
.mras-exact-hotspots{position:absolute;inset:0;z-index:20;pointer-events:none}
.mras-exact-hotspots .hs,.mras-exact-hotspots .hs-m{position:absolute;display:block;pointer-events:auto;background:transparent!important;border:0!important;box-shadow:none!important;cursor:pointer;text-decoration:none!important;color:transparent!important;font-size:0!important;padding:0!important;margin:0!important;outline:none!important;appearance:none!important;-webkit-appearance:none!important}
.mras-exact-hotspots .hs:focus-visible,.mras-exact-hotspots .hs-m:focus-visible{outline:2px solid #b9f0c9!important;outline-offset:2px!important;border-radius:12px!important}
.mras-exact-hotspots-desktop{display:block}.mras-exact-hotspots-mobile{display:none}
/* percentage positions mapped to the approved 1536x1024 artwork */
.hs-logo{right:8.0%;top:.3%;width:15.7%;height:6.7%}
.hs-home{right:26.8%;top:.4%;width:7.5%;height:6.1%}
.hs-courses{right:34.7%;top:.4%;width:8.0%;height:6.1%}
.hs-stages{right:43.1%;top:.4%;width:8.0%;height:6.1%}
.hs-about{right:51.7%;top:.4%;width:8.7%;height:6.1%}
.hs-contact{right:60.9%;top:.4%;width:8.7%;height:6.1%}
.hs-register{left:12.1%;top:.3%;width:9.1%;height:5.7%}
.hs-login{left:21.1%;top:.3%;width:7.6%;height:5.7%}
.hs-primary{right:10.4%;top:48.7%;width:15.8%;height:6.9%}
.hs-video{right:26.6%;top:48.7%;width:15.4%;height:6.9%}
.hs-first{right:17.7%;top:86.6%;width:31.8%;height:12.2%}
.hs-third{left:18.6%;top:86.6%;width:31.8%;height:12.2%}
.mras-exact-anchor{position:absolute;left:0;right:0;top:70%;height:1px;pointer-events:none}.mras-exact-anchor.is-about{top:19%}
.mras-mobile-exact-menu{display:none}
@media(max-width:760px){
  .mras-exact-hotspots-desktop{display:none}.mras-exact-hotspots-mobile{display:block}
  .mras-exact-picture img{width:100vw;height:auto;object-fit:contain;object-position:top center}
  .hs-m-menu{left:2.7%;top:1.2%;width:10%;height:5.2%}
  .hs-m-primary{left:6.2%;right:6.2%;top:44.1%;height:5.8%}
  .hs-m-video{left:6.2%;right:6.2%;top:50.1%;height:5.8%}
  .hs-m-first{left:6.2%;right:6.2%;top:89.0%;height:8.4%}
  .mras-mobile-exact-menu{position:fixed;z-index:99999;top:0;left:0;right:0;bottom:0;background:rgba(4,14,11,.98);padding:92px 24px 24px;display:none;flex-direction:column;gap:12px}
  .mras-mobile-exact-menu:target{display:flex}
  .mras-mobile-exact-menu a{display:flex;min-height:52px;align-items:center;justify-content:center;border:1px solid rgba(199,246,209,.24);border-radius:14px;color:#f8f4e7;text-decoration:none;font-weight:800;background:rgba(255,255,255,.04)}
}


/* v1.0.3 — guaranteed correct brand spelling over flattened artwork */
.mras-exact-brand-fix{
  position:absolute;z-index:30;right:7.4%;top:.45%;width:16.8%;height:6.25%;
  display:flex;align-items:center;justify-content:flex-start;gap:10px;
  padding:0 10px;border-radius:0;background:linear-gradient(90deg,rgba(7,24,17,.96),rgba(7,24,17,.96));
  color:#F8F4E7;text-decoration:none!important;direction:rtl;box-sizing:border-box;
}
.mras-exact-brand-fix img{width:47px;height:47px;flex:0 0 auto;filter:brightness(0) invert(1) sepia(.16) saturate(.8)}
.mras-exact-brand-fix span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;white-space:nowrap}
.mras-exact-brand-fix strong{font-size:clamp(18px,2vw,31px);font-weight:900;color:#FFF8DF;letter-spacing:-.025em}
.mras-exact-brand-fix small{font-size:clamp(8px,.8vw,12px);font-weight:700;color:#D4E7D9;margin-top:4px}
@media(max-width:760px){
  .mras-exact-brand-fix{right:18.5%;top:.7%;width:61%;height:6.2%;justify-content:flex-start;padding:0 6px;background:rgba(7,24,17,.98);gap:7px}
  .mras-exact-brand-fix img{width:34px;height:34px}
  .mras-exact-brand-fix strong{font-size:15px}
  .mras-exact-brand-fix small{font-size:7px;margin-top:2px}
}

/* v1.0.4 — rebuilt mobile homepage, independent from desktop artwork */
.mras-exact-mobile-canvas{display:none}
@media(max-width:760px){
  .mras-exact-picture-desktop{display:none!important}
  .mras-exact-brand-fix{display:none!important}
  .mras-exact-hotspots-mobile{display:block!important;position:absolute;inset:0 0 auto 0;height:805px;z-index:40}
  .mras-exact-home{min-height:100vh;background:#07100d!important;overflow:visible!important}
  .mras-exact-mobile-canvas{display:block;position:relative;width:100%;background:#07100d;color:#fff;overflow:hidden}
  .mras-exact-mobile-hero{display:block;width:100%;height:auto;max-width:none;margin:0;object-fit:contain;object-position:top center;user-select:none;-webkit-user-drag:none}
  .mras-mobile-stage-real{position:relative;padding:26px 16px 34px;background:
    radial-gradient(circle at 18% 0%,rgba(187,91,21,.22),transparent 28%),
    radial-gradient(circle at 82% 12%,rgba(47,150,91,.18),transparent 30%),
    linear-gradient(180deg,#07100d 0%,#0a1511 100%);border-top:1px solid rgba(231,213,173,.16)}
  .mras-mobile-stage-real:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(190,220,198,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(190,220,198,.025) 1px,transparent 1px);background-size:28px 28px;opacity:.45}
  .mras-mobile-stage-heading{position:relative;z-index:1;text-align:center;margin:0 auto 20px}
  .mras-mobile-stage-heading span{display:block;color:#d9b56b;font-weight:800;font-size:13px;margin-bottom:7px}
  .mras-mobile-stage-heading h2{margin:0;color:#fbf7ec;font-size:27px;line-height:1.25;font-weight:900;letter-spacing:-.02em}
  .mras-mobile-stage-heading p{margin:8px auto 0;color:#d3ded6;font-size:12px;line-height:1.65;max-width:320px}
  .mras-mobile-grade-card{position:relative;z-index:1;display:grid;grid-template-columns:48px 1fr 38px;align-items:center;gap:12px;min-height:104px;padding:14px 14px;border-radius:18px;text-decoration:none!important;overflow:hidden;margin-top:13px;border:1px solid rgba(224,198,137,.38);box-shadow:0 14px 32px rgba(0,0,0,.2);isolation:isolate}
  .mras-mobile-grade-card:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('assets/images/hero-cinematic-mobile.jpg');background-size:cover;background-position:center 42%;filter:brightness(.42) saturate(.8)}
  .mras-mobile-grade-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,13,10,.35),rgba(5,13,10,.84) 54%,rgba(5,13,10,.94))}
  .mras-mobile-grade-card.is-third{border-color:rgba(116,225,155,.4)}
  .mras-mobile-grade-card.is-third:after{background:linear-gradient(90deg,rgba(6,35,23,.36),rgba(5,27,19,.82) 54%,rgba(5,21,16,.95))}
  .mras-mobile-grade-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(10,22,16,.72);border:1px solid rgba(239,219,170,.26);font-size:23px}
  .mras-mobile-grade-card strong{display:block;color:#fff8e9;font-size:20px;line-height:1.25;margin-bottom:6px}
  .mras-mobile-grade-card small{display:block;color:#d9e4dc;font-size:12px;line-height:1.45}
  .mras-mobile-grade-arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#a8edbf;color:#0a1a13;font-size:27px;font-weight:900;line-height:1}

  /* click map now references only the stable hero image portion */
  .hs-m-menu{left:2.5%;top:1.0%;width:12%;height:5.5%}
  .hs-m-primary{left:6.5%;right:6.5%;top:43.9%;height:5.8%}
  .hs-m-video{left:6.5%;right:6.5%;top:49.9%;height:5.8%}
  .hs-m-first{display:none!important}

  .mras-mobile-exact-menu{padding-top:78px;background:rgba(4,14,11,.985);backdrop-filter:blur(12px)}
  .mras-mobile-exact-menu a{min-height:50px;font-size:15px}
}
@media(max-width:390px){
  .mras-mobile-stage-heading h2{font-size:24px}
  .mras-mobile-grade-card{grid-template-columns:42px 1fr 34px;padding:12px;min-height:96px}
  .mras-mobile-grade-icon{width:40px;height:40px;font-size:20px}
  .mras-mobile-grade-card strong{font-size:18px}
  .mras-mobile-grade-arrow{width:32px;height:32px;font-size:24px}
}

/* v1.0.5 — true responsive mobile homepage, no baked phone chrome, high-res hero */
@media(max-width:760px){
  .mras-exact-hotspots-mobile{display:none!important}
  .mras-exact-mobile-canvas{display:block!important;background:#07100d;color:#fff;overflow:hidden}
  .mras-mobile-real-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#071712;border-bottom:1px solid rgba(229,210,163,.13);position:relative;z-index:5}
  .mras-mobile-menu-btn{width:42px;height:42px;border:1px solid rgba(241,226,191,.28);border-radius:12px;display:grid;place-items:center;color:#f8f2df!important;text-decoration:none!important;font-size:22px;background:rgba(255,255,255,.025)}
  .mras-mobile-real-brand{display:flex;align-items:center;gap:9px;text-decoration:none!important;color:#fff!important;direction:ltr}
  .mras-mobile-real-brand img{width:44px;height:44px;object-fit:contain;filter:brightness(1.2)}
  .mras-mobile-real-brand span{display:flex;flex-direction:column;text-align:right;direction:rtl;line-height:1.1}
  .mras-mobile-real-brand strong{font-size:18px;color:#fff8e9;font-weight:900}
  .mras-mobile-real-brand small{font-size:8px;color:#d6e5d8;margin-top:4px;font-weight:700}

  .mras-mobile-real-hero{position:relative;background:
    radial-gradient(circle at 15% 42%,rgba(202,88,13,.18),transparent 35%),
    linear-gradient(180deg,#0a1712 0%,#07100d 100%)}
  .mras-mobile-real-photo{height:56vw;min-height:250px;max-height:370px;background-image:
    linear-gradient(180deg,rgba(4,12,9,.03) 0%,rgba(4,12,9,.02) 58%,#07100d 100%),
    url('assets/images/mobile-cinematic-bg-v105.jpg');
    background-size:cover;background-position:center top;background-repeat:no-repeat;position:relative}
  .mras-mobile-real-copy{padding:0 18px 26px;text-align:center;margin-top:-6px;position:relative;z-index:2}
  .mras-mobile-real-eyebrow{display:block;color:#e3c47f;font-weight:800;font-size:13px;margin-bottom:8px}
  .mras-mobile-real-copy h1{margin:0;display:flex;flex-direction:column;line-height:.98;letter-spacing:-.035em}
  .mras-mobile-real-copy h1 span{font-size:48px;color:#fff9e9;font-weight:950;text-shadow:0 5px 18px rgba(0,0,0,.38)}
  .mras-mobile-real-copy h1 strong{font-size:48px;color:#9df0bc;font-weight:950;text-shadow:0 5px 18px rgba(0,0,0,.38)}
  .mras-mobile-real-copy p{font-size:14px;line-height:1.7;color:#e5eee7;margin:14px 0 18px}
  .mras-mobile-real-actions{display:grid;gap:10px}
  .mras-mobile-real-actions a,.mras-mobile-real-actions button{height:50px;border-radius:13px;font:inherit;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none!important;cursor:pointer}
  .mras-mobile-real-actions .is-primary{background:linear-gradient(180deg,#a8efbf,#55c985);color:#07170f!important;border:1px solid rgba(199,246,209,.45);box-shadow:0 10px 24px rgba(46,175,99,.2)}
  .mras-mobile-real-actions .is-secondary{background:rgba(5,14,11,.7);color:#fff7e7;border:1px solid rgba(229,202,142,.55)}
  .mras-mobile-real-actions b{font-size:16px}
  .mras-mobile-real-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;padding:14px 8px;border:1px solid rgba(229,210,163,.12);border-radius:16px;background:rgba(4,13,10,.56)}
  .mras-mobile-real-features div{min-width:0;padding:4px 3px}
  .mras-mobile-real-features div:nth-child(4),.mras-mobile-real-features div:nth-child(5){grid-column:span 1}
  .mras-mobile-real-features i{display:block;font-style:normal;color:#e0c579;font-size:23px;margin-bottom:6px}
  .mras-mobile-real-features strong{display:block;color:#fff8e8;font-size:11px;line-height:1.35}
  .mras-mobile-real-features small{display:block;color:#c8d8cc;font-size:9px;line-height:1.35;margin-top:3px}

  .mras-mobile-stage-real{padding-top:30px!important}
  .mras-mobile-grade-card:before{background-image:url('assets/images/mobile-cinematic-bg-v105.jpg')!important;background-size:cover!important;background-position:center 45%!important}
  .mras-mobile-exact-menu{z-index:999999!important}
}
@media(max-width:390px){
  .mras-mobile-real-header{height:68px;padding:0 12px}
  .mras-mobile-menu-btn{width:38px;height:38px;font-size:20px}
  .mras-mobile-real-brand img{width:38px;height:38px}
  .mras-mobile-real-brand strong{font-size:16px}
  .mras-mobile-real-photo{height:61vw;min-height:230px}
  .mras-mobile-real-copy{padding-inline:14px}
  .mras-mobile-real-copy h1 span,.mras-mobile-real-copy h1 strong{font-size:42px}
  .mras-mobile-real-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mras-mobile-real-features div:last-child{grid-column:1/-1}
}

/* v1.0.6 — Site-wide cinematic identity */
:root{
  --cine-ink:#07120f;
  --cine-ink-2:#0b1813;
  --cine-ink-3:#10241b;
  --cine-emerald:#238a5b;
  --cine-mint:#b9efc9;
  --cine-cream:#fbf5e7;
  --cine-gold:#d7b46e;
  --cine-bronze:#9a5b2f;
  --cine-line:rgba(222,197,142,.23);
  --cine-line-green:rgba(155,232,184,.20);
  --cine-text:#f8f3e7;
  --cine-muted:#c7d8cc;
  --cine-card:linear-gradient(180deg,rgba(17,29,23,.96),rgba(8,17,13,.97));
  --cine-shadow:0 24px 60px rgba(0,0,0,.30);
}

body:not(.home){background:var(--cine-ink)!important;color:var(--cine-text)!important}
body:not(.home) #aez-site-header{background:rgba(6,17,13,.95)!important;border-bottom:1px solid var(--cine-line)!important;box-shadow:0 10px 35px rgba(0,0,0,.16)!important;backdrop-filter:blur(16px)}
body:not(.home) #aez-site-header .aez-nav{min-height:84px!important}
body:not(.home) #aez-site-header .aez-brand-text strong{color:var(--cine-cream)!important}
body:not(.home) #aez-site-header .aez-brand-text span,body:not(.home) #aez-site-header .aez-brand-text small{color:#b9d7c3!important}
body:not(.home) #aez-site-header .aez-menu a{color:#f4f0e5!important}
body:not(.home) #aez-site-header .aez-menu a:hover,body:not(.home) #aez-site-header .aez-menu .current-menu-item>a{color:var(--cine-mint)!important}
body:not(.home) #aez-site-header .aez-menu .current-menu-item>a:after{background:var(--cine-mint)!important}
body:not(.home) #aez-site-header .aez-search-round{background:rgba(255,255,255,.03)!important;border-color:rgba(245,238,218,.26)!important}
body:not(.home) #aez-site-header .aez-btn{border-radius:14px!important;font-weight:900!important}
body:not(.home) #aez-site-header .aez-btn-primary{background:linear-gradient(180deg,#c8f5d4,#94dfad)!important;color:#08180f!important;border-color:#c9f5d5!important}
body:not(.home) #aez-site-header .aez-btn-ghost,body:not(.home) #aez-site-header .mras-desktop-logout{background:rgba(255,255,255,.025)!important;color:#fff!important;border:1px solid rgba(238,218,173,.38)!important}
body:not(.home) .aez-search-panel{background:#0a1712!important;border-color:var(--cine-line)!important}
body:not(.home) .aez-search-panel input{background:#111f19!important;color:#fff!important;border-color:var(--cine-line)!important}

body:not(.home) .site-main,body:not(.home) main{background:var(--cine-ink)!important}
body:not(.home) .aez-page-hero,body:not(.home) .aez-grade-page-hero,body:not(.home) .mras-courses-hero,body:not(.home) .mras-admin-hero,body:not(.home) .mras-dashboard-hero,body:not(.home) .aez-course-hero{
  position:relative!important;overflow:hidden!important;background:
  linear-gradient(90deg,rgba(7,18,15,.95),rgba(7,18,15,.72)),
  url('assets/images/hero-cinematic-desktop.jpg') center 34%/cover no-repeat!important;
  color:#fff!important;border-bottom:1px solid var(--cine-line)!important;
}
body:not(.home) .aez-grade-page-hero:after,body:not(.home) .mras-courses-hero:after,body:not(.home) .mras-admin-hero:after,body:not(.home) .mras-dashboard-hero:after,body:not(.home) .aez-course-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 72%,rgba(193,88,20,.18),transparent 32%),radial-gradient(circle at 78% 20%,rgba(40,168,94,.12),transparent 26%)}
body:not(.home) .aez-grade-page-hero>.container,body:not(.home) .mras-courses-hero>.container,body:not(.home) .mras-admin-hero>.container,body:not(.home) .mras-dashboard-hero>.container,body:not(.home) .aez-course-hero>.tutor-container{position:relative;z-index:2}
body:not(.home) .aez-grade-page-hero h1,body:not(.home) .mras-courses-hero h1,body:not(.home) .mras-admin-hero h1,body:not(.home) .mras-dashboard-hero h1,body:not(.home) .aez-course-hero h1{color:var(--cine-cream)!important;text-shadow:0 6px 18px rgba(0,0,0,.35)}
body:not(.home) .aez-grade-page-hero p,body:not(.home) .mras-courses-hero p,body:not(.home) .mras-dashboard-hero p,body:not(.home) .aez-course-hero p{color:#d7e4da!important}
body:not(.home) .aez-kicker,body:not(.home) .mras-dashboard-kicker,body:not(.home) .mras-code-kicker,body:not(.home) .aez-card-eyebrow{color:var(--cine-gold)!important}

/* Shared surfaces */
body:not(.home) .aez-auth-card,body:not(.home) .aez-auth-brand,body:not(.home) .mras-subject-card,body:not(.home) .aez-course-card,body:not(.home) .mras-admin-card,body:not(.home) .mras-dashboard-grade-card,body:not(.home) .mras-student-bundle-card,body:not(.home) .aez-code-checkout-card,body:not(.home) .aez-course-video-card,body:not(.home) .aez-course-sidebar,body:not(.home) .aez-course-tabs-shell,body:not(.home) .mras-sequence-item,body:not(.home) .mras-stage-jump a,body:not(.home) .mras-stage-empty,body:not(.home) .aez-empty-state{
  background:var(--cine-card)!important;color:var(--cine-text)!important;border:1px solid var(--cine-line)!important;border-radius:22px!important;box-shadow:var(--cine-shadow)!important;
}
body:not(.home) .aez-auth-card h1,body:not(.home) .aez-auth-card h2,body:not(.home) .aez-auth-brand h2,body:not(.home) .mras-subject-card h2,body:not(.home) .aez-course-card h3,body:not(.home) .mras-admin-card h2,body:not(.home) .mras-admin-card h3,body:not(.home) .mras-dashboard-section h2,body:not(.home) .aez-code-checkout-card h1,body:not(.home) .aez-course-card-heading h2,body:not(.home) .aez-course-sidebar h3{color:var(--cine-cream)!important}
body:not(.home) .aez-auth-card p,body:not(.home) .aez-auth-brand p,body:not(.home) .mras-subject-card p,body:not(.home) .aez-course-card p,body:not(.home) .mras-admin-card p,body:not(.home) .mras-student-bundle-card p,body:not(.home) .aez-code-checkout-lead,body:not(.home) .aez-course-sidebar,body:not(.home) .aez-course-tabs-content{color:var(--cine-muted)!important}

/* Auth */
body:not(.home) .aez-auth{min-height:calc(100vh - 84px);padding:58px 0!important;background:linear-gradient(90deg,rgba(6,17,13,.94),rgba(6,17,13,.76)),url('assets/images/hero-cinematic-desktop.jpg') center/cover fixed no-repeat!important}
body:not(.home) .aez-auth-grid{gap:28px!important}
body:not(.home) .aez-auth-brand{background:linear-gradient(180deg,rgba(20,35,27,.82),rgba(8,17,13,.94))!important;overflow:hidden!important}
body:not(.home) .aez-auth-brand img{filter:drop-shadow(0 22px 36px rgba(0,0,0,.34));max-height:440px!important}
body:not(.home) .aez-auth-card{background:linear-gradient(180deg,rgba(12,25,19,.96),rgba(7,16,12,.98))!important}
body:not(.home) .aez-field label{color:#f6f1e5!important}
body:not(.home) .aez-field input,body:not(.home) .aez-field select,body:not(.home) textarea,body:not(.home) .mras-admin-card input,body:not(.home) .mras-admin-card select{background:#102019!important;color:#fff!important;border:1px solid rgba(210,232,216,.18)!important;box-shadow:none!important}
body:not(.home) .aez-field input::placeholder,body:not(.home) textarea::placeholder{color:#83998b!important}
body:not(.home) .aez-field input:focus,body:not(.home) .aez-field select:focus,body:not(.home) textarea:focus{border-color:#7fd49c!important;box-shadow:0 0 0 3px rgba(78,180,112,.12)!important}
body:not(.home) .aez-radio{background:#0f2018!important;color:#fff!important;border-color:rgba(210,232,216,.16)!important}

/* Buttons */
body:not(.home) .aez-btn-primary,body:not(.home) .aez-course-go,body:not(.home) .mras-admin-primary,body:not(.home) .mras-reset-submit,body:not(.home) .mras-code-submit,body:not(.home) button[type="submit"]:not(.mras-danger){background:linear-gradient(180deg,#c6f4d1,#94dfac)!important;color:#07170e!important;border:1px solid rgba(205,249,217,.70)!important;border-radius:14px!important;box-shadow:0 12px 28px rgba(34,139,85,.18)!important;font-weight:900!important}
body:not(.home) .mras-admin-secondary,body:not(.home) .aez-btn-secondary,body:not(.home) .mras-dashboard-logout{background:rgba(255,255,255,.035)!important;color:#f8f2e5!important;border:1px solid rgba(222,197,142,.32)!important;border-radius:14px!important}

/* Course + grade hubs */
body:not(.home) .aez-grade-course-section,body:not(.home) .mras-stage-section,body:not(.home) .mras-stage-jump,body:not(.home) .aez-course-layout{background:#08130f!important}
body:not(.home) .mras-subject-grid,body:not(.home) .aez-courses-grid{gap:20px!important}
body:not(.home) .mras-subject-card{transition:.2s ease!important}
body:not(.home) .mras-subject-card:hover,body:not(.home) .aez-course-card:hover{transform:translateY(-3px)!important;border-color:rgba(187,239,204,.38)!important;box-shadow:0 28px 62px rgba(0,0,0,.34)!important}
body:not(.home) .mras-subject-card>span,body:not(.home) .mras-stage-number{background:rgba(55,169,98,.13)!important;color:#a9e8bd!important;border:1px solid rgba(165,229,187,.20)!important}
body:not(.home) .mras-subject-card b,body:not(.home) .aez-course-category,body:not(.home) .aez-course-tag{color:var(--cine-gold)!important}
body:not(.home) .mras-stage-head h2,body:not(.home) .mras-stage-branch-head h2{color:var(--cine-cream)!important}
body:not(.home) .mras-stage-head p,body:not(.home) .mras-stage-branch-head p{color:var(--cine-muted)!important}
body:not(.home) .mras-stage-head>a{color:#b9efc9!important;border-color:rgba(185,239,201,.25)!important}
body:not(.home) .mras-stage-subjects a{background:#102019!important;color:#f6f1e5!important;border-color:rgba(222,197,142,.18)!important}
body:not(.home) .aez-course-thumb{background:#0b1813!important}
body:not(.home) .aez-course-card-body{background:transparent!important}
body:not(.home) .aez-course-meta{color:#a9c0b0!important}
body:not(.home) .aez-grade-pagination a,body:not(.home) .aez-grade-pagination span{background:#102019!important;color:#f7f2e5!important;border-color:var(--cine-line)!important}
body:not(.home) .aez-grade-pagination .current{background:#b7ebc6!important;color:#08170f!important}

/* Single course */
body:not(.home) .aez-course-layout{padding-top:42px!important}
body:not(.home) .aez-course-video-wrap{background:#050b08!important;border-radius:18px!important;border:1px solid var(--cine-line)!important}
body:not(.home) .aez-course-tabs-nav{background:#0d1d16!important;border-color:var(--cine-line)!important}
body:not(.home) .aez-course-tabs-nav a{color:#cfddd2!important}
body:not(.home) .aez-course-tabs-nav .is-active,body:not(.home) .aez-course-tabs-nav a:hover{color:#c2f1cf!important;border-color:#83d5a0!important}
body:not(.home) .mras-sequence-number,body:not(.home) .mras-pass-pill{background:#153c2b!important;color:#bceeca!important}
body:not(.home) .mras-lock-pill{background:#4b2c1c!important;color:#f3c78b!important}

/* Dashboard + admin */
body:not(.home) .mras-platform-admin,body:not(.home) .mras-student-dashboard{background:#08130f!important;color:#fff!important}
body:not(.home) .mras-admin-wrap,body:not(.home) .mras-dashboard-section{background:#08130f!important}
body:not(.home) .mras-admin-nav{background:#0d1d16!important;border:1px solid var(--cine-line)!important;border-radius:18px!important;box-shadow:var(--cine-shadow)!important}
body:not(.home) .mras-admin-nav button,body:not(.home) .mras-admin-nav a{background:#102019!important;color:#e8f0ea!important;border-color:rgba(214,234,220,.13)!important}
body:not(.home) .mras-admin-nav .is-active,body:not(.home) .mras-admin-nav button:hover{background:linear-gradient(180deg,#c4f2cf,#96dfae)!important;color:#08160e!important}
body:not(.home) .mras-admin-section-head h2,body:not(.home) .mras-dashboard-section-head h2{color:var(--cine-cream)!important}
body:not(.home) .mras-admin-help,body:not(.home) .mras-dashboard-section-head p{color:var(--cine-muted)!important}
body:not(.home) table{background:#0d1c16!important;color:#edf3ee!important;border-color:rgba(216,233,221,.12)!important}
body:not(.home) th{background:#12251c!important;color:#f8f2e6!important;border-color:rgba(216,233,221,.12)!important}
body:not(.home) td{border-color:rgba(216,233,221,.10)!important;color:#d6e2d8!important}
body:not(.home) tr:hover td{background:rgba(51,145,88,.07)!important}

/* Code checkout */
body:not(.home) .aez-code-checkout-page{min-height:calc(100vh - 84px);padding:64px 0!important;background:linear-gradient(90deg,rgba(6,17,13,.95),rgba(6,17,13,.78)),url('assets/images/hero-cinematic-desktop.jpg') center/cover fixed no-repeat!important}
body:not(.home) .aez-code-checkout-icon{background:rgba(58,165,99,.14)!important;color:#b9efca!important;border-color:rgba(185,239,202,.18)!important}
body:not(.home) .mras-code-course{background:#102019!important;border-color:rgba(222,197,142,.16)!important;color:#fff!important}

/* Generic WordPress pages */
body:not(.home) article,body:not(.home) .aez-content,body:not(.home) .entry-content{color:#d9e3db}
body:not(.home) .entry-title,body:not(.home) article h1,body:not(.home) article h2,body:not(.home) article h3{color:var(--cine-cream)}
body:not(.home) a{transition:.2s ease}

/* Footer */
.aez-footer{background:linear-gradient(180deg,#07120f,#040b08)!important;color:#d6e2d8!important;border-top:1px solid var(--cine-line)!important}
.aez-footer h3,.aez-footer strong{color:var(--cine-cream)!important}
.aez-footer a{color:#cce5d4!important}.aez-footer a:hover{color:#b8efc8!important}

@media(max-width:980px){
  body:not(.home) #aez-site-header .aez-menu{background:#0a1712!important;border-color:var(--cine-line)!important}
  body:not(.home) .aez-auth{background:linear-gradient(180deg,rgba(6,17,13,.78),rgba(6,17,13,.98)),url('assets/images/mobile-cinematic-bg-v105.jpg') center top/cover no-repeat!important}
  body:not(.home) .aez-grade-page-hero,body:not(.home) .mras-courses-hero,body:not(.home) .mras-admin-hero,body:not(.home) .mras-dashboard-hero,body:not(.home) .aez-course-hero{background:linear-gradient(180deg,rgba(7,18,15,.72),rgba(7,18,15,.96)),url('assets/images/mobile-cinematic-bg-v105.jpg') center 18%/cover no-repeat!important}
  body:not(.home) .aez-code-checkout-page{background:linear-gradient(180deg,rgba(6,17,13,.80),rgba(6,17,13,.98)),url('assets/images/mobile-cinematic-bg-v105.jpg') center top/cover no-repeat!important}
  body:not(.home) .aez-auth-card,body:not(.home) .aez-auth-brand,body:not(.home) .mras-admin-card,body:not(.home) .mras-subject-card,body:not(.home) .aez-course-card{border-radius:18px!important}
}


/* v1.0.7 — refine mobile hero + stage cards to match approved mockup */
@media(max-width:760px){
  .mras-mobile-real-hero{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,#0b1612 0%,#06100d 100%);
  }
  .mras-mobile-real-hero:before{
    content:"";
    position:absolute;inset:0;
    background-image:
      linear-gradient(180deg,rgba(6,16,13,.12) 0%,rgba(6,16,13,.06) 38%,rgba(6,16,13,.48) 58%,rgba(6,16,13,.84) 76%,rgba(6,16,13,.98) 100%),
      radial-gradient(circle at 12% 8%,rgba(196,94,23,.28),transparent 26%),
      radial-gradient(circle at 80% 12%,rgba(35,138,91,.20),transparent 28%),
      url('assets/images/mobile-cinematic-bg-v105.jpg');
    background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;
    transform:scale(1.02);
  }
  .mras-mobile-real-photo{display:none}
  .mras-mobile-real-copy{padding:240px 18px 28px;position:relative;z-index:2;margin-top:0}
  .mras-mobile-real-eyebrow{font-size:15px;margin-bottom:10px}
  .mras-mobile-real-copy h1 span{font-size:56px}
  .mras-mobile-real-copy h1 strong{font-size:56px}
  .mras-mobile-real-copy p{font-size:16px;line-height:1.8;max-width:330px;margin:14px auto 20px}
  .mras-mobile-real-actions a,.mras-mobile-real-actions button{height:54px;border-radius:15px;font-size:17px}
  .mras-mobile-real-features{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    margin-top:18px;
    padding:14px 8px;
    border:1px solid rgba(229,210,163,.14);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(5,14,11,.66),rgba(5,14,11,.78));
  }
  .mras-mobile-real-features div{padding:12px 8px; position:relative}
  .mras-mobile-real-features div:nth-child(odd):after{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:1px;background:rgba(226,204,153,.12)}
  .mras-mobile-real-features div:nth-child(5){grid-column:1/-1}
  .mras-mobile-real-features i{font-size:22px;margin-bottom:8px}
  .mras-mobile-real-features strong{font-size:13px}
  .mras-mobile-real-features small{font-size:10px}

  .mras-mobile-stage-real{padding:34px 14px 38px}
  .mras-mobile-stage-heading{margin-bottom:16px}
  .mras-mobile-stage-heading span{font-size:15px;color:#d8b46a}
  .mras-mobile-stage-heading h2{font-size:32px;line-height:1.18;letter-spacing:-.03em;color:#fbf7ec}
  .mras-mobile-stage-heading p{font-size:14px;line-height:1.7;color:#d8e3dc;max-width:340px}

  .mras-mobile-grade-card{
    grid-template-columns:44px 1fr 44px;
    gap:10px;
    min-height:118px;
    padding:0;
    border-radius:22px;
    border:1px solid rgba(224,198,137,.42);
    background:#101714;
  }
  .mras-mobile-grade-card:before{
    background-size:cover!important;
    background-position:center center!important;
    filter:none!important;
  }
  .mras-mobile-grade-card.is-first:before{background-image:url('assets/images/stage-first-card-ref.png')!important}
  .mras-mobile-grade-card.is-third:before{background-image:url('assets/images/stage-third-card-ref.png')!important}
  .mras-mobile-grade-card:after{background:linear-gradient(90deg,rgba(4,12,10,.18) 0%,rgba(4,12,10,.36) 18%,rgba(4,12,10,.66) 44%,rgba(4,12,10,.92) 100%)!important}
  .mras-mobile-grade-card > div:nth-child(2){padding:18px 0}
  .mras-mobile-grade-icon{
    width:38px;height:38px;margin-inline-start:12px;
    background:rgba(6,15,12,.68);
    border:1px solid rgba(240,220,177,.30);
    font-size:18px;
  }
  .mras-mobile-grade-card strong{font-size:17px;line-height:1.3;margin-bottom:4px;font-weight:900}
  .mras-mobile-grade-card small{font-size:11px;line-height:1.5;color:#dfebe2}
  .mras-mobile-grade-arrow{width:34px;height:34px;margin-inline-end:12px;font-size:22px;background:#b2efc3}
}
@media(max-width:390px){
  .mras-mobile-real-copy{padding:216px 14px 24px}
  .mras-mobile-real-copy h1 span,.mras-mobile-real-copy h1 strong{font-size:48px}
  .mras-mobile-real-copy p{font-size:15px}
  .mras-mobile-stage-heading h2{font-size:28px}
  .mras-mobile-grade-card{min-height:112px}
}

/* =========================================================
   v1.0.8 — Native homepage + true light/dark design system
   ========================================================= */
:root,
html[data-theme="light"]{
  --mras-bg:#f5f6f3;
  --mras-surface:#ffffff;
  --mras-surface-2:#eef2ed;
  --mras-surface-3:#e5ebe5;
  --mras-text:#102019;
  --mras-text-soft:#52645a;
  --mras-border:#d6ded7;
  --mras-primary:#2f9364;
  --mras-primary-2:#8fdbad;
  --mras-primary-ink:#0b291c;
  --mras-gold:#b78b42;
  --mras-danger:#c43d3d;
  --mras-shadow:0 14px 36px rgba(15,35,26,.08);
}
html[data-theme="dark"]{
  --mras-bg:#07100d;
  --mras-surface:#0d1814;
  --mras-surface-2:#12221a;
  --mras-surface-3:#182a20;
  --mras-text:#f8f4e8;
  --mras-text-soft:#c6d5cb;
  --mras-border:rgba(221,202,158,.18);
  --mras-primary:#50c584;
  --mras-primary-2:#b7efc9;
  --mras-primary-ink:#07160f;
  --mras-gold:#d6b368;
  --mras-danger:#e06060;
  --mras-shadow:0 18px 44px rgba(0,0,0,.22);
}

html,body,
button,input,select,textarea,
.aez-btn,.tutor-btn,.woocommerce,
.aez-header,.aez-footer,.aez-content,.aez-auth,.aez-page-hero,
.mras-dashboard-shell,.mras-admin-shell,.tutor-wrap,.tutor-container{
  font-family:"Tajawal",sans-serif!important;
}
body{
  background:var(--mras-bg)!important;
  color:var(--mras-text)!important;
  transition:background-color .18s ease,color .18s ease;
}
body,body p,body li,body label,body td,body th,body small,body span{color:inherit}
a{color:inherit}

/* Theme toggle */
.mras-theme-toggle{
  width:44px;height:44px;border-radius:13px;border:1px solid var(--mras-border)!important;
  background:var(--mras-surface-2)!important;color:var(--mras-text)!important;
  display:grid;place-items:center;cursor:pointer;font-size:20px;box-shadow:none!important;flex:0 0 auto;
}
.mras-theme-toggle:hover{transform:translateY(-1px);background:var(--mras-surface-3)!important}

/* Global header/footer */
#aez-site-header.aez-header{
  background:color-mix(in srgb,var(--mras-surface) 94%,transparent)!important;
  border-color:var(--mras-border)!important;
  color:var(--mras-text)!important;
}
#aez-site-header .aez-brand-text strong,#aez-site-header .aez-menu a{color:var(--mras-text)!important}
#aez-site-header .aez-brand-text span,#aez-site-header .aez-brand-text small{color:var(--mras-text-soft)!important}
#aez-site-header .aez-menu a:hover,#aez-site-header .aez-menu .current-menu-item>a{color:var(--mras-primary)!important}
#aez-site-header .aez-menu a:after{background:var(--mras-primary)!important}
.aez-menu-toggle,.aez-search-round{background:var(--mras-surface-2)!important;border-color:var(--mras-border)!important;color:var(--mras-text)!important}
.aez-btn-primary,.tutor-btn-primary,.wp-element-button{background:var(--mras-primary)!important;color:#fff!important;border-color:transparent!important}
html[data-theme="light"] .aez-btn-primary,html[data-theme="light"] .tutor-btn-primary{color:#fff!important}
.aez-btn-outline,.aez-btn-ghost,.mras-desktop-logout{background:var(--mras-surface)!important;color:var(--mras-text)!important;border-color:var(--mras-border)!important}
.aez-footer{background:var(--mras-surface)!important;border-color:var(--mras-border)!important;color:var(--mras-text)!important}
.aez-footer p,.aez-footer li,.aez-footer a,.aez-footer small{color:var(--mras-text-soft)!important}

/* Global surfaces */
.aez-home-section,.aez-section,.aez-auth,.aez-page-hero,.aez-content,
.aez-about,.aez-grade-page-hero,.aez-course-page,.aez-woocommerce,
.mras-dashboard-shell,.mras-admin-shell,.tutor-wrap,.tutor-container,
.tutor-course-details-page,.tutor-course-single-content-wrapper{background:var(--mras-bg)!important;color:var(--mras-text)!important}
.aez-feature,.aez-grade,.aez-course-card,.aez-auth-brand,.aez-auth-card,.aez-content article,
.mras-admin-card,.mras-dashboard-card,.mras-dashboard-section,.mras-panel,.mras-card,
.tutor-card,.tutor-dashboard .tutor-dashboard-content,.tutor-course-card,.tutor-course-details-tab,
.tutor-course-single-sidebar-wrapper,.tutor-login-wrap,.tutor-registration-wrap,
.woocommerce form,.woocommerce table,.woocommerce .cart_totals,.woocommerce .woocommerce-checkout-review-order{
  background:var(--mras-surface)!important;color:var(--mras-text)!important;border-color:var(--mras-border)!important;box-shadow:var(--mras-shadow)!important;
}
.aez-feature h3,.aez-grade h3,.aez-course-card h3,.aez-course-card h3 a,
.aez-auth-card h1,.aez-auth-card h2,.mras-dashboard-section h2,.mras-dashboard-section h3,
.mras-admin-card h2,.mras-admin-card h3,.tutor-card h3,.tutor-card h4,
.tutor-course-details-page h1,.tutor-course-details-page h2,.tutor-course-details-page h3,
.woocommerce h1,.woocommerce h2,.woocommerce h3{color:var(--mras-text)!important}
.aez-feature p,.aez-grade p,.aez-course-card p,.aez-course-excerpt,.aez-section-sub,
.aez-auth-card p,.mras-dashboard-section p,.mras-admin-card p,
.tutor-color-secondary,.tutor-fs-7,.tutor-fs-6,.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message{color:var(--mras-text-soft)!important}

/* Forms/tables */
input:not([type="checkbox"]):not([type="radio"]),select,textarea,
.tutor-form-control,.select2-container .select2-selection--single,
.woocommerce input.input-text,.woocommerce textarea{
  background:var(--mras-surface)!important;color:var(--mras-text)!important;border-color:var(--mras-border)!important;
}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--mras-text-soft) 75%,transparent)!important}
input:focus,select:focus,textarea:focus,.tutor-form-control:focus{border-color:var(--mras-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mras-primary) 18%,transparent)!important}
table,th,td,.tutor-table,.woocommerce table.shop_table{border-color:var(--mras-border)!important;color:var(--mras-text)!important}
th,.tutor-table thead th,.woocommerce table.shop_table thead th{background:var(--mras-surface-2)!important;color:var(--mras-text)!important}
td,.tutor-table tbody td,.woocommerce table.shop_table tbody td{background:var(--mras-surface)!important}
tr:nth-child(even) td{background:color-mix(in srgb,var(--mras-surface-2) 48%,var(--mras-surface))!important}

/* Tutor and admin navigation */
.tutor-dashboard-left-menu .tutor-dashboard-menu-item-link,.mras-dashboard-tabs button,.mras-dashboard-tabs a,
.mras-admin-tabs button,.mras-admin-tabs a{color:var(--mras-text)!important;background:transparent!important;border-color:var(--mras-border)!important}
.tutor-dashboard-left-menu .active .tutor-dashboard-menu-item-link,
.tutor-dashboard-menu-item-link:hover,.mras-dashboard-tabs .is-active,.mras-admin-tabs .is-active{
  background:color-mix(in srgb,var(--mras-primary) 15%,var(--mras-surface))!important;color:var(--mras-primary)!important;
}
.tutor-course-single-sidebar-wrapper,.tutor-course-single-content-wrapper{background:var(--mras-surface)!important;color:var(--mras-text)!important}
.tutor-course-topic-item a,.tutor-course-topic-item-title,.tutor-accordion-item-header{color:var(--mras-text)!important}
.tutor-course-topic-item.is-active a,.tutor-accordion-item-header.is-active{background:color-mix(in srgb,var(--mras-primary) 12%,var(--mras-surface))!important;color:var(--mras-primary)!important}

/* Native homepage — no full-page mockup */
body.home{background:#07100d!important}
body.home #aez-site-header.aez-header{
  position:absolute!important;top:0!important;right:0!important;left:0!important;
  background:linear-gradient(180deg,rgba(4,13,10,.95),rgba(4,13,10,.72) 72%,rgba(4,13,10,.15))!important;
  border-bottom:1px solid rgba(223,202,154,.12)!important;backdrop-filter:blur(10px)!important;
}
body.home #aez-site-header .aez-brand-text strong,body.home #aez-site-header .aez-menu a{color:#fbf6e8!important}
body.home #aez-site-header .aez-brand-text small,body.home #aez-site-header .aez-brand-text span{color:#d5e6da!important}
body.home .mras-theme-toggle,body.home .aez-search-round,body.home .aez-menu-toggle{background:rgba(7,17,13,.62)!important;color:#fff!important;border-color:rgba(232,214,171,.26)!important}
body.home .aez-btn-ghost,body.home .mras-desktop-logout{background:rgba(5,14,11,.56)!important;color:#fff!important;border-color:rgba(232,214,171,.34)!important}
body.home .aez-btn-primary{background:linear-gradient(180deg,#b9f0c9,#65cb8e)!important;color:#092016!important}
.mras-native-home{background:#07100d;color:#fff;overflow:hidden;padding-top:0}
.mras-native-hero{min-height:730px;display:grid;grid-template-columns:minmax(0,52%) minmax(0,48%);position:relative;background:#07100d;padding-top:96px}
.mras-native-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 80%,rgba(204,89,12,.20),transparent 32%),radial-gradient(circle at 70% 12%,rgba(52,178,104,.12),transparent 24%);pointer-events:none}
.mras-native-hero-photo{position:relative;overflow:hidden;min-height:634px;align-self:stretch}
.mras-native-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 8%;filter:saturate(.96) contrast(1.03)}
.mras-native-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,13,.02),rgba(7,16,13,.05) 62%,#07100d 100%),linear-gradient(180deg,rgba(7,16,13,.02),rgba(7,16,13,.05) 70%,#07100d 100%)}
.mras-native-hero-note{position:absolute;left:5%;bottom:16%;z-index:2;text-align:right;color:#efd28d;text-shadow:0 3px 12px rgba(0,0,0,.4)}
.mras-native-hero-note strong{display:block;font-size:28px;margin-bottom:5px}.mras-native-hero-note small{font-size:22px;color:#f7e5ba}
.mras-native-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:54px 5vw 44px 3vw;text-align:right}
.mras-native-kicker{color:#dfbc73;font-size:22px;font-weight:800;margin-bottom:14px}
.mras-native-hero-copy h1{margin:0;display:flex;flex-direction:column;line-height:.95;letter-spacing:-.045em}
.mras-native-hero-copy h1 span,.mras-native-hero-copy h1 strong{font-size:clamp(72px,7vw,118px);font-weight:950;text-shadow:0 7px 22px rgba(0,0,0,.28)}
.mras-native-hero-copy h1 span{color:#fff9e9}.mras-native-hero-copy h1 strong{color:#aef0c2}
.mras-native-hero-copy>p{font-size:28px;line-height:1.65;color:#edf4ee;margin:20px 0 0;max-width:690px}
.mras-native-actions{display:flex;gap:16px;margin-top:30px;flex-wrap:wrap}
.mras-native-btn{height:62px;min-width:240px;border-radius:16px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:22px;font-weight:900;border:1px solid rgba(232,214,171,.42);text-decoration:none;cursor:pointer}
.mras-native-btn.primary{background:linear-gradient(180deg,#b8f1c9,#5ac985);color:#092017;border-color:rgba(197,245,213,.5)}
.mras-native-btn.secondary{background:rgba(5,14,11,.55);color:#fff8e9}
.mras-native-benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:34px;border:1px solid rgba(232,214,171,.14);border-radius:20px;background:rgba(4,12,9,.54);overflow:hidden}
.mras-native-benefits article{padding:18px 12px;text-align:center;border-inline-start:1px solid rgba(232,214,171,.10)}
.mras-native-benefits article:first-child{border-inline-start:0}.mras-native-benefits i{display:block;font-style:normal;color:#dfbd71;font-size:30px;margin-bottom:8px}.mras-native-benefits strong{display:block;color:#fff8e9;font-size:17px}.mras-native-benefits small{display:block;color:#cbd9ce;font-size:12px;margin-top:4px}
.mras-native-scroll-cue{text-align:center;background:#07100d;color:#d8e6dc;padding:14px 0 18px;border-top:1px solid rgba(232,214,171,.08)}
.mras-native-scroll-cue span{display:block;font-size:13px}.mras-native-scroll-cue b{display:block;color:#d8b569;font-size:26px;line-height:1}
.mras-native-stages{padding:48px 5vw 70px;background:radial-gradient(circle at 18% 0%,rgba(183,88,23,.14),transparent 28%),radial-gradient(circle at 82% 6%,rgba(52,159,91,.14),transparent 28%),#08130f}
.mras-native-stage-head{text-align:center;max-width:900px;margin:0 auto 28px}.mras-native-stage-head span{color:#d7b46b;font-size:18px;font-weight:800}.mras-native-stage-head h2{color:#fff8ea;font-size:48px;margin:7px 0 8px}.mras-native-stage-head p{color:#cddbd1;font-size:17px;margin:0}
.mras-native-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1220px;margin:0 auto}
.mras-native-stage-card{position:relative;overflow:hidden;display:grid;grid-template-columns:56px 1fr 48px;align-items:center;gap:14px;min-height:180px;padding:22px;border-radius:24px;text-decoration:none;border:1px solid rgba(231,208,155,.28);box-shadow:0 20px 42px rgba(0,0,0,.18);isolation:isolate}
.mras-native-stage-card:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,#2b1d11,#654019)}
.mras-native-stage-card.second:before{background:linear-gradient(135deg,#0b2319,#164d34)}
.mras-native-stage-card.third:before{background:linear-gradient(135deg,#0a2d20,#155d3b)}
.mras-native-stage-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,.34));}
.mras-native-stage-deco{position:absolute;left:18px;bottom:4px;color:rgba(255,255,255,.09);font:900 86px Georgia,serif;transform:rotate(-8deg)}
.mras-native-stage-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(6,15,12,.58);border:1px solid rgba(234,214,169,.28);font-size:24px;color:#efd28a}
.mras-native-stage-content strong{display:block;color:#fff8e9;font-size:25px;margin-bottom:7px}.mras-native-stage-content small{display:block;color:#d8e5dc;font-size:15px;line-height:1.5}.mras-native-stage-arrow{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#b4efc5;color:#092016;font-size:26px}

/* Home cards below native hero */
body.home .aez-home-section{background:#0a1511!important;color:#fff!important}
body.home .aez-course-card{background:#101b16!important;border-color:rgba(231,208,155,.16)!important;color:#fff!important}
body.home .aez-course-card h3 a{color:#fff8e9!important}.aez-course-tag{background:color-mix(in srgb,var(--mras-primary) 18%,var(--mras-surface))!important;color:var(--mras-primary)!important}
body.home .aez-course-excerpt,body.home .aez-course-meta,body.home .aez-section-head span,body.home .aez-section-head a{color:#cbd9ce!important}

@media(max-width:1000px){
  body.home #aez-site-header.aez-header{position:fixed!important;background:rgba(5,14,11,.94)!important}
  .mras-native-hero{grid-template-columns:1fr;padding-top:76px;min-height:0}
  .mras-native-hero-photo{min-height:430px;order:1}
  .mras-native-hero-photo:after{background:linear-gradient(180deg,rgba(7,16,13,.02) 0%,rgba(7,16,13,.02) 55%,#07100d 100%)}
  .mras-native-hero-copy{order:2;padding:0 5vw 34px;text-align:center;margin-top:-22px}
  .mras-native-kicker{font-size:16px}
  .mras-native-hero-copy h1 span,.mras-native-hero-copy h1 strong{font-size:clamp(52px,13vw,78px)}
  .mras-native-hero-copy>p{font-size:18px;margin-inline:auto}
  .mras-native-actions{justify-content:center}.mras-native-btn{width:100%;min-width:0;height:54px;font-size:17px}
  .mras-native-benefits{grid-template-columns:repeat(2,1fr)}.mras-native-benefits article:nth-child(5){grid-column:1/-1}.mras-native-benefits article{border-top:1px solid rgba(232,214,171,.08)}
  .mras-native-stage-grid{grid-template-columns:1fr}.mras-native-stage-head h2{font-size:34px}.mras-native-stage-head p{font-size:14px}
}
@media(max-width:640px){
  .mras-native-hero-photo{min-height:360px}.mras-native-hero-note{left:14px;bottom:36px}.mras-native-hero-note strong{font-size:18px}.mras-native-hero-note small{font-size:14px}
  .mras-native-hero-copy h1 span,.mras-native-hero-copy h1 strong{font-size:50px}
  .mras-native-benefits strong{font-size:13px}.mras-native-benefits small{font-size:10px}.mras-native-benefits i{font-size:23px}
  .mras-native-stages{padding-inline:14px}.mras-native-stage-card{grid-template-columns:44px 1fr 38px;min-height:126px;padding:16px;border-radius:18px}.mras-native-stage-icon{width:40px;height:40px;font-size:18px}.mras-native-stage-content strong{font-size:18px}.mras-native-stage-content small{font-size:12px}.mras-native-stage-arrow{width:34px;height:34px;font-size:22px}.mras-native-stage-deco{font-size:60px}
  .aez-nav{gap:8px!important}.aez-actions{gap:6px!important}.mras-theme-toggle{width:38px;height:38px}.aez-brand-text small{display:none!important}
}

/* v1.0.9 — Homepage rebuilt natively to match the approved mockup */
body.home #aez-site-header,
body.home .aez-search-panel{display:none!important}
body.home .site-main{padding:0!important;margin:0!important;background:#06110e!important}
body.home{background:#06110e!important}
body.home #wpadminbar{position:fixed}

.mras-pixel-home{--px-bg:#06110e;--px-bg2:#0a1611;--px-cream:#fff8e8;--px-mint:#9fe9ba;--px-mint2:#62c989;--px-gold:#e0c27c;--px-line:rgba(230,207,154,.25);background:var(--px-bg);color:#fff;overflow:hidden;font-family:"Tajawal",sans-serif}
.mras-pixel-home *{box-sizing:border-box}
.mras-pixel-header{height:84px;position:absolute;inset:0 0 auto 0;z-index:30;background:linear-gradient(180deg,rgba(5,14,11,.93),rgba(5,14,11,.80) 72%,rgba(5,14,11,.30));border-bottom:1px solid rgba(255,255,255,.055)}
.mras-pixel-header-inner{width:min(1390px,92%);height:100%;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}
.mras-pixel-brand{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none!important;min-width:max-content}
.mras-pixel-logo-mark{width:48px;height:48px;display:grid;place-items:center;font:900 31px/1 Georgia,serif;color:#d9f7e2;border-left:4px solid #d9f7e2;transform:skew(-8deg);text-shadow:0 1px 8px rgba(159,233,186,.15)}
.mras-pixel-brand-copy{display:flex;flex-direction:column;line-height:1.05;text-align:right}
.mras-pixel-brand-copy strong{font-size:25px;color:#fff8e8;font-weight:950}
.mras-pixel-brand-copy small{font-size:10px;color:#d9eadd;margin-top:5px;font-weight:700}
.mras-pixel-nav{display:flex;align-items:center;justify-content:center;gap:42px;height:100%}
.mras-pixel-nav a{position:relative;color:#fff!important;text-decoration:none!important;font-size:16px;font-weight:850;padding:30px 0 23px}
.mras-pixel-nav a:hover,.mras-pixel-nav a.is-active{color:#c8f4d5!important}
.mras-pixel-nav a.is-active:after{content:"";position:absolute;right:0;left:0;bottom:13px;height:3px;background:#63d390;border-radius:999px;box-shadow:0 0 10px rgba(99,211,144,.35)}
.mras-pixel-header-actions{display:flex;align-items:center;gap:12px;direction:ltr}
.mras-pixel-head-btn{height:42px;padding:0 18px;border-radius:13px;display:flex;align-items:center;gap:8px;justify-content:center;text-decoration:none!important;font-size:14px;font-weight:900;white-space:nowrap}
.mras-pixel-head-btn.is-login{color:#fff!important;background:rgba(0,0,0,.22);border:1px solid rgba(230,207,154,.58)}
.mras-pixel-head-btn.is-register{color:#0b2415!important;background:linear-gradient(180deg,#bff6cd,#8bddaa);border:1px solid rgba(207,255,221,.62);box-shadow:0 8px 22px rgba(81,197,126,.16)}
.mras-pixel-menu-toggle{display:none}
.mras-pixel-mobile-menu{display:none}

.mras-pixel-hero{position:relative;min-height:710px;padding-top:84px;background:#07110e;overflow:hidden}
.mras-pixel-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(16,8,3,.12) 0%,rgba(5,12,9,.10) 44%,rgba(4,14,10,.62) 60%,rgba(4,14,10,.94) 100%),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.16)),url('assets/images/hero-blue-library-v1.webp');background-size:cover;background-position:center;filter:saturate(.86)}
.mras-pixel-hero:before{content:"";position:absolute;left:0;top:84px;width:57%;height:535px;background-image:linear-gradient(90deg,rgba(0,0,0,.03),rgba(4,14,10,.02) 75%,rgba(4,14,10,.98) 100%),linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(5,14,11,.05) 70%,rgba(5,14,11,.84) 100%),url('assets/images/mobile-cinematic-bg-v105.jpg');background-size:cover;background-position:center 12%;background-repeat:no-repeat;z-index:1}
.mras-pixel-hero:after{content:"";position:absolute;left:-80px;bottom:35px;width:340px;height:210px;background:radial-gradient(ellipse at center,rgba(207,88,17,.42),rgba(207,88,17,.08) 50%,transparent 72%);filter:blur(8px);z-index:1}
.mras-pixel-hero-grid{position:relative;z-index:3;width:min(1390px,92%);margin:0 auto;min-height:520px;display:grid;grid-template-columns:48% 52%;align-items:center}
.mras-pixel-teacher-side{height:100%;position:relative}
.mras-pixel-hand-note{position:absolute;left:55px;bottom:126px;color:#e3bc6e;text-align:center;transform:rotate(-5deg);font-family:"Tajawal",sans-serif;text-shadow:0 3px 12px rgba(0,0,0,.35)}
.mras-pixel-hand-note strong{display:block;font-size:22px;line-height:1.45;font-weight:700}
.mras-pixel-hand-note span{display:block;margin-top:8px;font-size:18px;color:#f1d99d}
.mras-pixel-copy{padding:42px 5px 25px 56px;text-align:right;max-width:650px;justify-self:end}
.mras-pixel-kicker{display:flex;align-items:center;gap:14px;justify-content:flex-start;color:#dfbd73;font-size:17px;font-weight:700;margin-bottom:16px}
.mras-pixel-kicker:before{content:"";width:55px;height:1px;background:rgba(223,189,115,.55)}
.mras-pixel-copy h1{margin:0;display:flex;flex-direction:column;line-height:.92;letter-spacing:-.045em}
.mras-pixel-copy h1 span,.mras-pixel-copy h1 strong{font-size:clamp(72px,6.2vw,108px);font-weight:950;text-shadow:0 7px 20px rgba(0,0,0,.28)}
.mras-pixel-copy h1 span{color:#fff9e8}
.mras-pixel-copy h1 strong{color:#a9efbf}
.mras-pixel-copy p{font-size:21px;line-height:1.7;color:#edf3ec;margin:20px 0 0;font-weight:500}
.mras-pixel-cta-row{display:flex;gap:16px;justify-content:flex-start;margin-top:24px;flex-wrap:wrap}
.mras-pixel-cta{height:54px;min-width:222px;padding:0 22px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:12px;font:inherit;font-size:16px;font-weight:900;text-decoration:none!important;cursor:pointer;transition:.2s ease}
.mras-pixel-cta.is-primary{background:linear-gradient(180deg,#4bbd7e,#238c59);color:#fff!important;border:1px solid rgba(169,239,191,.45);box-shadow:0 12px 24px rgba(35,140,89,.16)}
.mras-pixel-cta.is-outline{background:rgba(2,9,7,.35);color:#fff8e8;border:1px solid rgba(224,194,124,.70)}
.mras-pixel-cta:hover{transform:translateY(-1px)}
.mras-pixel-cta b{font-size:18px;line-height:1}

.mras-pixel-benefit-strip{position:relative;z-index:5;width:min(1320px,88%);margin:-8px auto 0;display:grid;grid-template-columns:repeat(5,1fr);background:linear-gradient(180deg,rgba(19,24,19,.86),rgba(10,18,14,.90));border:1px solid rgba(227,199,137,.16);border-radius:19px;box-shadow:0 18px 38px rgba(0,0,0,.24);overflow:hidden}
.mras-pixel-benefit-strip article{display:flex;align-items:center;justify-content:center;gap:12px;min-height:88px;padding:13px 12px;border-inline-start:1px solid rgba(226,204,153,.14)}
.mras-pixel-benefit-strip article:first-child{border-inline-start:0}
.mras-pixel-benefit-strip i{width:38px;height:38px;display:grid;place-items:center;color:#e0c27c;font-style:normal;flex:0 0 38px}
.mras-pixel-benefit-strip svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mras-pixel-benefit-strip strong{display:block;font-size:14px;color:#fff9ea;margin-bottom:4px}
.mras-pixel-benefit-strip small{display:block;font-size:11px;color:#d1ddd4}
.mras-pixel-discover{position:relative;z-index:6;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:14px 0 0;color:#c8d8cc;font-size:11px}
.mras-pixel-discover:before,.mras-pixel-discover:after{content:"";position:absolute;top:19px;width:31%;height:1px;background:linear-gradient(90deg,transparent,rgba(224,194,124,.38))}
.mras-pixel-discover:before{left:4%}.mras-pixel-discover:after{right:4%;transform:scaleX(-1)}
.mras-pixel-discover b{font-size:24px;color:#e0c27c;line-height:.7}

.mras-pixel-grades{position:relative;background:linear-gradient(180deg,#07110e 0%,#07120f 100%);padding:34px 0 52px;border-top:1px solid rgba(224,194,124,.15);overflow:hidden}
.mras-pixel-grades:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(185,239,201,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(185,239,201,.018) 1px,transparent 1px);background-size:36px 36px;opacity:.36;pointer-events:none}
.mras-pixel-section-head{position:relative;z-index:2;text-align:center;width:min(880px,88%);margin:0 auto 24px}
.mras-pixel-section-head>span{display:block;color:#d7af61;font-size:14px;font-weight:800;margin-bottom:6px}
.mras-pixel-section-head h2{margin:0;color:#fff8e8;font-size:38px;line-height:1.2;font-weight:950;letter-spacing:-.025em}
.mras-pixel-section-head p{margin:8px auto 0;color:#d8e2db;font-size:12px;line-height:1.65}
.mras-pixel-section-head h2:before,.mras-pixel-section-head h2:after{content:"";display:inline-block;vertical-align:middle;width:58px;height:1px;margin:0 20px;background:linear-gradient(90deg,transparent,#e0c27c)}
.mras-pixel-section-head h2:after{transform:scaleX(-1)}
.mras-pixel-grade-grid{position:relative;z-index:2;width:min(970px,72%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mras-pixel-grade-card{position:relative;min-height:124px;border-radius:19px;overflow:hidden;border:1px solid rgba(225,196,129,.48);text-decoration:none!important;color:#fff!important;display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px 22px;box-shadow:0 16px 34px rgba(0,0,0,.18);isolation:isolate}
.mras-pixel-grade-bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}
.mras-pixel-grade-card.is-first .mras-pixel-grade-bg{background-image:url('assets/images/stage-first-card-ref.png')}
.mras-pixel-grade-card.is-third .mras-pixel-grade-bg{background-image:url('assets/images/stage-third-card-ref.png')}
.mras-pixel-grade-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,9,7,.20),rgba(3,9,7,.26) 30%,rgba(3,9,7,.65) 62%,rgba(3,9,7,.91))}
.mras-pixel-grade-card.is-third{border-color:rgba(116,225,155,.48)}
.mras-pixel-grade-icon{position:absolute;right:18px;top:17px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(6,15,12,.62);border:1px solid rgba(235,216,171,.23);font-size:22px}
.mras-pixel-grade-copy{padding-right:54px;text-align:right}
.mras-pixel-grade-copy strong{display:block;font-size:23px;color:#fff8ea;margin-bottom:7px;font-weight:950}
.mras-pixel-grade-copy small{display:block;font-size:13px;color:#e2eadf}
.mras-pixel-grade-arrow{position:absolute;left:18px;bottom:20px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#a9efbf;color:#092016;font-size:24px;line-height:1;font-weight:900}
.mras-pixel-side-note{position:absolute;z-index:2;color:#c5dbcb;font-family:"Tajawal",sans-serif;font-size:22px;line-height:1.55;opacity:.86;top:87px}
.mras-pixel-side-note.is-left{left:48px;transform:rotate(-8deg)}
.mras-pixel-side-note.is-right{right:46px;transform:rotate(6deg);text-align:center}

@media(max-width:1080px){
  .mras-pixel-header-inner{grid-template-columns:auto 1fr auto;gap:15px;width:94%}
  .mras-pixel-nav{gap:22px}.mras-pixel-nav a{font-size:13px}
  .mras-pixel-brand-copy strong{font-size:20px}
  .mras-pixel-head-btn{padding:0 12px;font-size:12px}
  .mras-pixel-copy{padding-left:20px}
  .mras-pixel-copy h1 span,.mras-pixel-copy h1 strong{font-size:72px}
  .mras-pixel-grade-grid{width:84%}
}

@media(max-width:760px){
  body.home .site-main{overflow:visible!important}
  .mras-pixel-header{position:relative;height:66px;background:#06150f;border-bottom:1px solid rgba(224,194,124,.16)}
  .mras-pixel-header-inner{display:flex;width:100%;padding:0 12px;justify-content:space-between;gap:10px}
  .mras-pixel-brand{order:1;margin-right:auto;gap:9px}
  .mras-pixel-logo-mark{width:38px;height:38px;font-size:24px;border-left-width:3px}
  .mras-pixel-brand-copy strong{font-size:15px}.mras-pixel-brand-copy small{font-size:7px;margin-top:3px}
  .mras-pixel-nav,.mras-pixel-header-actions{display:none}
  .mras-pixel-menu-toggle{display:grid;place-items:center;order:2;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.02);border:1px solid rgba(224,194,124,.30);color:#fff8e8;font-size:19px;cursor:pointer}
  .mras-pixel-mobile-menu{position:absolute;top:66px;right:10px;left:10px;z-index:60;padding:10px;background:rgba(5,16,12,.98);border:1px solid rgba(224,194,124,.22);border-radius:14px;box-shadow:0 20px 44px rgba(0,0,0,.38)}
  .mras-pixel-mobile-menu:not([hidden]){display:grid}
  .mras-pixel-mobile-menu a{padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.05);color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:800}

  .mras-pixel-hero{min-height:0;padding-top:0}
  .mras-pixel-hero-bg{display:none}
  .mras-pixel-hero:before{top:0;width:100%;height:300px;background-image:linear-gradient(180deg,rgba(4,13,10,.02) 0%,rgba(4,13,10,.02) 55%,rgba(6,17,14,.72) 78%,#06110e 100%),url('assets/images/mobile-cinematic-bg-v105.jpg');background-size:cover;background-position:center 8%}
  .mras-pixel-hero:after{left:-65px;bottom:auto;top:210px;width:230px;height:140px;opacity:.7}
  .mras-pixel-hero-grid{width:100%;min-height:0;display:block;padding-top:270px}
  .mras-pixel-teacher-side{height:0}.mras-pixel-hand-note{display:none}
  .mras-pixel-copy{padding:0 14px 18px;text-align:center;max-width:none}
  .mras-pixel-kicker{justify-content:center;font-size:12px;margin-bottom:8px;color:#e0bd72}.mras-pixel-kicker:before{display:none}
  .mras-pixel-copy h1 span,.mras-pixel-copy h1 strong{font-size:42px;line-height:.98}
  .mras-pixel-copy p{font-size:13px;line-height:1.75;margin-top:10px}
  .mras-pixel-cta-row{display:grid;grid-template-columns:1fr;gap:9px;margin-top:17px}
  .mras-pixel-cta{width:100%;height:46px;min-width:0;border-radius:12px;font-size:14px}
  .mras-pixel-benefit-strip{width:calc(100% - 18px);margin:0 auto;grid-template-columns:1fr 1fr;border-radius:16px}
  .mras-pixel-benefit-strip article{min-height:100px;padding:12px 8px;flex-direction:column;text-align:center;gap:7px;border-inline-start:0;border-bottom:1px solid rgba(226,204,153,.10)}
  .mras-pixel-benefit-strip article:nth-child(odd){border-left:1px solid rgba(226,204,153,.10)}
  .mras-pixel-benefit-strip article:last-child{grid-column:1/-1;min-height:88px;border-bottom:0}
  .mras-pixel-benefit-strip i{width:30px;height:30px;flex-basis:30px}.mras-pixel-benefit-strip svg{width:23px;height:23px}
  .mras-pixel-benefit-strip strong{font-size:12px}.mras-pixel-benefit-strip small{font-size:9px}
  .mras-pixel-discover{margin:11px 0 0;font-size:9px}.mras-pixel-discover:before,.mras-pixel-discover:after{width:25%}

  .mras-pixel-grades{padding:28px 12px 34px}
  .mras-pixel-section-head{width:100%;margin-bottom:17px}
  .mras-pixel-section-head>span{font-size:12px}.mras-pixel-section-head h2{font-size:25px}.mras-pixel-section-head p{font-size:10px;max-width:330px}
  .mras-pixel-section-head h2:before,.mras-pixel-section-head h2:after{display:none}
  .mras-pixel-side-note{display:none}
  .mras-pixel-grade-grid{width:100%;display:grid;grid-template-columns:1fr;gap:12px}
  .mras-pixel-grade-card{min-height:105px;border-radius:17px;padding:13px 14px}
  .mras-pixel-grade-icon{right:12px;top:12px;width:34px;height:34px;font-size:18px}
  .mras-pixel-grade-copy{padding-right:42px;padding-left:48px}
  .mras-pixel-grade-copy strong{font-size:17px;margin-bottom:4px}.mras-pixel-grade-copy small{font-size:10px}
  .mras-pixel-grade-arrow{left:12px;bottom:calc(50% - 16px);width:32px;height:32px;font-size:22px}
}


/* v1.0.10 — homepage hero reconstruction refinement to match approved mockup more closely */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900;1000&display=swap");
.mras-pixel-home,.mras-pixel-home *{font-family:"Tajawal",sans-serif}
.mras-pixel-home{background:#05100d}
.mras-pixel-header{height:92px;background:linear-gradient(180deg,rgba(4,14,11,.96),rgba(4,14,11,.90) 72%,rgba(4,14,11,.36));border-bottom:1px solid rgba(255,255,255,.06)}
.mras-pixel-header-inner{width:min(1520px,95%);grid-template-columns:auto 1fr auto;gap:28px}
.mras-pixel-brand{gap:14px}
.mras-pixel-logo-mark{width:auto;height:auto;border-left:3px solid #d9f7e2;padding-left:14px;font-size:54px;font-weight:900;line-height:.9;transform:none;color:#f5f8ef;text-shadow:none}
.mras-pixel-brand-copy strong{font-size:32px;line-height:1;font-weight:900}
.mras-pixel-brand-copy small{font-size:12px;color:#f0f5ed;opacity:.92}
.mras-pixel-nav{gap:52px}
.mras-pixel-nav a{font-size:17px;padding:34px 0 26px;font-weight:800}
.mras-pixel-head-btn{height:50px;padding:0 28px;border-radius:15px;font-size:16px}
.mras-pixel-head-btn.is-login{background:rgba(1,8,6,.22);border:1px solid rgba(230,207,154,.72)}
.mras-pixel-head-btn.is-register{background:linear-gradient(180deg,#d1f9db,#a9efbf);border-color:rgba(207,255,221,.85)}

.mras-pixel-hero{min-height:860px;padding-top:92px;display:flex;flex-direction:column;justify-content:flex-start}
.mras-pixel-hero-bg{background-image:linear-gradient(90deg,rgba(60,27,8,.22) 0%,rgba(18,12,6,.10) 23%,rgba(4,12,10,.18) 44%,rgba(4,14,10,.82) 63%,rgba(4,14,10,.95) 100%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.24)),url('assets/images/home-hero-visual-v109.jpg');background-position:center top;background-size:cover;filter:none}
.mras-pixel-hero:before{display:none}
.mras-pixel-hero:after{left:-30px;bottom:42px;width:330px;height:170px;background:radial-gradient(ellipse at center,rgba(207,88,17,.42),rgba(207,88,17,.10) 48%,transparent 74%);filter:blur(12px)}
.mras-pixel-hero-grid{width:min(1520px,95%);min-height:590px;grid-template-columns:48% 52%;align-items:center}
.mras-pixel-teacher-side{min-height:580px}
.mras-pixel-hand-note{left:78px;bottom:120px;font-size:inherit}
.mras-pixel-hand-note strong{font-size:28px;line-height:1.55}
.mras-pixel-hand-note span{font-size:24px}
.mras-pixel-copy{padding:64px 24px 20px 0;max-width:700px;justify-self:end;align-self:center}
.mras-pixel-kicker{font-size:24px;margin-bottom:18px;color:#e6c278}
.mras-pixel-kicker:before{width:72px;height:2px;background:rgba(230,194,120,.55)}
.mras-pixel-copy h1{line-height:.90}
.mras-pixel-copy h1 span,.mras-pixel-copy h1 strong{font-size:clamp(86px,6.1vw,118px);font-weight:1000;text-shadow:0 8px 22px rgba(0,0,0,.28)}
.mras-pixel-copy p{font-size:34px;line-height:1.45;margin-top:22px;color:#f2f6ef;font-weight:500;max-width:720px}
.mras-pixel-cta-row{margin-top:34px;gap:20px}
.mras-pixel-cta{height:68px;min-width:290px;border-radius:18px;font-size:25px;padding:0 26px}
.mras-pixel-cta b{font-size:28px}
.mras-pixel-cta.is-outline{background:rgba(2,9,7,.22);border-color:rgba(224,194,124,.82)}
.mras-pixel-benefit-strip{width:min(1500px,92%);margin:0 auto;grid-template-columns:repeat(5,1fr);border-radius:24px}
.mras-pixel-benefit-strip article{min-height:102px;padding:18px 12px;gap:14px}
.mras-pixel-benefit-strip i{width:44px;height:44px;flex-basis:44px}.mras-pixel-benefit-strip svg{width:32px;height:32px}
.mras-pixel-benefit-strip strong{font-size:20px;margin-bottom:4px;font-weight:800}
.mras-pixel-benefit-strip small{font-size:13px}
.mras-pixel-discover{margin-top:14px;font-size:13px}.mras-pixel-discover b{font-size:28px}
.mras-pixel-discover:before,.mras-pixel-discover:after{width:34%}

.mras-pixel-grades{padding:42px 0 68px}
.mras-pixel-section-head{width:min(1100px,90%);margin-bottom:30px}
.mras-pixel-section-head>span{font-size:22px;margin-bottom:12px}
.mras-pixel-section-head h2{font-size:68px;line-height:1.08}
.mras-pixel-section-head p{font-size:22px;max-width:950px}
.mras-pixel-section-head h2:before,.mras-pixel-section-head h2:after{width:74px;margin:0 24px}
.mras-pixel-grade-grid{width:min(1280px,86%);gap:28px}
.mras-pixel-grade-card{min-height:164px;border-radius:28px;padding:24px 28px}
.mras-pixel-grade-icon{right:24px;top:22px;width:58px;height:58px;font-size:30px}
.mras-pixel-grade-copy{padding-right:76px;padding-left:90px}
.mras-pixel-grade-copy strong{font-size:44px;line-height:1.18;margin-bottom:10px}
.mras-pixel-grade-copy small{font-size:23px;line-height:1.5}
.mras-pixel-grade-arrow{left:24px;bottom:calc(50% - 24px);width:48px;height:48px;font-size:30px}
.mras-pixel-side-note{font-size:40px;top:92px}
.mras-pixel-side-note.is-left{left:60px}.mras-pixel-side-note.is-right{right:56px}

@media (max-width:1400px){
 .mras-pixel-brand-copy strong{font-size:28px}
 .mras-pixel-logo-mark{font-size:48px}
 .mras-pixel-nav{gap:34px}
 .mras-pixel-copy h1 span,.mras-pixel-copy h1 strong{font-size:clamp(74px,5.8vw,104px)}
 .mras-pixel-copy p{font-size:28px}
 .mras-pixel-cta{font-size:21px;min-width:250px;height:62px}
 .mras-pixel-section-head h2{font-size:56px}
 .mras-pixel-grade-copy strong{font-size:34px}
 .mras-pixel-grade-copy small{font-size:18px}
}
@media (max-width:1100px){
 .mras-pixel-header-inner{gap:16px;width:96%}
 .mras-pixel-nav{gap:20px}.mras-pixel-nav a{font-size:14px}
 .mras-pixel-head-btn{height:44px;padding:0 18px;font-size:13px}
 .mras-pixel-copy{padding-top:44px;max-width:560px}
 .mras-pixel-kicker{font-size:18px}
 .mras-pixel-copy h1 span,.mras-pixel-copy h1 strong{font-size:clamp(58px,6vw,80px)}
 .mras-pixel-copy p{font-size:20px}
 .mras-pixel-cta{font-size:16px;min-width:210px;height:54px}
 .mras-pixel-benefit-strip strong{font-size:15px}.mras-pixel-benefit-strip small{font-size:11px}
 .mras-pixel-section-head h2{font-size:46px}.mras-pixel-section-head p{font-size:16px}
 .mras-pixel-grade-copy strong{font-size:24px}.mras-pixel-grade-copy small{font-size:14px}
}
@media (max-width:760px){
 .mras-pixel-header{height:72px}
 .mras-pixel-header-inner{padding:0 14px}
 .mras-pixel-brand-copy strong{font-size:18px}.mras-pixel-brand-copy small{font-size:8px}
 .mras-pixel-logo-mark{font-size:42px;padding-left:10px}
 .mras-pixel-hero{padding-top:0;min-height:0}
 .mras-pixel-hero-bg{display:block;background-image:linear-gradient(180deg,rgba(7,15,12,.02) 0%,rgba(7,15,12,.06) 44%,rgba(7,15,12,.72) 72%,rgba(7,15,12,.96) 100%),linear-gradient(90deg,rgba(52,25,7,.24) 0%,rgba(13,11,7,.08) 26%,rgba(7,15,12,.12) 45%,rgba(7,15,12,.18) 100%),url('assets/images/mobile-cinematic-bg-v105.jpg');background-position:center top;background-size:cover}
 .mras-pixel-hero:after{top:208px;bottom:auto;width:210px;height:120px;opacity:.7}
 .mras-pixel-hero-grid{display:block;width:100%;min-height:0;padding-top:262px}
 .mras-pixel-copy{padding:0 16px 18px;max-width:none;text-align:center}
 .mras-pixel-kicker{justify-content:center;font-size:14px}.mras-pixel-kicker:before{display:none}
 .mras-pixel-copy h1 span,.mras-pixel-copy h1 strong{font-size:58px}
 .mras-pixel-copy p{font-size:18px;max-width:340px;margin:14px auto 0}
 .mras-pixel-cta-row{grid-template-columns:1fr;display:grid;gap:10px}.mras-pixel-cta{width:100%;height:52px;min-width:0;border-radius:14px;font-size:17px}
 .mras-pixel-benefit-strip{width:calc(100% - 18px);margin-top:4px;grid-template-columns:1fr 1fr;border-radius:18px}
 .mras-pixel-benefit-strip strong{font-size:13px}.mras-pixel-benefit-strip small{font-size:10px}
 .mras-pixel-section-head>span{font-size:14px}.mras-pixel-section-head h2{font-size:34px}.mras-pixel-section-head p{font-size:13px}
 .mras-pixel-grade-card{min-height:112px;border-radius:20px;padding:14px 16px}
 .mras-pixel-grade-copy strong{font-size:20px}.mras-pixel-grade-copy small{font-size:12px}
}


/* v1.0.11 — fix hero desktop alignment and full-width visual */
.mras-pixel-hero-grid{
  direction:ltr;
  grid-template-columns:46% 54%;
  align-items:stretch;
}
.mras-pixel-teacher-side{
  grid-column:1;
  min-height:620px;
}
.mras-pixel-copy{
  grid-column:2;
  direction:rtl;
  text-align:right;
  justify-self:stretch;
  align-self:center;
  max-width:760px;
  padding:84px 64px 30px 0;
  margin-right:auto;
  margin-left:0;
}
.mras-pixel-kicker,
.mras-pixel-cta-row{
  justify-content:flex-start;
}
.mras-pixel-hero-bg{
  background-position:center center;
  background-size:cover;
}
.mras-pixel-hero{
  min-height:900px;
}
@media (min-width: 761px){
  .mras-pixel-hero-bg:before{content:none}
  .mras-pixel-hero:before{display:none}
}
@media (max-width:760px){
  .mras-pixel-hero-grid{direction:rtl;grid-template-columns:1fr;}
  .mras-pixel-copy{grid-column:auto;max-width:none;padding:0 16px 18px;margin:0;justify-self:stretch;}
  .mras-pixel-kicker,.mras-pixel-cta-row{justify-content:center;}
}


/* v1.0.12 — force stage heading white */
.mras-pixel-section-head h2{color:#ffffff!important}


/* v1.0.13 — rebuild desktop hero layout: full image + fixed right copy */
@media (min-width:761px){
  .mras-pixel-hero{
    min-height:860px!important;
    padding-top:92px!important;
    position:relative!important;
    background:#06110e!important;
  }
  .mras-pixel-hero-bg{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    background-image:url('assets/images/hero-rebuilt-v113.jpg')!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    filter:none!important;
  }
  .mras-pixel-hero-bg:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(22,10,3,.06) 0%,rgba(7,16,12,.02) 42%,rgba(5,17,13,.28) 57%,rgba(4,15,12,.66) 74%,rgba(4,14,11,.83) 100%);
    pointer-events:none;
  }
  .mras-pixel-hero-grid{
    position:relative!important;
    z-index:3!important;
    width:min(1520px,94%)!important;
    min-height:600px!important;
    margin:0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    direction:rtl!important;
  }
  .mras-pixel-teacher-side{
    display:none!important;
  }
  .mras-pixel-copy{
    width:47%!important;
    max-width:720px!important;
    margin:0!important;
    padding:54px 18px 28px 0!important;
    text-align:right!important;
    direction:rtl!important;
    align-self:center!important;
  }
  .mras-pixel-kicker{
    justify-content:flex-start!important;
    font-size:20px!important;
    margin-bottom:16px!important;
  }
  .mras-pixel-copy h1{
    line-height:.92!important;
    text-align:right!important;
  }
  .mras-pixel-copy h1 span,.mras-pixel-copy h1 strong{
    font-size:clamp(70px,5.8vw,104px)!important;
  }
  .mras-pixel-copy p{
    font-size:24px!important;
    line-height:1.65!important;
    max-width:640px!important;
  }
  .mras-pixel-cta-row{
    justify-content:flex-start!important;
    margin-top:26px!important;
  }
  .mras-pixel-cta{
    height:58px!important;
    min-width:245px!important;
    font-size:19px!important;
  }
  .mras-pixel-benefit-strip{
    position:relative!important;
    z-index:5!important;
    width:min(1450px,90%)!important;
    margin:-4px auto 0!important;
  }
}
.mras-pixel-section-head h2{
  color:#fff!important;
  text-shadow:0 3px 14px rgba(0,0,0,.3)!important;
}

/* v1.0.14 — hard-force stage heading white */
body.home .mras-pixel-home .mras-pixel-grades .mras-pixel-section-head h2{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:none!important;background-image:none!important;}


/* v1.0.15 — remove baked text from hero/stage image assets; HTML text renders once only */
.mras-pixel-hero-bg{
  background-image:
    linear-gradient(90deg,rgba(53,24,7,.18) 0%,rgba(12,10,6,.08) 28%,rgba(5,14,11,.26) 48%,rgba(5,14,11,.74) 68%,rgba(5,14,11,.94) 100%),
    url('assets/images/hero-clean-native-v115.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  filter:none!important;
}
.mras-pixel-hero:before{display:none!important}

.mras-pixel-grade-card{
  background:linear-gradient(180deg,#0b1712,#07110e)!important;
  isolation:isolate;
}
.mras-pixel-grade-card .mras-pixel-grade-bg{
  inset:0!important;
  background-size:54% 100%!important;
  background-repeat:no-repeat!important;
  background-position:left center!important;
  filter:none!important;
}
.mras-pixel-grade-card.is-first .mras-pixel-grade-bg{
  background-image:url('assets/images/stage-first-clean.jpg')!important;
}
.mras-pixel-grade-card.is-third .mras-pixel-grade-bg{
  background-image:url('assets/images/stage-third-clean.jpg')!important;
}
.mras-pixel-grade-card:after{
  background:linear-gradient(90deg,rgba(3,10,7,.06) 0%,rgba(3,10,7,.18) 30%,rgba(3,10,7,.72) 56%,rgba(3,10,7,.96) 100%)!important;
}

@media(max-width:760px){
  .mras-pixel-hero-bg{
    background-image:
      linear-gradient(180deg,rgba(5,14,11,.03) 0%,rgba(5,14,11,.12) 48%,rgba(5,14,11,.76) 74%,rgba(5,14,11,.98) 100%),
      url('assets/images/hero-clean-native-v115.jpg')!important;
    background-size:auto 100%!important;
    background-position:35% top!important;
  }
  .mras-pixel-grade-card .mras-pixel-grade-bg{
    background-size:58% 100%!important;
    background-position:left center!important;
  }
}


/* v1.0.17 — generated clean hero art + display Arabic title font */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900;1000&family=Lalezar&display=swap");

.mras-pixel-hero-bg{
  background-image:
    linear-gradient(90deg,rgba(30,14,4,.06) 0%,rgba(5,13,10,.02) 38%,rgba(4,14,10,.24) 54%,rgba(4,14,10,.72) 72%,rgba(4,14,10,.94) 100%),
    url('assets/images/hero-clean-v117.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  filter:none!important;
}

.mras-pixel-copy h1,
.mras-pixel-copy h1 span,
.mras-pixel-copy h1 strong{
  font-family:"Tajawal",sans-serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.mras-pixel-copy h1{
  line-height:.88!important;
}
.mras-pixel-copy h1 span,
.mras-pixel-copy h1 strong{
  font-size:clamp(78px,6.4vw,116px)!important;
  text-shadow:0 7px 20px rgba(0,0,0,.30)!important;
}
.mras-pixel-copy h1 span{color:#fff8e7!important}
.mras-pixel-copy h1 strong{color:#a8efbf!important}

@media(max-width:760px){
  .mras-pixel-hero-bg{
    background-image:
      linear-gradient(180deg,rgba(4,13,10,.02) 0%,rgba(4,13,10,.10) 50%,rgba(4,13,10,.74) 76%,rgba(4,13,10,.98) 100%),
      url('assets/images/hero-clean-v117.png')!important;
    background-size:auto 100%!important;
    background-position:31% top!important;
  }
  .mras-pixel-copy h1 span,
  .mras-pixel-copy h1 strong{
    font-size:58px!important;
  }
}


/* v1.0.18 — load large homepage artwork from WordPress Media Library */
.mras-pixel-hero-bg{
  background-image:
    linear-gradient(90deg,rgba(53,24,7,.18) 0%,rgba(15,10,5,.08) 27%,rgba(4,12,10,.15) 48%,rgba(4,14,10,.70) 67%,rgba(4,14,10,.93) 100%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18)),
    var(--mras-home-hero-desktop)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.mras-pixel-grade-card.is-first .mras-pixel-grade-bg{
  background-image:var(--mras-stage-first)!important;
  background-size:cover!important;
  background-position:center center!important;
}
.mras-pixel-grade-card.is-third .mras-pixel-grade-bg{
  background-image:var(--mras-stage-third)!important;
  background-size:cover!important;
  background-position:center center!important;
}
@media(max-width:760px){
  .mras-pixel-hero-bg{
    background-image:
      linear-gradient(180deg,rgba(7,15,12,.02) 0%,rgba(7,15,12,.04) 48%,rgba(7,15,12,.70) 74%,rgba(7,15,12,.97) 100%),
      var(--mras-home-hero-mobile)!important;
    background-size:cover!important;
    background-position:center top!important;
  }
}


/* v1.0.19 — remove excessive black empty area on hero/cards */
.mras-pixel-hero-bg{
  background-image:
    linear-gradient(90deg,rgba(20,9,3,.10) 0%,rgba(8,10,7,.04) 42%,rgba(5,14,11,.16) 68%,rgba(5,14,11,.34) 100%),
    linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.10)),
    var(--mras-home-hero-desktop)!important;
  background-size:cover!important;
  background-position:center center!important;
}
.mras-pixel-grade-card:after{
  background:linear-gradient(90deg,rgba(3,10,7,.03) 0%,rgba(3,10,7,.08) 45%,rgba(3,10,7,.28) 72%,rgba(3,10,7,.52) 100%)!important;
}
.mras-pixel-grade-card .mras-pixel-grade-bg{
  background-size:cover!important;
  background-position:center center!important;
}
@media(max-width:760px){
  .mras-pixel-hero-bg{
    background-image:
      linear-gradient(180deg,rgba(7,15,12,.00) 0%,rgba(7,15,12,.02) 56%,rgba(7,15,12,.36) 78%,rgba(7,15,12,.72) 100%),
      var(--mras-home-hero-mobile)!important;
  }
}


/* v1.0.20 — hard-pin the entire desktop hero copy block to the RIGHT */
@media (min-width:761px){
  .mras-pixel-hero-grid{
    display:block!important;
    position:relative!important;
    width:min(1520px,94%)!important;
    min-height:600px!important;
    margin:0 auto!important;
    direction:ltr!important;
  }
  .mras-pixel-copy{
    position:absolute!important;
    top:50%!important;
    right:0!important;
    left:auto!important;
    transform:translateY(-50%)!important;
    width:48%!important;
    max-width:720px!important;
    margin:0!important;
    padding:28px 18px 28px 0!important;
    direction:rtl!important;
    text-align:right!important;
    justify-self:auto!important;
    align-self:auto!important;
  }
  .mras-pixel-kicker{
    justify-content:flex-start!important;
    text-align:right!important;
  }
  .mras-pixel-copy h1,
  .mras-pixel-copy p{
    text-align:right!important;
    margin-right:0!important;
    margin-left:auto!important;
  }
  .mras-pixel-cta-row{
    justify-content:flex-start!important;
    direction:rtl!important;
  }
}


/* v1.0.21 — make stage-card backgrounds calmer + keep third-stage title on one line */
.mras-pixel-grade-card:after{
  background:linear-gradient(90deg,rgba(3,10,7,.12) 0%,rgba(3,10,7,.22) 44%,rgba(3,10,7,.52) 74%,rgba(3,10,7,.74) 100%)!important;
}
.mras-pixel-grade-copy strong{
  text-shadow:0 4px 12px rgba(0,0,0,.28)!important;
}
.mras-pixel-grade-card.is-third .mras-pixel-grade-copy strong{
  white-space:nowrap!important;
  font-size:20px!important;
  letter-spacing:-.015em!important;
}
@media (max-width:760px){
  .mras-pixel-grade-card:after{
    background:linear-gradient(90deg,rgba(3,10,7,.18) 0%,rgba(3,10,7,.28) 46%,rgba(3,10,7,.58) 76%,rgba(3,10,7,.82) 100%)!important;
  }
  .mras-pixel-grade-card.is-third .mras-pixel-grade-copy strong{
    font-size:18px!important;
  }
}


/* v1.0.22 — brand wording + stage intro copy */
.mras-pixel-brand-copy strong{white-space:nowrap!important;font-size:22px!important}
@media(max-width:1100px){.mras-pixel-brand-copy strong{font-size:17px!important}}
@media(max-width:760px){.mras-pixel-brand-copy strong{font-size:14px!important;white-space:normal!important;line-height:1.2!important}}


/* v1.0.23 — social rail natural brand colors + white icon frames */
.mras-social-link{
  border:1px solid rgba(255,255,255,.95)!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.mras-social-link.is-facebook{color:#1877F2!important}
.mras-social-link.is-youtube{color:#FF0000!important}
.mras-social-link.is-whatsapp{color:#25D366!important}
.mras-social-link:hover{
  background:rgba(255,255,255,.08)!important;
  border-color:#fff!important;
}


/* v1.0.24 — social rail gold accents, lighter green shell, white icons */
.mras-social-rail{
  background:linear-gradient(180deg,#17483f 0%,#123d35 100%)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
}
.mras-social-rail:before{
  background:#e3bd59!important;
}
.mras-social-link{
  border:1px solid #e3bd59!important;
  background:rgba(255,255,255,.04)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
  color:#fff!important;
}
.mras-social-link.is-facebook,
.mras-social-link.is-youtube,
.mras-social-link.is-whatsapp{
  color:#fff!important;
}
.mras-social-link:hover{
  background:rgba(255,255,255,.10)!important;
  border-color:#f0cf73!important;
}


/* v1.0.25 — white social tiles + natural brand icon colors */
.mras-social-link{
  background:#fff!important;
  border:1px solid #e3bd59!important;
  box-shadow:none!important;
}
.mras-social-link.is-facebook{color:#1877F2!important}
.mras-social-link.is-youtube{color:#FF0000!important}
.mras-social-link.is-whatsapp{color:#25D366!important}
.mras-social-link:hover{
  background:#fff!important;
  border-color:#f0cf73!important;
  box-shadow:0 0 0 2px rgba(227,189,89,.16)!important;
}


/* v1.0.26 — translucent glass social rail */
.mras-social-rail{
  background:linear-gradient(180deg,rgba(23,72,63,.58) 0%,rgba(18,61,53,.46) 100%)!important;
  border:1px solid rgba(227,189,89,.18)!important;
  backdrop-filter:blur(10px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(125%)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.14)!important;
}
.mras-social-rail:before{
  background:rgba(227,189,89,.92)!important;
}
.mras-social-link{
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(227,189,89,.95)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 12px rgba(0,0,0,.06)!important;
  backdrop-filter:blur(8px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(135%)!important;
}
.mras-social-link.is-facebook{color:#1877F2!important}
.mras-social-link.is-youtube{color:#FF0000!important}
.mras-social-link.is-whatsapp{color:#25D366!important}
.mras-social-link:hover{
  background:rgba(255,255,255,.28)!important;
  border-color:#f0cf73!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 5px 14px rgba(0,0,0,.08)!important;
}


/* v1.0.27 — social icons inner fill matches rail glass style */
.mras-social-link{
  background:linear-gradient(180deg,rgba(23,72,63,.34) 0%,rgba(18,61,53,.24) 100%)!important;
  border:1px solid rgba(227,189,89,.95)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 4px 12px rgba(0,0,0,.06)!important;
  backdrop-filter:blur(10px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(120%)!important;
}
.mras-social-link:hover{
  background:linear-gradient(180deg,rgba(23,72,63,.42) 0%,rgba(18,61,53,.30) 100%)!important;
  border-color:#f0cf73!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 14px rgba(0,0,0,.08)!important;
}


/* v1.0.28 — dedicated mobile hero composition using portrait artwork */
@media (max-width:760px){
  .mras-pixel-header{height:70px!important;position:relative!important;background:#06130f!important;}
  .mras-pixel-header-inner{height:70px!important;padding:0 14px!important;}
  .mras-pixel-brand{gap:8px!important;max-width:calc(100% - 54px)!important;}
  .mras-pixel-logo-mark{display:none!important;}
  .mras-pixel-brand-copy strong{font-size:17px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .mras-pixel-brand-copy small{font-size:8px!important;}
  .mras-pixel-menu-toggle{width:40px!important;height:40px!important;flex:0 0 40px!important;}

  .mras-pixel-hero{min-height:0!important;padding:0!important;background:#06110e!important;overflow:hidden!important;}
  .mras-pixel-hero-bg{
    display:block!important;
    position:absolute!important;
    inset:0 0 auto 0!important;
    height:620px!important;
    background-image:
      linear-gradient(180deg,rgba(5,14,11,.02) 0%,rgba(5,14,11,.05) 48%,rgba(5,14,11,.58) 72%,#06110e 100%),
      var(--mras-home-hero-mobile)!important;
    background-size:cover!important;
    background-position:center 22%!important;
    background-repeat:no-repeat!important;
    filter:none!important;
  }
  .mras-pixel-hero:before,.mras-pixel-hero:after{display:none!important;}
  .mras-pixel-hero-grid{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    padding-top:505px!important;
    margin:0!important;
    position:relative!important;
  }
  .mras-pixel-teacher-side{display:none!important;}
  .mras-pixel-copy{
    position:relative!important;
    top:auto!important;right:auto!important;left:auto!important;
    transform:none!important;
    width:100%!important;max-width:none!important;
    margin:0!important;padding:18px 18px 22px!important;
    text-align:center!important;direction:rtl!important;
    background:linear-gradient(180deg,rgba(6,17,14,.02),rgba(6,17,14,.92) 18%,#06110e 100%)!important;
  }
  .mras-pixel-kicker{justify-content:center!important;text-align:center!important;font-size:13px!important;margin-bottom:10px!important;}
  .mras-pixel-kicker:before{display:none!important;}
  .mras-pixel-copy h1,.mras-pixel-copy p{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
  .mras-pixel-copy h1 span,.mras-pixel-copy h1 strong{font-size:52px!important;line-height:.95!important;}
  .mras-pixel-copy p{font-size:15px!important;line-height:1.7!important;max-width:330px!important;margin-top:12px!important;}
  .mras-pixel-cta-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;justify-content:stretch!important;direction:rtl!important;margin-top:18px!important;}
  .mras-pixel-cta{width:100%!important;min-width:0!important;height:50px!important;font-size:16px!important;border-radius:13px!important;}

  .mras-pixel-benefit-strip{width:calc(100% - 18px)!important;margin:0 auto!important;grid-template-columns:1fr 1fr!important;border-radius:16px!important;}
  .mras-pixel-benefit-strip article{min-height:94px!important;padding:12px 8px!important;flex-direction:column!important;text-align:center!important;gap:6px!important;}
  .mras-pixel-benefit-strip article:last-child{grid-column:1/-1!important;}
  .mras-pixel-benefit-strip strong{font-size:12px!important;}
  .mras-pixel-benefit-strip small{font-size:9px!important;}
  .mras-pixel-discover{margin-top:10px!important;}

  .mras-pixel-grades{padding:28px 12px 34px!important;}
  .mras-pixel-section-head{width:100%!important;}
  .mras-pixel-section-head h2{font-size:28px!important;line-height:1.2!important;}
  .mras-pixel-section-head p{font-size:12px!important;line-height:1.65!important;max-width:330px!important;}
  .mras-pixel-grade-grid{width:100%!important;grid-template-columns:1fr!important;gap:12px!important;}
  .mras-pixel-grade-card{min-height:110px!important;border-radius:18px!important;}
  .mras-pixel-grade-copy strong{font-size:18px!important;white-space:nowrap!important;}
  .mras-pixel-grade-copy small{font-size:11px!important;}
}
@media (max-width:390px){
  .mras-pixel-hero-bg{height:590px!important;background-position:center 20%!important;}
  .mras-pixel-hero-grid{padding-top:475px!important;}
  .mras-pixel-copy h1 span,.mras-pixel-copy h1 strong{font-size:46px!important;}
  .mras-pixel-brand-copy strong{font-size:15px!important;}
}


/* v1.0.29 — calmer stage cards, equal title sizing, centered third-card arrow */
.mras-pixel-grade-card:after{
  background:linear-gradient(90deg,rgba(3,10,7,.24) 0%,rgba(3,10,7,.38) 42%,rgba(3,10,7,.70) 72%,rgba(3,10,7,.84) 100%)!important;
}
.mras-pixel-grade-copy strong,
.mras-pixel-grade-card.is-third .mras-pixel-grade-copy strong{
  font-size:18px!important;
  line-height:1.25!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
.mras-pixel-grade-arrow,
.mras-pixel-grade-card.is-third .mras-pixel-grade-arrow{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding:0 0 1px 0!important;
}
@media (max-width:760px){
  .mras-pixel-grade-card:after{
    background:linear-gradient(90deg,rgba(3,10,7,.28) 0%,rgba(3,10,7,.42) 46%,rgba(3,10,7,.74) 76%,rgba(3,10,7,.88) 100%)!important;
  }
  .mras-pixel-grade-copy strong,
  .mras-pixel-grade-card.is-third .mras-pixel-grade-copy strong{
    font-size:17px!important;
  }
}


/* v1.0.30 — reduce stage-card background visibility even more */
.mras-pixel-grade-card:after{
  background:linear-gradient(90deg,rgba(3,10,7,.36) 0%,rgba(3,10,7,.52) 40%,rgba(3,10,7,.80) 70%,rgba(3,10,7,.92) 100%)!important;
}
@media (max-width:760px){
  .mras-pixel-grade-card:after{
    background:linear-gradient(90deg,rgba(3,10,7,.40) 0%,rgba(3,10,7,.56) 44%,rgba(3,10,7,.84) 74%,rgba(3,10,7,.94) 100%)!important;
  }
}


/* v1.0.31 — remove A mark from homepage brand */
.mras-pixel-brand{gap:10px!important}
@media(max-width:760px){.mras-pixel-brand{gap:6px!important;}}


/* v1.0.32 — homepage subjects, about and testimonials sections */
.mras-home-subjects,.mras-home-about,.mras-home-testimonials{position:relative;background:#06110e;color:#fff;overflow:hidden}
.mras-home-subjects{padding:78px 0 84px;border-top:1px solid rgba(224,194,124,.12);background:
radial-gradient(circle at 12% 8%,rgba(184,91,28,.12),transparent 28%),radial-gradient(circle at 86% 12%,rgba(52,170,101,.10),transparent 30%),#07120f}
.mras-home-about{padding:86px 0;background:linear-gradient(180deg,#07120f 0%,#0a1713 100%);border-top:1px solid rgba(224,194,124,.10)}
.mras-home-testimonials{padding:80px 0 90px;background:radial-gradient(circle at 50% 0%,rgba(35,138,91,.10),transparent 38%),#06110e;border-top:1px solid rgba(224,194,124,.10)}
.mras-home-section-shell{width:min(1320px,92%);margin:0 auto;position:relative;z-index:2}
.mras-home-section-title{text-align:center;max-width:900px;margin:0 auto 34px}
.mras-home-section-title>span,.mras-home-eyebrow{display:inline-block;color:#dfbd73;font-size:16px;font-weight:900;margin-bottom:10px}
.mras-home-section-title h2,.mras-about-copy h2{margin:0;color:#fff8e8;font-size:46px;line-height:1.2;font-weight:950;letter-spacing:-.025em}
.mras-home-section-title p{margin:12px auto 0;color:#cfdcd3;font-size:16px;line-height:1.8;max-width:760px}
.mras-subject-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mras-subject-group{border:1px solid rgba(224,194,124,.22);border-radius:24px;background:linear-gradient(180deg,rgba(18,30,24,.88),rgba(7,18,14,.96));padding:22px;box-shadow:0 18px 38px rgba(0,0,0,.16);position:relative;overflow:hidden}
.mras-subject-group:before{content:"";position:absolute;inset:auto -20% -45% auto;width:70%;height:70%;border-radius:50%;filter:blur(22px);opacity:.13;pointer-events:none}
.mras-subject-group.is-gold:before{background:#d8a34e}.mras-subject-group.is-mint:before{background:#55c985}.mras-subject-group.is-cream:before{background:#f5e3b7}
.mras-subject-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}
.mras-subject-group-head span{color:#9fb3a5;font-size:11px}.mras-subject-group-head h3{margin:0;color:#fff8e8;font-size:24px}
.mras-subject-list{display:grid;gap:9px}
.mras-subject-pill{display:grid;grid-template-columns:46px 1fr 28px;align-items:center;gap:10px;min-height:58px;padding:8px 11px;border-radius:15px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);text-decoration:none!important;color:#fff!important;transition:.2s ease}
.mras-subject-pill:hover{transform:translateY(-1px);background:rgba(255,255,255,.055);border-color:rgba(224,194,124,.34)}
.mras-subject-pill i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-weight:900;background:rgba(185,239,201,.10);color:#b9efc9;border:1px solid rgba(185,239,201,.15)}
.mras-subject-group.is-gold .mras-subject-pill i{color:#e0c27c;background:rgba(224,194,124,.09);border-color:rgba(224,194,124,.16)}
.mras-subject-pill strong{font-size:15px}.mras-subject-pill>span{font-size:25px;color:#d9b86d;line-height:1}
.mras-about-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr);align-items:center;gap:54px}
.mras-about-copy h2{font-size:52px;margin-bottom:20px}.mras-about-copy>p{color:#d3dfd6;font-size:17px;line-height:1.9;margin:0 0 12px;max-width:760px}
.mras-about-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0}
.mras-about-points>div{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid rgba(224,194,124,.14);border-radius:16px;background:rgba(255,255,255,.025)}
.mras-about-points b{font-size:12px;color:#dcb96d}.mras-about-points span{display:flex;flex-direction:column}.mras-about-points strong{font-size:14px;color:#fff8e8}.mras-about-points small{font-size:10px;color:#9fb3a5;margin-top:3px}
.mras-about-cta{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 22px;border-radius:14px;background:linear-gradient(180deg,#bff6cd,#8bddaa);color:#0b2415!important;font-weight:950;text-decoration:none!important;box-shadow:0 12px 24px rgba(81,197,126,.14)}
.mras-about-visual{position:relative;min-height:420px;border:1px solid rgba(224,194,124,.18);border-radius:28px;background:linear-gradient(180deg,rgba(20,30,25,.85),rgba(7,17,14,.98));overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.mras-about-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(185,239,201,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(185,239,201,.025) 1px,transparent 1px);background-size:28px 28px;opacity:.4}
.mras-about-glow{position:absolute;width:260px;height:260px;right:12%;top:10%;border-radius:50%;background:radial-gradient(circle,rgba(66,194,116,.24),transparent 68%);filter:blur(10px)}
.mras-about-visual img{position:relative;z-index:2;width:88%;height:390px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))}
.mras-about-badge{position:absolute;z-index:3;right:18px;bottom:18px;padding:11px 14px;border-radius:13px;background:rgba(6,17,14,.72);border:1px solid rgba(224,194,124,.22);backdrop-filter:blur(10px);text-align:right}
.mras-about-badge strong{display:block;color:#fff8e8;font-size:13px}.mras-about-badge small{display:block;color:#b9cbbf;font-size:9px;margin-top:3px}
.mras-testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mras-testimonial-card{border:1px solid rgba(224,194,124,.17);border-radius:22px;background:linear-gradient(180deg,rgba(18,29,24,.80),rgba(7,18,14,.94));padding:22px;box-shadow:0 18px 36px rgba(0,0,0,.15)}
.mras-testimonial-top{display:flex;align-items:center;justify-content:space-between}.mras-quote-mark{font:900 48px/1 Georgia,serif;color:#dcb96d}.mras-stars{color:#dcb96d;font-size:13px;letter-spacing:2px;direction:ltr}
.mras-testimonial-card>p{color:#edf3ee;font-size:15px;line-height:1.9;margin:12px 0 20px;min-height:86px}
.mras-testimonial-meta{display:flex;align-items:center;gap:11px;padding-top:15px;border-top:1px solid rgba(255,255,255,.06)}
.mras-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#2f8b61,#176044);color:#fff;font-weight:900;border:1px solid rgba(185,239,201,.20)}
.mras-testimonial-meta div{display:flex;flex-direction:column}.mras-testimonial-meta strong{font-size:13px;color:#fff8e8}.mras-testimonial-meta small{font-size:9px;color:#93a89a;margin-top:3px}
.mras-testimonial-note{text-align:center;color:#758c7d;font-size:10px;margin:16px 0 0}
@media(max-width:900px){
 .mras-subject-groups,.mras-testimonials-grid{grid-template-columns:1fr}
 .mras-about-grid{grid-template-columns:1fr;gap:26px}.mras-about-visual{min-height:360px;order:-1}.mras-about-visual img{height:335px}
 .mras-about-points{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:600px){
 .mras-home-subjects,.mras-home-about,.mras-home-testimonials{padding:48px 0}
 .mras-home-section-shell{width:calc(100% - 28px)}
 .mras-home-section-title{margin-bottom:22px}.mras-home-section-title>span,.mras-home-eyebrow{font-size:12px}.mras-home-section-title h2,.mras-about-copy h2{font-size:29px}.mras-home-section-title p,.mras-about-copy>p{font-size:13px;line-height:1.8}
 .mras-subject-group{padding:16px;border-radius:18px}.mras-subject-group-head h3{font-size:20px}.mras-subject-pill{min-height:54px}.mras-subject-pill strong{font-size:14px}
 .mras-about-points{grid-template-columns:1fr}.mras-about-visual{min-height:310px;border-radius:20px}.mras-about-visual img{height:292px;width:94%}.mras-about-badge{right:12px;bottom:12px}
 .mras-testimonial-card{padding:18px;border-radius:18px}.mras-testimonial-card>p{font-size:13px;min-height:0}.mras-quote-mark{font-size:40px}
}


/* v1.0.33 — force all copy in the new homepage sections to clean white */
.mras-home-subjects,
.mras-home-about,
.mras-home-testimonials{
  --mras-section-copy:#ffffff;
}
.mras-home-section-title h2,
.mras-home-section-title p,
.mras-about-copy h2,
.mras-about-copy > p,
.mras-subject-group-head h3,
.mras-subject-pill strong,
.mras-about-points strong,
.mras-about-points small,
.mras-about-badge strong,
.mras-about-badge small,
.mras-home-testimonials h2,
.mras-home-testimonials p,
.mras-home-testimonials strong,
.mras-home-testimonials small,
.mras-testimonial-card,
.mras-testimonial-card p,
.mras-testimonial-card strong,
.mras-testimonial-card small{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.mras-subject-group-head span,
.mras-home-section-title > span,
.mras-home-eyebrow{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:.82;
}


/* v1.0.34 — polish homepage subjects/about/testimonials sections */
.mras-home-subjects,.mras-home-about,.mras-home-testimonials{isolation:isolate;position:relative;}
.mras-home-subjects:before,.mras-home-about:before,.mras-home-testimonials:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-repeat:no-repeat;background-size:cover;background-position:center center;opacity:.12;mix-blend-mode:screen}
.mras-home-subjects:before{background-image:linear-gradient(180deg,rgba(6,17,14,.82),rgba(6,17,14,.92)),url('assets/images/subjects-section-bg.webp');opacity:.22;background-position:center top}
.mras-home-about:before{background-image:radial-gradient(circle at 18% 30%,rgba(188,119,36,.10),transparent 34%),linear-gradient(180deg,rgba(6,17,14,.88),rgba(6,17,14,.95));opacity:1}
.mras-home-testimonials:before{background-image:linear-gradient(180deg,rgba(6,17,14,.90),rgba(6,17,14,.96)),url('assets/images/testimonials-community.webp');opacity:.20;background-position:center top}
.mras-home-section-title{margin-bottom:38px}
.mras-home-section-title>span,.mras-home-eyebrow{color:#dfbd73!important;-webkit-text-fill-color:#dfbd73!important;text-transform:none;letter-spacing:.01em}
.mras-home-section-title h2,.mras-about-copy h2{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 8px 32px rgba(0,0,0,.26)}
.mras-home-section-title p,.mras-about-copy>p,.mras-testimonial-card>p{color:#e5efe8!important;-webkit-text-fill-color:#e5efe8!important}
.mras-subject-groups{gap:20px;align-items:stretch}
.mras-subject-group{padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(11,23,18,.84),rgba(7,17,14,.95));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 24px 50px rgba(0,0,0,.18)}
.mras-subject-group-head{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(223,189,115,.18)}
.mras-subject-group-head span{color:#d7be8b!important;-webkit-text-fill-color:#d7be8b!important;font-size:12px;font-weight:800}
.mras-subject-group-head h3{font-size:26px;color:#fff!important;-webkit-text-fill-color:#fff!important}
.mras-subject-list{gap:11px}
.mras-subject-pill{min-height:62px;padding:10px 12px;border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border-color:rgba(255,255,255,.08)}
.mras-subject-pill:hover{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border-color:rgba(223,189,115,.32);transform:translateY(-2px)}
.mras-subject-pill i{width:40px;height:40px;border-radius:12px;font-size:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.mras-subject-pill strong{font-size:16px;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
.mras-subject-pill>span{font-size:26px;color:#dfbd73}
.mras-about-grid{gap:42px;align-items:stretch}
.mras-about-copy{display:flex;flex-direction:column;justify-content:center}
.mras-about-copy h2{margin-bottom:18px}
.mras-about-copy>p{font-size:18px;line-height:1.95}
.mras-about-points{gap:12px;margin:30px 0 26px}
.mras-about-points>div{padding:16px 15px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border-color:rgba(223,189,115,.16)}
.mras-about-points b{font-size:13px;color:#dfbd73}.mras-about-points strong{font-size:15px;color:#fff!important}.mras-about-points small{font-size:11px;color:#dce8e0!important}
.mras-about-visual{min-height:470px;border-radius:30px;background:linear-gradient(180deg,rgba(13,22,18,.70),rgba(7,17,14,.92));box-shadow:0 26px 60px rgba(0,0,0,.22)}
.mras-about-visual:before{background-image:linear-gradient(rgba(223,189,115,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(223,189,115,.035) 1px,transparent 1px);opacity:.34}
.mras-about-glow{width:310px;height:310px;right:-2%;top:-3%;background:radial-gradient(circle,rgba(66,194,116,.18),transparent 68%)}
.mras-about-visual img{width:100%;height:100%;object-fit:cover;object-position:center center;opacity:.78;filter:saturate(1.02) contrast(1.02) brightness(.96)}
.mras-about-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,14,.16) 0%,rgba(7,17,14,.08) 30%,rgba(7,17,14,.52) 100%);z-index:2}
.mras-about-badge{z-index:3;background:rgba(6,17,14,.56);border-color:rgba(223,189,115,.28);padding:12px 15px}
.mras-about-badge strong{font-size:14px!important;color:#fff!important}.mras-about-badge small{font-size:10px!important;color:#dbe7df!important}
.mras-testimonials-grid{gap:20px}
.mras-testimonial-card{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,rgba(12,24,19,.86),rgba(8,18,14,.96));border-color:rgba(223,189,115,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 24px 46px rgba(0,0,0,.17)}
.mras-testimonial-card:before{content:"";position:absolute;inset:auto -16% -30% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(66,194,116,.12),transparent 66%);pointer-events:none}
.mras-testimonial-top{position:relative;z-index:1}.mras-quote-mark{color:#dfbd73}.mras-stars{color:#dfbd73}
.mras-testimonial-card>p{position:relative;z-index:1;font-size:15px;line-height:1.95}
.mras-testimonial-meta{position:relative;z-index:1;border-top-color:rgba(255,255,255,.08)}
.mras-avatar{background:linear-gradient(180deg,#3ba86f,#216d4f);border-color:rgba(185,239,201,.26)}
.mras-testimonial-meta strong{font-size:14px;color:#fff!important}.mras-testimonial-meta small{font-size:10px;color:#dce8e0!important}
.mras-testimonial-note{color:#b8c7bf;font-size:11px;margin-top:18px}
@media(max-width:900px){
  .mras-about-grid{grid-template-columns:1fr;gap:24px}
  .mras-about-visual{order:-1;min-height:340px}
  .mras-home-subjects:before,.mras-home-testimonials:before{opacity:.16}
}
@media(max-width:600px){
  .mras-home-section-title{margin-bottom:24px}
  .mras-home-section-title h2,.mras-about-copy h2{font-size:31px}
  .mras-home-section-title p,.mras-about-copy>p{font-size:14px;line-height:1.85}
  .mras-subject-group{padding:18px;border-radius:20px}
  .mras-subject-group-head h3{font-size:22px}
  .mras-subject-pill{min-height:56px;padding:8px 10px}
  .mras-subject-pill strong{font-size:15px}
  .mras-about-visual{min-height:300px;border-radius:22px}
  .mras-about-visual img{object-position:center top}
  .mras-about-points>div{padding:14px 12px}
  .mras-testimonial-card{padding:18px;border-radius:18px}
  .mras-testimonial-card>p{font-size:14px}
}


/* v1.0.35 — gold accents inside the homepage brand text */
.mras-pixel-brand-copy .mras-brand-accent{
  color:#dfbd73!important;
  -webkit-text-fill-color:#dfbd73!important;
}


/* v1.0.37 — richer background for about section */
.mras-home-about{
  background:
    radial-gradient(circle at 12% 22%, rgba(210,132,38,.18), transparent 26%),
    radial-gradient(circle at 84% 18%, rgba(67,198,121,.10), transparent 22%),
    radial-gradient(circle at 78% 76%, rgba(223,189,115,.08), transparent 18%),
    linear-gradient(180deg,#07120f 0%,#081410 40%,#091612 100%)!important;
}
.mras-home-about:before{
  background-image:
    linear-gradient(90deg,rgba(6,17,14,.88) 0%,rgba(6,17,14,.72) 40%,rgba(6,17,14,.90) 100%),
    url('assets/images/subjects-section-bg.webp')!important;
  background-position:center center!important;
  background-size:cover!important;
  opacity:.18!important;
  mix-blend-mode:normal!important;
  filter:blur(1px) saturate(.9);
}
.mras-home-about:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(223,189,115,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(223,189,115,.028) 1px,transparent 1px),
    radial-gradient(circle at 16% 70%, rgba(223,189,115,.08), transparent 20%),
    radial-gradient(circle at 72% 28%, rgba(86,197,133,.05), transparent 18%);
  background-size:34px 34px,34px 34px,auto,auto;
  opacity:.65;
}
.mras-home-about .mras-home-section-shell{position:relative;z-index:2}
.mras-about-copy{
  padding:28px 0;
}
.mras-about-copy h2{
  margin-top:10px;
  margin-bottom:18px;
  text-shadow:0 10px 24px rgba(0,0,0,.34)!important;
}
.mras-about-copy>p{
  text-shadow:0 3px 16px rgba(0,0,0,.18);
}
.mras-about-points>div{
  background:linear-gradient(180deg,rgba(18,30,24,.76),rgba(10,19,15,.94))!important;
  box-shadow:0 16px 32px rgba(0,0,0,.16);
}
.mras-about-visual{
  border-color:rgba(223,189,115,.22)!important;
  background:
    linear-gradient(180deg,rgba(13,22,18,.58),rgba(7,17,14,.90))!important;
  box-shadow:0 30px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.mras-about-visual:before{
  background-image:
    linear-gradient(rgba(223,189,115,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(223,189,115,.038) 1px,transparent 1px)!important;
  opacity:.42!important;
}
.mras-about-visual:after{
  background:
    linear-gradient(90deg,rgba(7,17,14,.10) 0%,rgba(7,17,14,.06) 28%,rgba(7,17,14,.56) 100%),
    radial-gradient(circle at 78% 18%, rgba(223,189,115,.12), transparent 20%)!important;
}
.mras-about-glow{
  width:360px!important;
  height:360px!important;
  right:-6%!important;
  top:-5%!important;
  background:radial-gradient(circle,rgba(66,194,116,.20),transparent 68%)!important;
}
.mras-about-badge{
  background:rgba(6,17,14,.62)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
@media(max-width:900px){
  .mras-home-about:before{opacity:.14!important;background-position:center top!important;}
  .mras-home-about:after{background-size:26px 26px,26px 26px,auto,auto;opacity:.52;}
}
@media(max-width:600px){
  .mras-home-about{
    background:
      radial-gradient(circle at 18% 16%, rgba(210,132,38,.14), transparent 28%),
      radial-gradient(circle at 80% 12%, rgba(67,198,121,.08), transparent 22%),
      linear-gradient(180deg,#07120f 0%,#091611 100%)!important;
  }
  .mras-about-copy{padding:8px 0 0}
  .mras-about-visual{min-height:320px!important}
}


/* v1.0.38 — fix overlap between hero title lines */
.mras-pixel-copy h1{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  line-height:1.04!important;
}
.mras-pixel-copy h1 span,
.mras-pixel-copy h1 strong{
  display:block!important;
  line-height:1.02!important;
}
@media(max-width:760px){
  .mras-pixel-copy h1{gap:6px!important;line-height:1.02!important;}
  .mras-pixel-copy h1 span,
  .mras-pixel-copy h1 strong{line-height:1.02!important;}
}
@media(max-width:390px){
  .mras-pixel-copy h1{gap:5px!important;}
}


/* v1.0.39 — fit the new portrait mobile hero artwork cleanly */
@media (max-width:760px){
  .mras-pixel-hero{
    min-height:0!important;
    padding:0!important;
    background:#06110e!important;
    overflow:hidden!important;
  }
  .mras-pixel-hero-bg{
    display:block!important;
    position:absolute!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    height:clamp(568px,177.7vw,690px)!important;
    background-image:
      linear-gradient(180deg,rgba(5,14,11,.00) 0%,rgba(5,14,11,.01) 58%,rgba(5,14,11,.28) 76%,rgba(6,17,14,.88) 92%,#06110e 100%),
      var(--mras-home-hero-mobile)!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    filter:none!important;
  }
  .mras-pixel-hero-grid{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    padding-top:clamp(460px,143vw,560px)!important;
    margin:0!important;
    position:relative!important;
  }
  .mras-pixel-copy{
    background:linear-gradient(180deg,rgba(6,17,14,.02) 0%,rgba(6,17,14,.90) 16%,#06110e 100%)!important;
    padding-top:22px!important;
  }
}
@media (max-width:390px){
  .mras-pixel-hero-bg{
    height:clamp(568px,177.7vw,660px)!important;
    background-position:center top!important;
  }
  .mras-pixel-hero-grid{
    padding-top:clamp(455px,142vw,535px)!important;
  }
}

/* v1.0.40 — simplify homepage brand name */
.mras-pixel-brand-copy strong{
  white-space:nowrap!important;
}


/* v1.0.41 — math-themed background behind about section */
.mras-home-about:before{
  background-image:
    linear-gradient(90deg,rgba(6,17,14,.90) 0%,rgba(6,17,14,.76) 40%,rgba(6,17,14,.92) 100%),
    url('assets/images/subjects-section-bg.webp')!important;
  background-position:center center!important;
  background-size:cover!important;
  opacity:.16!important;
}
@media(max-width:900px){
  .mras-home-about:before{opacity:.13!important;}
}


/* v1.0.42 — mobile header order + tighter hero composition */
@media (max-width:760px){
  .mras-pixel-header-inner{
    direction:ltr!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  .mras-pixel-menu-toggle{
    order:1!important;
    margin:0!important;
  }
  .mras-pixel-brand{
    order:2!important;
    margin-left:auto!important;
    margin-right:0!important;
    direction:rtl!important;
    text-align:right!important;
  }
  .mras-pixel-brand-copy{
    text-align:right!important;
    align-items:flex-start!important;
  }

  .mras-pixel-hero-bg{
    height:455px!important;
    background-size:100% auto!important;
    background-position:center 15%!important;
    background-repeat:no-repeat!important;
    background-image:
      linear-gradient(180deg,
        rgba(5,14,11,.00) 0%,
        rgba(5,14,11,.00) 54%,
        rgba(5,14,11,.18) 68%,
        rgba(6,17,14,.70) 86%,
        #06110e 100%),
      var(--mras-home-hero-mobile)!important;
  }
  .mras-pixel-hero-grid{
    padding-top:355px!important;
  }
  .mras-pixel-copy{
    margin-top:0!important;
    padding:14px 16px 20px!important;
    background:linear-gradient(180deg,rgba(6,17,14,.10) 0%,rgba(6,17,14,.94) 20%,#06110e 100%)!important;
  }
  .mras-pixel-kicker{
    margin-top:0!important;
  }
}
@media (max-width:390px){
  .mras-pixel-hero-bg{
    height:435px!important;
    background-position:center 13%!important;
  }
  .mras-pixel-hero-grid{
    padding-top:338px!important;
  }
}


/* v1.0.43 — refined social rail shape */
.mras-social-rail{
  left:12px!important;
  width:52px!important;
  padding:10px 8px!important;
  gap:8px!important;
  border-radius:0 18px 18px 0!important;
  border:1px solid rgba(223,189,115,.18)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.18)!important;
}
.mras-social-rail:before{
  left:5px!important;
  top:8px!important;
  bottom:8px!important;
  inset-block:auto!important;
  width:3px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#d8bb67 0%,#f0d885 50%,#caa84b 100%)!important;
}
.mras-social-link{
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.mras-social-link svg{
  width:15px!important;
  height:15px!important;
}
@media(max-width:760px){
  .mras-social-rail{
    left:6px!important;
    bottom:92px!important;
    width:44px!important;
    padding:8px 6px!important;
    gap:7px!important;
    border-radius:0 16px 16px 0!important;
  }
  .mras-social-rail:before{
    left:4px!important;
    top:7px!important;
    bottom:7px!important;
    width:3px!important;
  }
  .mras-social-link{
    width:30px!important;
    height:30px!important;
    border-radius:9px!important;
  }
  .mras-social-link svg{
    width:14px!important;
    height:14px!important;
  }
}


/* v1.0.44 — remove yellow bar from social rail */
.mras-social-rail:before{display:none!important;content:none!important;}


/* =========================================================
   v1.0.45 — sitewide visual-system polish for every inner page
   ========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");

:root{
  --mras-radius-sm:12px;
  --mras-radius:18px;
  --mras-radius-lg:26px;
  --mras-section-space:72px;
  --mras-page-max:1240px;
}

body:not(.home),
body:not(.home) button,
body:not(.home) input,
body:not(.home) select,
body:not(.home) textarea,
body:not(.home) .tutor-wrap,
body:not(.home) .woocommerce,
body:not(.home) .mras-platform-admin,
body:not(.home) .mras-student-dashboard{
  font-family:"Tajawal",sans-serif!important;
}

body:not(.home){
  background:
    radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--mras-primary) 8%,transparent),transparent 28%),
    radial-gradient(circle at 90% 12%,color-mix(in srgb,var(--mras-gold) 7%,transparent),transparent 26%),
    var(--mras-bg)!important;
  color:var(--mras-text)!important;
  line-height:1.75;
}

body:not(.home) h1,
body:not(.home) h2,
body:not(.home) h3,
body:not(.home) h4,
body:not(.home) h5,
body:not(.home) h6{
  font-family:"Tajawal",sans-serif!important;
  color:var(--mras-text)!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  font-weight:800!important;
}
body:not(.home) p,
body:not(.home) li,
body:not(.home) label,
body:not(.home) small,
body:not(.home) .description{
  color:var(--mras-text-soft)!important;
}
body:not(.home) a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}

body:not(.home) .container,
body:not(.home) .tutor-container{
  width:min(var(--mras-page-max),calc(100% - 40px))!important;
  max-width:var(--mras-page-max)!important;
  margin-inline:auto!important;
}

/* Header / footer */
body:not(.home) #aez-site-header.aez-header{
  background:color-mix(in srgb,var(--mras-surface) 92%,transparent)!important;
  border-bottom:1px solid var(--mras-border)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.06)!important;
  backdrop-filter:blur(14px) saturate(125%);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
}
body:not(.home) #aez-site-header .aez-menu a{font-weight:800!important}
body:not(.home) .aez-footer{
  margin-top:64px!important;
  border-top:1px solid var(--mras-border)!important;
  background:linear-gradient(180deg,var(--mras-surface),color-mix(in srgb,var(--mras-surface) 90%,#000))!important;
}

/* Page hero system */
body:not(.home) .aez-page-hero,
body:not(.home) .aez-grade-page-hero,
body:not(.home) .mras-courses-hero,
body:not(.home) .mras-admin-hero,
body:not(.home) .mras-dashboard-hero,
body:not(.home) .aez-course-hero{
  position:relative!important;
  overflow:hidden!important;
  border-bottom:1px solid var(--mras-border)!important;
  background:
    radial-gradient(circle at 16% 16%,color-mix(in srgb,var(--mras-gold) 12%,transparent),transparent 26%),
    radial-gradient(circle at 84% 10%,color-mix(in srgb,var(--mras-primary) 12%,transparent),transparent 24%),
    linear-gradient(180deg,var(--mras-surface-2),var(--mras-bg))!important;
  color:var(--mras-text)!important;
}
body:not(.home) .aez-grade-page-hero>.container,
body:not(.home) .mras-courses-hero-inner,
body:not(.home) .mras-admin-hero>.container,
body:not(.home) .mras-dashboard-hero-inner,
body:not(.home) .aez-course-hero-grid{
  position:relative!important;
  z-index:2!important;
}
body:not(.home) .aez-kicker,
body:not(.home) .mras-dashboard-kicker,
body:not(.home) .mras-code-kicker,
body:not(.home) .aez-card-eyebrow{
  color:var(--mras-gold)!important;
  font-weight:900!important;
  letter-spacing:0!important;
}

/* Section spacing */
body:not(.home) .aez-section,
body:not(.home) .aez-grade-course-section,
body:not(.home) .mras-stage-section,
body:not(.home) .mras-dashboard-section,
body:not(.home) .mras-admin-section{
  padding-top:44px!important;
  padding-bottom:44px!important;
}
body:not(.home) .mras-dashboard-section-head,
body:not(.home) .mras-admin-section-head,
body:not(.home) .mras-stage-head,
body:not(.home) .aez-course-card-heading{
  margin-bottom:22px!important;
}
body:not(.home) .mras-dashboard-section-head h2,
body:not(.home) .mras-admin-section-head h2,
body:not(.home) .mras-stage-head h2,
body:not(.home) .aez-course-card-heading h2{
  margin:0!important;
  font-size:clamp(24px,2vw,34px)!important;
  color:var(--mras-text)!important;
}

/* Unified cards */
body:not(.home) .aez-auth-brand,
body:not(.home) .aez-auth-card,
body:not(.home) .aez-course-card,
body:not(.home) .mras-subject-card,
body:not(.home) .mras-admin-card,
body:not(.home) .mras-dashboard-grade-card,
body:not(.home) .mras-student-bundle-card,
body:not(.home) .mras-dashboard-empty,
body:not(.home) .aez-empty-state,
body:not(.home) .mras-stage-empty,
body:not(.home) .aez-code-checkout-card,
body:not(.home) .aez-course-video-card,
body:not(.home) .aez-course-sidebar,
body:not(.home) .aez-course-tabs-shell,
body:not(.home) .mras-sequence-item,
body:not(.home) .tutor-card,
body:not(.home) .tutor-dashboard .tutor-dashboard-content{
  background:linear-gradient(180deg,var(--mras-surface),color-mix(in srgb,var(--mras-surface) 95%,var(--mras-surface-2)))!important;
  color:var(--mras-text)!important;
  border:1px solid var(--mras-border)!important;
  border-radius:var(--mras-radius)!important;
  box-shadow:var(--mras-shadow)!important;
}
body:not(.home) .aez-course-card,
body:not(.home) .mras-subject-card,
body:not(.home) .mras-student-bundle-card{
  overflow:hidden!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
body:not(.home) .aez-course-card:hover,
body:not(.home) .mras-subject-card:hover,
body:not(.home) .mras-student-bundle-card:hover{
  transform:translateY(-3px)!important;
  border-color:color-mix(in srgb,var(--mras-primary) 40%,var(--mras-border))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.12)!important;
}

/* Course cards / images */
body:not(.home) .aez-course-thumb,
body:not(.home) .aez-course-hero-thumb{
  background:var(--mras-surface-2)!important;
  border-color:var(--mras-border)!important;
  overflow:hidden!important;
}
body:not(.home) .aez-course-thumb img,
body:not(.home) .aez-course-hero-thumb img{
  width:100%!important;
  object-fit:cover!important;
  filter:saturate(.92) contrast(1.02)!important;
}
body:not(.home) .aez-course-tag,
body:not(.home) .aez-course-category{
  color:var(--mras-gold)!important;
  background:color-mix(in srgb,var(--mras-gold) 10%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--mras-gold) 24%,transparent)!important;
}
body:not(.home) .aez-course-go,
body:not(.home) .mras-stage-jump a{
  background:color-mix(in srgb,var(--mras-primary) 12%,var(--mras-surface))!important;
  color:var(--mras-primary)!important;
  border-color:color-mix(in srgb,var(--mras-primary) 26%,var(--mras-border))!important;
}

/* Auth pages */
body:not(.home) .aez-auth{
  min-height:calc(100vh - 80px)!important;
  padding:56px 0!important;
  background:
    radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--mras-gold) 9%,transparent),transparent 24%),
    radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--mras-primary) 10%,transparent),transparent 24%),
    var(--mras-bg)!important;
}
body:not(.home) .aez-auth-grid{gap:34px!important;align-items:stretch!important}
body:not(.home) .aez-auth-brand,
body:not(.home) .aez-auth-card{padding:30px!important;border-radius:24px!important}
body:not(.home) .aez-auth-card label{color:var(--mras-text)!important;font-weight:800!important}
body:not(.home) .aez-auth-card input,
body:not(.home) .aez-auth-card select,
body:not(.home) .aez-auth-card textarea{
  min-height:48px!important;
  border-radius:12px!important;
}
body:not(.home) .aez-notice,
body:not(.home) .mras-admin-notice{
  border-radius:12px!important;
  border:1px solid var(--mras-border)!important;
}

/* Admin / student dashboard */
body:not(.home) .mras-admin-wrap,
body:not(.home) .mras-student-dashboard{color:var(--mras-text)!important}
body:not(.home) .mras-admin-nav,
body:not(.home) .mras-dashboard-topbar{
  background:color-mix(in srgb,var(--mras-surface) 94%,transparent)!important;
  border:1px solid var(--mras-border)!important;
  border-radius:18px!important;
  box-shadow:var(--mras-shadow)!important;
}
body:not(.home) .mras-admin-nav a,
body:not(.home) .mras-admin-nav button{
  color:var(--mras-text)!important;
  border-radius:11px!important;
}
body:not(.home) .mras-admin-nav a:hover,
body:not(.home) .mras-admin-nav button:hover,
body:not(.home) .mras-admin-nav .is-active{
  background:color-mix(in srgb,var(--mras-primary) 13%,var(--mras-surface))!important;
  color:var(--mras-primary)!important;
}
body:not(.home) .mras-admin-stats>div{
  background:var(--mras-surface)!important;
  border:1px solid var(--mras-border)!important;
  color:var(--mras-text)!important;
  border-radius:15px!important;
}

/* Forms */
body:not(.home) input:not([type=checkbox]):not([type=radio]),
body:not(.home) select,
body:not(.home) textarea,
body:not(.home) .tutor-form-control{
  background:var(--mras-surface-2)!important;
  color:var(--mras-text)!important;
  border:1px solid var(--mras-border)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
body:not(.home) input:focus,
body:not(.home) select:focus,
body:not(.home) textarea:focus,
body:not(.home) .tutor-form-control:focus{
  border-color:var(--mras-primary)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--mras-primary) 16%,transparent)!important;
  outline:none!important;
}
body:not(.home) input::placeholder,
body:not(.home) textarea::placeholder{
  color:color-mix(in srgb,var(--mras-text-soft) 65%,transparent)!important;
}

/* Buttons */
body:not(.home) .aez-btn,
body:not(.home) .mras-admin-primary,
body:not(.home) .mras-admin-secondary,
body:not(.home) .tutor-btn{
  min-height:44px!important;
  border-radius:12px!important;
  font-weight:900!important;
}
body:not(.home) .aez-btn-primary,
body:not(.home) .mras-admin-primary,
body:not(.home) .tutor-btn-primary{
  background:linear-gradient(180deg,var(--mras-primary),color-mix(in srgb,var(--mras-primary) 80%,#000))!important;
  color:#fff!important;
  border-color:transparent!important;
}
body:not(.home) .mras-admin-secondary,
body:not(.home) .aez-btn-outline{
  background:var(--mras-surface-2)!important;
  color:var(--mras-text)!important;
  border:1px solid var(--mras-border)!important;
}

/* Tables */
body:not(.home) .mras-admin-card table,
body:not(.home) .tutor-table,
body:not(.home) table{
  border-collapse:separate!important;
  border-spacing:0!important;
  background:var(--mras-surface)!important;
  color:var(--mras-text)!important;
}
body:not(.home) th{
  background:var(--mras-surface-2)!important;
  color:var(--mras-text)!important;
  font-weight:900!important;
}
body:not(.home) td{
  color:var(--mras-text)!important;
  border-color:var(--mras-border)!important;
}
body:not(.home) tr:hover td{
  background:color-mix(in srgb,var(--mras-primary) 5%,var(--mras-surface))!important;
}

/* Tutor LMS single course */
body:not(.home) .aez-course-layout{gap:26px!important;padding-top:34px!important}
body:not(.home) .aez-course-video-card,
body:not(.home) .aez-course-sidebar,
body:not(.home) .aez-course-tabs-shell{border-radius:22px!important}
body:not(.home) .mras-sequence-item{padding:18px!important;margin-bottom:12px!important}
body:not(.home) .mras-sequence-number{
  background:color-mix(in srgb,var(--mras-primary) 14%,var(--mras-surface))!important;
  color:var(--mras-primary)!important;
  border-color:color-mix(in srgb,var(--mras-primary) 28%,var(--mras-border))!important;
}
body:not(.home) .mras-lock-pill{color:var(--mras-gold)!important}
body:not(.home) .mras-pass-pill{color:var(--mras-primary)!important}

/* Pagination */
body:not(.home) .page-numbers,
body:not(.home) .aez-grade-pagination a,
body:not(.home) .aez-grade-pagination span{
  background:var(--mras-surface)!important;
  color:var(--mras-text)!important;
  border:1px solid var(--mras-border)!important;
  border-radius:10px!important;
}
body:not(.home) .page-numbers.current,
body:not(.home) .aez-grade-pagination .current{
  background:var(--mras-primary)!important;
  color:#fff!important;
  border-color:var(--mras-primary)!important;
}

/* Mobile cleanup */
@media(max-width:900px){
  :root{--mras-section-space:50px}
  body:not(.home) .container,
  body:not(.home) .tutor-container{width:calc(100% - 28px)!important}
  body:not(.home) .aez-section,
  body:not(.home) .aez-grade-course-section,
  body:not(.home) .mras-stage-section,
  body:not(.home) .mras-dashboard-section,
  body:not(.home) .mras-admin-section{padding-top:30px!important;padding-bottom:30px!important}
  body:not(.home) .aez-auth{padding:30px 0!important}
  body:not(.home) .aez-auth-brand,
  body:not(.home) .aez-auth-card{padding:22px!important}
  body:not(.home) .mras-admin-card,
  body:not(.home) .aez-course-card,
  body:not(.home) .mras-subject-card,
  body:not(.home) .mras-dashboard-grade-card,
  body:not(.home) .mras-student-bundle-card{border-radius:16px!important}
}
@media(max-width:600px){
  body:not(.home) .container,
  body:not(.home) .tutor-container{width:calc(100% - 20px)!important}
  body:not(.home) h1{font-size:clamp(28px,9vw,38px)!important}
  body:not(.home) h2{font-size:clamp(23px,7vw,30px)!important}
  body:not(.home) .aez-auth-brand,
  body:not(.home) .aez-auth-card{padding:18px!important;border-radius:18px!important}
  body:not(.home) .mras-admin-card{padding:16px!important}
  body:not(.home) table{font-size:12px!important}
}


/* =========================================================
   v1.0.48 — FINAL inner-pages Light/Dark design system
   Explicitly overrides legacy hard-coded dark/white rules.
   ========================================================= */
html[data-theme="light"]{
  --mras-page-bg:#f4f7f3;
  --mras-page-surface:#ffffff;
  --mras-page-surface-2:#edf3ee;
  --mras-page-surface-3:#e4ede6;
  --mras-page-text:#10231a;
  --mras-page-muted:#5d6f64;
  --mras-page-border:#d8e3da;
  --mras-page-primary:#2f8f61;
  --mras-page-primary-soft:#dff3e6;
  --mras-page-gold:#b8893f;
  --mras-page-shadow:0 16px 42px rgba(19,48,33,.08);
  --mras-page-hero-1:#edf4ee;
  --mras-page-hero-2:#f7f4ec;
}
html[data-theme="dark"]{
  --mras-page-bg:#06110e;
  --mras-page-surface:#0c1914;
  --mras-page-surface-2:#11231b;
  --mras-page-surface-3:#173025;
  --mras-page-text:#fff9ec;
  --mras-page-muted:#c4d2c8;
  --mras-page-border:rgba(223,196,135,.18);
  --mras-page-primary:#62d191;
  --mras-page-primary-soft:#143525;
  --mras-page-gold:#ddb968;
  --mras-page-shadow:0 18px 46px rgba(0,0,0,.22);
  --mras-page-hero-1:#0b1b15;
  --mras-page-hero-2:#101b16;
}

/* Base inner-page canvas */
html[data-theme] body:not(.home),
html[data-theme] body:not(.home) .site-main,
html[data-theme] body:not(.home) main,
html[data-theme] body:not(.home) .aez-content,
html[data-theme] body:not(.home) .aez-grade-page,
html[data-theme] body:not(.home) .mras-courses-hub,
html[data-theme] body:not(.home) .mras-platform-admin,
html[data-theme] body:not(.home) .mras-student-dashboard,
html[data-theme] body:not(.home) .aez-course-page{
  background:
    radial-gradient(circle at 8% 0%,rgba(184,137,63,.055),transparent 26%),
    radial-gradient(circle at 92% 4%,rgba(47,143,97,.055),transparent 24%),
    var(--mras-page-bg)!important;
  color:var(--mras-page-text)!important;
}
html[data-theme] body:not(.home),
html[data-theme] body:not(.home) button,
html[data-theme] body:not(.home) input,
html[data-theme] body:not(.home) select,
html[data-theme] body:not(.home) textarea,
html[data-theme] body:not(.home) .tutor-wrap,
html[data-theme] body:not(.home) .woocommerce{
  font-family:"Tajawal",sans-serif!important;
}
html[data-theme] body:not(.home) h1,
html[data-theme] body:not(.home) h2,
html[data-theme] body:not(.home) h3,
html[data-theme] body:not(.home) h4,
html[data-theme] body:not(.home) h5,
html[data-theme] body:not(.home) h6{
  color:var(--mras-page-text)!important;
  -webkit-text-fill-color:var(--mras-page-text)!important;
  text-shadow:none!important;
}
html[data-theme] body:not(.home) p,
html[data-theme] body:not(.home) li,
html[data-theme] body:not(.home) label,
html[data-theme] body:not(.home) small,
html[data-theme] body:not(.home) .description,
html[data-theme] body:not(.home) .aez-section-sub{
  color:var(--mras-page-muted)!important;
  -webkit-text-fill-color:var(--mras-page-muted)!important;
}

/* Header — readable in both modes */
html[data-theme] body:not(.home) #aez-site-header.aez-header{
  background:color-mix(in srgb,var(--mras-page-surface) 94%,transparent)!important;
  border-bottom:1px solid var(--mras-page-border)!important;
  color:var(--mras-page-text)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.055)!important;
}
html[data-theme] body:not(.home) #aez-site-header .aez-brand-text strong,
html[data-theme] body:not(.home) #aez-site-header .aez-menu a{
  color:var(--mras-page-text)!important;
  -webkit-text-fill-color:var(--mras-page-text)!important;
}
html[data-theme] body:not(.home) #aez-site-header .aez-brand-text span,
html[data-theme] body:not(.home) #aez-site-header .aez-brand-text small{
  color:var(--mras-page-muted)!important;
  -webkit-text-fill-color:var(--mras-page-muted)!important;
}
html[data-theme] body:not(.home) #aez-site-header .aez-menu a:hover,
html[data-theme] body:not(.home) #aez-site-header .aez-menu .current-menu-item>a{color:var(--mras-page-primary)!important}
html[data-theme] body:not(.home) #aez-site-header .aez-btn-primary{
  background:var(--mras-page-primary)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:transparent!important;
}
html[data-theme] body:not(.home) #aez-site-header .aez-btn-ghost,
html[data-theme] body:not(.home) #aez-site-header .mras-desktop-logout,
html[data-theme] body:not(.home) .mras-theme-toggle,
html[data-theme] body:not(.home) .aez-search-round,
html[data-theme] body:not(.home) .aez-menu-toggle{
  background:var(--mras-page-surface-2)!important;
  color:var(--mras-page-text)!important;
  -webkit-text-fill-color:var(--mras-page-text)!important;
  border:1px solid var(--mras-page-border)!important;
}
html[data-theme] body:not(.home) .aez-search-panel{
  background:var(--mras-page-surface)!important;border-color:var(--mras-page-border)!important;
}
html[data-theme] body:not(.home) .aez-search-panel input{background:var(--mras-page-surface-2)!important;color:var(--mras-page-text)!important;border-color:var(--mras-page-border)!important}

/* Hero system — no invisible white-on-light text */
html[data-theme] body:not(.home) .aez-page-hero,
html[data-theme] body:not(.home) .aez-grade-page-hero,
html[data-theme] body:not(.home) .mras-courses-hero,
html[data-theme] body:not(.home) .mras-admin-hero,
html[data-theme] body:not(.home) .mras-dashboard-hero,
html[data-theme] body:not(.home) .aez-course-hero{
  background:
    linear-gradient(rgba(47,143,97,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(47,143,97,.035) 1px,transparent 1px),
    radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--mras-page-primary) 13%,transparent),transparent 27%),
    radial-gradient(circle at 14% 72%,color-mix(in srgb,var(--mras-page-gold) 12%,transparent),transparent 30%),
    linear-gradient(135deg,var(--mras-page-hero-1),var(--mras-page-hero-2))!important;
  background-size:34px 34px,34px 34px,auto,auto,auto!important;
  color:var(--mras-page-text)!important;
  border-bottom:1px solid var(--mras-page-border)!important;
}
html[data-theme] body:not(.home) .aez-page-hero:after,
html[data-theme] body:not(.home) .aez-grade-page-hero:after,
html[data-theme] body:not(.home) .mras-courses-hero:after,
html[data-theme] body:not(.home) .mras-admin-hero:after,
html[data-theme] body:not(.home) .mras-dashboard-hero:after,
html[data-theme] body:not(.home) .aez-course-hero:after{display:none!important}
html[data-theme] body:not(.home) .aez-grade-page-hero h1,
html[data-theme] body:not(.home) .mras-courses-hero h1,
html[data-theme] body:not(.home) .mras-admin-hero h1,
html[data-theme] body:not(.home) .mras-dashboard-hero h1,
html[data-theme] body:not(.home) .aez-course-hero h1{
  color:var(--mras-page-text)!important;-webkit-text-fill-color:var(--mras-page-text)!important;text-shadow:none!important;
}
html[data-theme] body:not(.home) .aez-grade-page-hero p,
html[data-theme] body:not(.home) .mras-courses-hero p,
html[data-theme] body:not(.home) .mras-dashboard-hero p,
html[data-theme] body:not(.home) .aez-course-hero p{
  color:var(--mras-page-muted)!important;-webkit-text-fill-color:var(--mras-page-muted)!important;
}
html[data-theme] body:not(.home) .aez-kicker,
html[data-theme] body:not(.home) .mras-dashboard-kicker,
html[data-theme] body:not(.home) .mras-code-kicker,
html[data-theme] body:not(.home) .aez-card-eyebrow{
  color:var(--mras-page-gold)!important;-webkit-text-fill-color:var(--mras-page-gold)!important;
  background:color-mix(in srgb,var(--mras-page-gold) 8%,var(--mras-page-surface))!important;
  border-color:color-mix(in srgb,var(--mras-page-gold) 22%,var(--mras-page-border))!important;
}
html[data-theme] body:not(.home) .mras-courses-formula{color:color-mix(in srgb,var(--mras-page-primary) 38%,transparent)!important}

/* Section surfaces */
html[data-theme] body:not(.home) .aez-grade-course-section,
html[data-theme] body:not(.home) .mras-stage-jump,
html[data-theme] body:not(.home) .mras-stage-section,
html[data-theme] body:not(.home) .aez-course-layout,
html[data-theme] body:not(.home) .mras-dashboard-section,
html[data-theme] body:not(.home) .mras-admin-wrap{
  background:transparent!important;
  color:var(--mras-page-text)!important;
}
html[data-theme] body:not(.home) .mras-stage-section:nth-of-type(even){
  background:color-mix(in srgb,var(--mras-page-surface-2) 36%,transparent)!important;
  border-block:1px solid color-mix(in srgb,var(--mras-page-border) 65%,transparent)!important;
}

/* Unified cards */
html[data-theme] body:not(.home) .aez-auth-card,
html[data-theme] body:not(.home) .aez-auth-brand,
html[data-theme] body:not(.home) .mras-subject-card,
html[data-theme] body:not(.home) .aez-course-card,
html[data-theme] body:not(.home) .mras-admin-card,
html[data-theme] body:not(.home) .mras-dashboard-grade-card,
html[data-theme] body:not(.home) .mras-student-bundle-card,
html[data-theme] body:not(.home) .aez-code-checkout-card,
html[data-theme] body:not(.home) .aez-course-video-card,
html[data-theme] body:not(.home) .aez-course-sidebar,
html[data-theme] body:not(.home) .aez-course-tabs-shell,
html[data-theme] body:not(.home) .mras-sequence-item,
html[data-theme] body:not(.home) .mras-stage-jump a,
html[data-theme] body:not(.home) .mras-stage-empty,
html[data-theme] body:not(.home) .aez-empty-state,
html[data-theme] body:not(.home) .tutor-card,
html[data-theme] body:not(.home) .tutor-dashboard .tutor-dashboard-content,
html[data-theme] body:not(.home) .tutor-course-single-sidebar-wrapper{
  background:var(--mras-page-surface)!important;
  color:var(--mras-page-text)!important;
  border:1px solid var(--mras-page-border)!important;
  box-shadow:var(--mras-page-shadow)!important;
}
html[data-theme] body:not(.home) .mras-subject-card h2,
html[data-theme] body:not(.home) .aez-course-card h3,
html[data-theme] body:not(.home) .aez-course-card h3 a,
html[data-theme] body:not(.home) .mras-admin-card h2,
html[data-theme] body:not(.home) .mras-admin-card h3,
html[data-theme] body:not(.home) .mras-dashboard-section h2,
html[data-theme] body:not(.home) .aez-code-checkout-card h1,
html[data-theme] body:not(.home) .aez-course-sidebar h3,
html[data-theme] body:not(.home) .mras-stage-head h2,
html[data-theme] body:not(.home) .mras-grade-branch-head h2{
  color:var(--mras-page-text)!important;-webkit-text-fill-color:var(--mras-page-text)!important;
}
html[data-theme] body:not(.home) .mras-subject-card p,
html[data-theme] body:not(.home) .aez-course-card p,
html[data-theme] body:not(.home) .mras-admin-card p,
html[data-theme] body:not(.home) .mras-student-bundle-card p,
html[data-theme] body:not(.home) .aez-code-checkout-lead,
html[data-theme] body:not(.home) .aez-course-sidebar,
html[data-theme] body:not(.home) .aez-course-tabs-content,
html[data-theme] body:not(.home) .mras-stage-head p,
html[data-theme] body:not(.home) .mras-grade-branch-head p{
  color:var(--mras-page-muted)!important;-webkit-text-fill-color:var(--mras-page-muted)!important;
}

/* Grade / courses hub */
html[data-theme] body:not(.home) .mras-stage-jump a{
  min-height:92px!important;border-radius:20px!important;padding:18px!important;
}
html[data-theme] body:not(.home) .mras-stage-jump a b{color:var(--mras-page-text)!important;-webkit-text-fill-color:var(--mras-page-text)!important}
html[data-theme] body:not(.home) .mras-stage-jump a small{color:var(--mras-page-muted)!important;-webkit-text-fill-color:var(--mras-page-muted)!important}
html[data-theme] body:not(.home) .mras-stage-jump a>span,
html[data-theme] body:not(.home) .mras-stage-number,
html[data-theme] body:not(.home) .mras-subject-card>span{
  background:var(--mras-page-primary-soft)!important;
  color:var(--mras-page-primary)!important;
  -webkit-text-fill-color:var(--mras-page-primary)!important;
  border:1px solid color-mix(in srgb,var(--mras-page-primary) 25%,var(--mras-page-border))!important;
}
html[data-theme] body:not(.home) .mras-stage-subjects a{
  background:var(--mras-page-surface)!important;
  color:var(--mras-page-text)!important;-webkit-text-fill-color:var(--mras-page-text)!important;
  border:1px solid var(--mras-page-border)!important;
}
html[data-theme] body:not(.home) .mras-stage-head>a,
html[data-theme] body:not(.home) .mras-subject-card b,
html[data-theme] body:not(.home) .aez-course-category,
html[data-theme] body:not(.home) .aez-course-tag{color:var(--mras-page-gold)!important;-webkit-text-fill-color:var(--mras-page-gold)!important}
html[data-theme] body:not(.home) .mras-stage-empty,
html[data-theme] body:not(.home) .aez-empty-state{
  padding:28px!important;text-align:center!important;color:var(--mras-page-muted)!important;-webkit-text-fill-color:var(--mras-page-muted)!important;
}

/* Course cards */
html[data-theme] body:not(.home) .aez-course-thumb{background:var(--mras-page-surface-2)!important}
html[data-theme] body:not(.home) .aez-course-card-body{background:transparent!important}
html[data-theme] body:not(.home) .aez-course-excerpt,
html[data-theme] body:not(.home) .aez-course-meta{color:var(--mras-page-muted)!important;-webkit-text-fill-color:var(--mras-page-muted)!important}
html[data-theme] body:not(.home) .aez-course-go{
  background:var(--mras-page-primary)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:transparent!important;
}

/* Auth */
html[data-theme] body:not(.home) .aez-auth{
  background:
    radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--mras-page-gold) 9%,transparent),transparent 24%),
    radial-gradient(circle at 88% 16%,color-mix(in srgb,var(--mras-page-primary) 10%,transparent),transparent 25%),
    var(--mras-page-bg)!important;
}
html[data-theme] body:not(.home) .aez-auth-brand,
html[data-theme] body:not(.home) .aez-auth-card{background:var(--mras-page-surface)!important}
html[data-theme] body:not(.home) .aez-field label{color:var(--mras-page-text)!important;-webkit-text-fill-color:var(--mras-page-text)!important}
html[data-theme] body:not(.home) .aez-radio{background:var(--mras-page-surface-2)!important;color:var(--mras-page-text)!important;border-color:var(--mras-page-border)!important}

/* Inputs and buttons */
html[data-theme] body:not(.home) input:not([type=checkbox]):not([type=radio]),
html[data-theme] body:not(.home) select,
html[data-theme] body:not(.home) textarea,
html[data-theme] body:not(.home) .tutor-form-control,
html[data-theme] body:not(.home) .select2-container .select2-selection--single{
  background:var(--mras-page-surface-2)!important;color:var(--mras-page-text)!important;-webkit-text-fill-color:var(--mras-page-text)!important;border:1px solid var(--mras-page-border)!important;
}
html[data-theme] body:not(.home) input::placeholder,
html[data-theme] body:not(.home) textarea::placeholder{color:var(--mras-page-muted)!important;-webkit-text-fill-color:var(--mras-page-muted)!important;opacity:.75}
html[data-theme] body:not(.home) .aez-btn-primary,
html[data-theme] body:not(.home) .mras-admin-primary,
html[data-theme] body:not(.home) .mras-reset-submit,
html[data-theme] body:not(.home) .mras-code-submit,
html[data-theme] body:not(.home) button[type="submit"]:not(.mras-danger),
html[data-theme] body:not(.home) .tutor-btn-primary{
  background:var(--mras-page-primary)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:transparent!important;box-shadow:none!important;
}
html[data-theme] body:not(.home) .mras-admin-secondary,
html[data-theme] body:not(.home) .aez-btn-secondary,
html[data-theme] body:not(.home) .aez-btn-outline,
html[data-theme] body:not(.home) .mras-dashboard-logout{
  background:var(--mras-page-surface-2)!important;color:var(--mras-page-text)!important;-webkit-text-fill-color:var(--mras-page-text)!important;border:1px solid var(--mras-page-border)!important;
}

/* Admin / dashboard navigation */
html[data-theme] body:not(.home) .mras-admin-nav,
html[data-theme] body:not(.home) .mras-dashboard-topbar{
  background:var(--mras-page-surface)!important;border:1px solid var(--mras-page-border)!important;box-shadow:var(--mras-page-shadow)!important;
}
html[data-theme] body:not(.home) .mras-admin-nav a,
html[data-theme] body:not(.home) .mras-admin-nav button,
html[data-theme] body:not(.home) .mras-dashboard-tabs a,
html[data-theme] body:not(.home) .mras-dashboard-tabs button{
  color:var(--mras-page-text)!important;-webkit-text-fill-color:var(--mras-page-text)!important;background:transparent!important;
}
html[data-theme] body:not(.home) .mras-admin-nav .is-active,
html[data-theme] body:not(.home) .mras-admin-nav a:hover,
html[data-theme] body:not(.home) .mras-admin-nav button:hover,
html[data-theme] body:not(.home) .mras-dashboard-tabs .is-active{
  background:var(--mras-page-primary-soft)!important;color:var(--mras-page-primary)!important;-webkit-text-fill-color:var(--mras-page-primary)!important;
}
html[data-theme] body:not(.home) .mras-admin-stats>div{
  background:var(--mras-page-surface)!important;color:var(--mras-page-text)!important;border:1px solid var(--mras-page-border)!important;
}

/* Tables */
html[data-theme] body:not(.home) table,
html[data-theme] body:not(.home) .tutor-table,
html[data-theme] body:not(.home) .woocommerce table.shop_table{
  background:var(--mras-page-surface)!important;color:var(--mras-page-text)!important;border-color:var(--mras-page-border)!important;
}
html[data-theme] body:not(.home) th,
html[data-theme] body:not(.home) .tutor-table thead th{
  background:var(--mras-page-surface-2)!important;color:var(--mras-page-text)!important;-webkit-text-fill-color:var(--mras-page-text)!important;border-color:var(--mras-page-border)!important;
}
html[data-theme] body:not(.home) td,
html[data-theme] body:not(.home) .tutor-table tbody td{
  background:var(--mras-page-surface)!important;color:var(--mras-page-text)!important;-webkit-text-fill-color:var(--mras-page-text)!important;border-color:var(--mras-page-border)!important;
}
html[data-theme] body:not(.home) tr:nth-child(even) td{background:color-mix(in srgb,var(--mras-page-surface-2) 55%,var(--mras-page-surface))!important}
html[data-theme] body:not(.home) tr:hover td{background:var(--mras-page-primary-soft)!important}

/* Tutor single course */
html[data-theme] body:not(.home) .tutor-course-single-content-wrapper,
html[data-theme] body:not(.home) .tutor-course-single-sidebar-wrapper,
html[data-theme] body:not(.home) .aez-course-tabs-nav{
  background:var(--mras-page-surface)!important;color:var(--mras-page-text)!important;border-color:var(--mras-page-border)!important;
}
html[data-theme] body:not(.home) .aez-course-tabs-nav a,
html[data-theme] body:not(.home) .tutor-course-topic-item a,
html[data-theme] body:not(.home) .tutor-course-topic-item-title,
html[data-theme] body:not(.home) .tutor-accordion-item-header{
  color:var(--mras-page-text)!important;-webkit-text-fill-color:var(--mras-page-text)!important;
}
html[data-theme] body:not(.home) .aez-course-tabs-nav .is-active,
html[data-theme] body:not(.home) .aez-course-tabs-nav a:hover,
html[data-theme] body:not(.home) .tutor-course-topic-item.is-active a,
html[data-theme] body:not(.home) .tutor-accordion-item-header.is-active{
  color:var(--mras-page-primary)!important;-webkit-text-fill-color:var(--mras-page-primary)!important;border-color:var(--mras-page-primary)!important;background:var(--mras-page-primary-soft)!important;
}
html[data-theme] body:not(.home) .aez-course-video-wrap{background:#050b08!important;border-color:var(--mras-page-border)!important}
html[data-theme] body:not(.home) .mras-sequence-number,
html[data-theme] body:not(.home) .mras-pass-pill{background:var(--mras-page-primary-soft)!important;color:var(--mras-page-primary)!important;-webkit-text-fill-color:var(--mras-page-primary)!important}
html[data-theme] body:not(.home) .mras-lock-pill{background:color-mix(in srgb,#b96f35 16%,var(--mras-page-surface))!important;color:var(--mras-page-gold)!important;-webkit-text-fill-color:var(--mras-page-gold)!important}

/* Pagination */
html[data-theme] body:not(.home) .page-numbers,
html[data-theme] body:not(.home) .aez-grade-pagination a,
html[data-theme] body:not(.home) .aez-grade-pagination span{
  background:var(--mras-page-surface)!important;color:var(--mras-page-text)!important;-webkit-text-fill-color:var(--mras-page-text)!important;border:1px solid var(--mras-page-border)!important;
}
html[data-theme] body:not(.home) .page-numbers.current,
html[data-theme] body:not(.home) .aez-grade-pagination .current{
  background:var(--mras-page-primary)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--mras-page-primary)!important;
}

/* Footer */
html[data-theme] body:not(.home) .aez-footer{
  background:var(--mras-page-surface)!important;color:var(--mras-page-text)!important;border-top:1px solid var(--mras-page-border)!important;
}
html[data-theme] body:not(.home) .aez-footer h3,
html[data-theme] body:not(.home) .aez-footer strong{color:var(--mras-page-text)!important;-webkit-text-fill-color:var(--mras-page-text)!important}
html[data-theme] body:not(.home) .aez-footer p,
html[data-theme] body:not(.home) .aez-footer li,
html[data-theme] body:not(.home) .aez-footer a,
html[data-theme] body:not(.home) .aez-footer small{color:var(--mras-page-muted)!important;-webkit-text-fill-color:var(--mras-page-muted)!important}

/* Mobile consistency */
@media(max-width:900px){
  html[data-theme] body:not(.home) .mras-courses-hero,
  html[data-theme] body:not(.home) .aez-grade-page-hero,
  html[data-theme] body:not(.home) .mras-admin-hero,
  html[data-theme] body:not(.home) .mras-dashboard-hero,
  html[data-theme] body:not(.home) .aez-course-hero{padding-block:36px!important}
  html[data-theme] body:not(.home) .mras-stage-jump-grid{grid-template-columns:1fr!important;gap:10px!important}
  html[data-theme] body:not(.home) .mras-stage-head{gap:14px!important;align-items:flex-start!important}
}
@media(max-width:600px){
  html[data-theme] body:not(.home) .aez-grade-page-hero h1,
  html[data-theme] body:not(.home) .mras-courses-hero h1{font-size:34px!important;line-height:1.25!important}
  html[data-theme] body:not(.home) .mras-stage-jump a{min-height:78px!important;padding:14px!important;border-radius:16px!important}
  html[data-theme] body:not(.home) .mras-subject-card,
  html[data-theme] body:not(.home) .aez-course-card,
  html[data-theme] body:not(.home) .mras-admin-card{border-radius:16px!important}
}


/* v1.0.49 — header account/logout ordering + red logout */
#aez-site-header .aez-actions{
  direction:ltr!important;
}
#aez-site-header .mras-desktop-logout{
  order:1!important;
  background:#b42318!important;
  border-color:#b42318!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 7px 16px rgba(180,35,24,.18)!important;
}
#aez-site-header .mras-desktop-logout:hover{
  background:#8f1d14!important;
  border-color:#8f1d14!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#aez-site-header .aez-header-cta{
  order:2!important;
}

body.home .mras-pixel-header-actions{
  direction:ltr!important;
}
body.home .mras-pixel-head-btn.is-logout{
  order:1!important;
  background:#b42318!important;
  border-color:#c83b30!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.home .mras-pixel-head-btn.is-logout:hover{
  background:#8f1d14!important;
  border-color:#a92b21!important;
}
body.home .mras-pixel-head-btn.is-login{
  order:2!important;
}


/* =========================================================
   v1.0.50 — global image fit audit / generated images polish
   Ensures generated visuals are actually used cleanly and that
   portraits never look awkwardly cropped while thumbnails still
   fill their cards elegantly.
   ========================================================= */

/* Generic image containers */
.aez-course-thumb,
.tutor-course-thumbnail,
.mras-dashboard-course-thumb,
.aez-course-hero-thumb,
.aez-auth-brand,
.aez-register-visual,
.mras-about-visual,
.mras-login-brand,
.aez-register-brand,
.mras-reset-brand{
  overflow:hidden!important;
}

/* Thumbnail-like visuals should fill their cards */
.aez-course-thumb,
.tutor-course-thumbnail,
.mras-dashboard-course-thumb,
.aez-course-hero-thumb{
  background:#081410!important;
}
.aez-course-thumb img,
.tutor-course-thumbnail img,
.mras-dashboard-course-thumb img,
.aez-course-hero-thumb img,
.aez-course-card > img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.mras-dashboard-course-thumb,
.tutor-course-thumbnail,
.aez-course-thumb{aspect-ratio:16/9!important}
.mras-dashboard-course-thumb img,
.tutor-course-thumbnail img,
.aez-course-thumb img{min-height:100%!important}

/* Portrait/teacher visuals should look natural, centered and uncropped */
body:not(.home) .aez-auth-brand,
body:not(.home) .mras-login-brand,
body:not(.home) .aez-register-brand,
body:not(.home) .mras-reset-brand{
  min-height:560px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  align-items:stretch!important;
  background:
    radial-gradient(circle at 75% 18%,rgba(76,188,120,.12),transparent 28%),
    linear-gradient(180deg,rgba(18,31,24,.84),rgba(7,17,14,.96))!important;
}
body:not(.home) .aez-auth-brand img,
body:not(.home) .mras-login-brand img,
body:not(.home) .aez-register-brand img,
body:not(.home) .mras-reset-brand img,
body:not(.home) .aez-register-visual img{
  width:100%!important;
  max-width:460px!important;
  height:clamp(360px,42vw,560px)!important;
  margin:18px auto 0!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 18px 36px rgba(0,0,0,.34))!important;
}
body:not(.home) .aez-register-visual{
  min-height:430px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
body:not(.home) .aez-register-glow{
  opacity:.68!important;
}

/* About section generated portrait */
.mras-about-visual{
  min-height:500px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 74% 18%,rgba(66,194,116,.16),transparent 28%),
    linear-gradient(180deg,rgba(13,22,18,.72),rgba(7,17,14,.94))!important;
}
.mras-about-visual img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  padding:18px 12px 0!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  opacity:1!important;
  filter:drop-shadow(0 18px 32px rgba(0,0,0,.30))!important;
}
.mras-about-visual:after{
  background:linear-gradient(180deg,rgba(7,17,14,.02) 0%,rgba(7,17,14,.06) 38%,rgba(7,17,14,.34) 70%,rgba(7,17,14,.70) 100%)!important;
}

/* Homepage hero/feature visuals sanity */
.mras-pixel-grade-bg,
.mras-mobile-grade-card:before,
.mras-stage-card-visual{
  background-size:cover!important;
  background-position:center center!important;
}

/* Course and dashboard thumbnails should never look clipped by odd ratios */
.mras-dashboard-course-thumb{border-radius:18px!important}
.aez-course-hero-thumb img{border-radius:18px!important}

/* Mobile adjustments */
@media (max-width: 991px){
  body:not(.home) .aez-auth-brand,
  body:not(.home) .mras-login-brand,
  body:not(.home) .aez-register-brand,
  body:not(.home) .mras-reset-brand{min-height:480px!important}
  .mras-about-visual{min-height:380px!important}
}
@media (max-width: 640px){
  body:not(.home) .aez-auth-brand,
  body:not(.home) .mras-login-brand,
  body:not(.home) .aez-register-brand,
  body:not(.home) .mras-reset-brand{
    min-height:420px!important;
    padding-bottom:0!important;
  }
  body:not(.home) .aez-auth-brand img,
  body:not(.home) .mras-login-brand img,
  body:not(.home) .aez-register-brand img,
  body:not(.home) .mras-reset-brand img,
  body:not(.home) .aez-register-visual img{
    max-width:100%!important;
    height:clamp(290px,72vw,420px)!important;
    margin-top:10px!important;
  }
  body:not(.home) .aez-register-visual{min-height:320px!important}
  .mras-about-visual{min-height:320px!important}
  .mras-about-visual img{
    padding:12px 8px 0!important;
    object-position:center bottom!important;
  }
  .aez-course-hero-thumb{min-height:210px!important}
  .aez-course-hero-thumb img{min-height:210px!important;max-height:none!important}
}


/* =========================================================
   v1.0.51 — dark default, instant theme switch, Courses Hub background
   ========================================================= */

/* Theme changes should happen immediately, with no color/background tween. */
html.mras-theme-switching *,
html.mras-theme-switching *::before,
html.mras-theme-switching *::after{
  transition:none!important;
  transition-duration:0s!important;
  animation-duration:0s!important;
}

/* Courses page hero: dedicated generated mathematics background. */
html[data-theme="dark"] body:not(.home) .mras-courses-hub .mras-courses-hero,
html[data-theme="light"] body:not(.home) .mras-courses-hub .mras-courses-hero{
  position:relative!important;
  background:
    linear-gradient(90deg,rgba(4,15,11,.70) 0%,rgba(4,17,12,.62) 48%,rgba(5,21,15,.78) 100%),
    linear-gradient(180deg,rgba(4,16,12,.12),rgba(4,16,12,.40)),
    url('assets/images/courses-hub-math-bg.webp') center center/cover no-repeat!important;
  border-bottom:1px solid rgba(217,184,109,.18)!important;
  color:#fff!important;
}
html[data-theme="light"] body:not(.home) .mras-courses-hub .mras-courses-hero{
  background:
    linear-gradient(90deg,rgba(5,20,14,.54) 0%,rgba(5,22,15,.48) 48%,rgba(5,22,15,.64) 100%),
    linear-gradient(180deg,rgba(4,16,12,.04),rgba(4,16,12,.24)),
    url('assets/images/courses-hub-math-bg.webp') center center/cover no-repeat!important;
}
html[data-theme] body:not(.home) .mras-courses-hub .mras-courses-hero:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 70%,rgba(216,177,91,.10),transparent 24%),
    linear-gradient(180deg,rgba(4,15,11,.02),rgba(4,15,11,.20))!important;
}
html[data-theme] body:not(.home) .mras-courses-hub .mras-courses-hero-inner{
  position:relative!important;
  z-index:2!important;
}
html[data-theme] body:not(.home) .mras-courses-hub .mras-courses-hero h1{
  color:#fff8e8!important;
  -webkit-text-fill-color:#fff8e8!important;
  text-shadow:0 6px 24px rgba(0,0,0,.32)!important;
}
html[data-theme] body:not(.home) .mras-courses-hub .mras-courses-hero p{
  color:#e1ebe4!important;
  -webkit-text-fill-color:#e1ebe4!important;
  text-shadow:0 2px 12px rgba(0,0,0,.22)!important;
}
html[data-theme] body:not(.home) .mras-courses-hub .mras-courses-hero .aez-kicker{
  color:#e2c274!important;
  -webkit-text-fill-color:#e2c274!important;
  background:rgba(8,26,18,.54)!important;
  border-color:rgba(226,194,116,.40)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
html[data-theme] body:not(.home) .mras-courses-hub .mras-courses-formula{
  color:#82c99a!important;
  opacity:.72!important;
  text-shadow:0 4px 18px rgba(0,0,0,.28)!important;
}

@media(max-width:640px){
  html[data-theme] body:not(.home) .mras-courses-hub .mras-courses-hero{
    background-position:42% center!important;
    padding:54px 0 58px!important;
  }
}


/* =========================================================
   v1.0.52 — mobile menu alignment + readable light/dark menu + visible theme toggle
   ========================================================= */

/* Perfectly center hamburger glyph inside its square. */
@media(max-width:980px){
  #aez-site-header .aez-menu-toggle,
  .mras-pixel-menu-toggle{
    padding:0!important;
    line-height:1!important;
    text-align:center!important;
    font-size:0!important;
    display:grid!important;
    place-items:center!important;
  }
  #aez-site-header .aez-menu-toggle::before,
  .mras-pixel-menu-toggle::before{
    content:"☰";
    display:block;
    font-family:"Tajawal",sans-serif!important;
    font-size:20px!important;
    font-weight:700!important;
    line-height:1!important;
    width:20px;
    height:20px;
    text-align:center;
  }
}

/* Standard inner-page mobile header: brand right, hamburger left, theme toggle next to it. */
@media(max-width:980px){
  #aez-site-header .aez-nav{
    position:relative!important;
    min-height:64px!important;
    height:64px!important;
    padding-inline:14px!important;
  }
  #aez-site-header .aez-brand{
    position:absolute!important;
    right:14px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    max-width:calc(100% - 124px)!important;
  }
  #aez-site-header .aez-menu-toggle{
    position:absolute!important;
    left:14px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
    margin:0!important;
    z-index:5!important;
  }
  #aez-site-header .aez-actions{
    display:flex!important;
    position:absolute!important;
    left:62px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    padding:0!important;
    z-index:5!important;
  }
  #aez-site-header .aez-actions > *:not(.mras-theme-toggle){display:none!important;}
  #aez-site-header .mras-theme-toggle{
    display:grid!important;
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
    margin:0!important;
    place-items:center!important;
  }
  #aez-site-header .mras-theme-toggle-icon{
    display:block!important;
    line-height:1!important;
    font-size:19px!important;
  }
}

/* Standard mobile menu gets real theme-aware colors. */
@media(max-width:980px){
  #aezMenu.aez-menu.open{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    top:68px!important;
    right:12px!important;
    left:12px!important;
    padding:10px!important;
    border-radius:16px!important;
    background:var(--mras-page-surface,#0c1914)!important;
    border:1px solid var(--mras-page-border,rgba(223,196,135,.18))!important;
    box-shadow:0 18px 44px rgba(0,0,0,.18)!important;
    z-index:1005!important;
  }
  #aezMenu.aez-menu.open li{margin:0!important;padding:0!important;list-style:none!important;}
  #aezMenu.aez-menu.open a{
    display:block!important;
    width:100%!important;
    padding:12px 14px!important;
    border-radius:10px!important;
    color:var(--mras-page-text,#fff9ec)!important;
    -webkit-text-fill-color:var(--mras-page-text,#fff9ec)!important;
    background:transparent!important;
    border:0!important;
    font-size:14px!important;
    font-weight:800!important;
    text-align:right!important;
  }
  #aezMenu.aez-menu.open a:hover,
  #aezMenu.aez-menu.open .current-menu-item>a{
    background:var(--mras-page-primary-soft,#143525)!important;
    color:var(--mras-page-primary,#62d191)!important;
    -webkit-text-fill-color:var(--mras-page-primary,#62d191)!important;
  }
  #aezMenu.aez-menu.open a::after{display:none!important;}
}
html[data-theme="light"] #aezMenu.aez-menu.open{
  background:#ffffff!important;
  border-color:#d8e3da!important;
  box-shadow:0 18px 44px rgba(18,46,31,.12)!important;
}
html[data-theme="light"] #aezMenu.aez-menu.open a{
  color:#10231a!important;
  -webkit-text-fill-color:#10231a!important;
}
html[data-theme="light"] #aezMenu.aez-menu.open a:hover,
html[data-theme="light"] #aezMenu.aez-menu.open .current-menu-item>a{
  background:#dff3e6!important;
  color:#24734d!important;
  -webkit-text-fill-color:#24734d!important;
}

/* Homepage custom header: theme toggle is always available. */
.mras-pixel-theme-toggle{
  width:40px;height:40px;border-radius:11px;border:1px solid rgba(224,194,124,.28);
  background:rgba(255,255,255,.035);color:#fff8e8;display:grid;place-items:center;
  cursor:pointer;flex:0 0 40px;
}
.mras-pixel-theme-toggle .mras-theme-toggle-icon{font-size:18px;line-height:1;display:block}
@media(min-width:761px){
  .mras-pixel-theme-toggle{order:-1;margin-inline-end:2px}
}
@media(max-width:760px){
  .mras-pixel-header-inner{padding-inline:12px!important;}
  .mras-pixel-menu-toggle{
    position:absolute!important;
    left:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:40px!important;height:40px!important;
    order:0!important;
  }
  .mras-pixel-theme-toggle{
    display:grid!important;
    position:absolute!important;
    left:60px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:40px!important;height:40px!important;
    z-index:5!important;
  }
  .mras-pixel-brand{
    position:absolute!important;
    right:12px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    max-width:calc(100% - 116px)!important;
    margin:0!important;
  }
  .mras-pixel-mobile-menu{
    top:68px!important;
    right:10px!important;
    left:10px!important;
    padding:10px!important;
    border-radius:16px!important;
    background:#0b1914!important;
    border-color:rgba(224,194,124,.20)!important;
  }
  .mras-pixel-mobile-menu a{
    display:block!important;
    padding:12px 13px!important;
    border-radius:10px!important;
    border-bottom:0!important;
    color:#fff9ec!important;
    -webkit-text-fill-color:#fff9ec!important;
    background:transparent!important;
  }
  .mras-pixel-mobile-menu a:hover{background:rgba(98,209,145,.12)!important;color:#8ee6b0!important;-webkit-text-fill-color:#8ee6b0!important;}
}
html[data-theme="light"] body.home .mras-pixel-mobile-menu{
  background:#ffffff!important;
  border-color:#d8e3da!important;
  box-shadow:0 18px 44px rgba(18,46,31,.14)!important;
}
html[data-theme="light"] body.home .mras-pixel-mobile-menu a{
  color:#10231a!important;
  -webkit-text-fill-color:#10231a!important;
}
html[data-theme="light"] body.home .mras-pixel-mobile-menu a:hover{
  background:#dff3e6!important;
  color:#24734d!important;
  -webkit-text-fill-color:#24734d!important;
}
html[data-theme="light"] body.home .mras-pixel-theme-toggle,
html[data-theme="light"] body.home .mras-pixel-menu-toggle{
  background:#ffffff!important;
  color:#10231a!important;
  border-color:#d8e3da!important;
}

/* Dark remains the visual default when no preference exists. */
html:not([data-theme]){color-scheme:dark;}


/* =========================================================
   v1.0.53 — clean homepage header rebuild + truly centered mobile hamburger
   ========================================================= */

/* Desktop: explicit left-to-right visual slots. */
@media (min-width:761px){
  body.home .mras-pixel-header-inner{
    display:flex!important;
    align-items:center!important;
    direction:ltr!important;
    width:min(1520px,95%)!important;
    gap:24px!important;
  }
  body.home .mras-pixel-theme-toggle{
    order:1!important;
    flex:0 0 40px!important;
    margin:0!important;
    position:static!important;
    transform:none!important;
  }
  body.home .mras-pixel-header-actions{
    order:2!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    direction:ltr!important;
    flex:0 0 auto!important;
  }
  body.home .mras-pixel-nav{
    order:3!important;
    flex:1 1 auto!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:42px!important;
    direction:rtl!important;
    min-width:0!important;
  }
  body.home .mras-pixel-brand{
    order:4!important;
    flex:0 0 auto!important;
    margin:0!important;
    position:static!important;
    transform:none!important;
    direction:rtl!important;
  }
  body.home .mras-pixel-menu-toggle{display:none!important;}
}

/* Mobile: fixed slots, no element can push another one. */
@media (max-width:760px){
  body.home .mras-pixel-header{
    height:66px!important;
    min-height:66px!important;
  }
  body.home .mras-pixel-header-inner{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:66px!important;
    padding:0!important;
    direction:ltr!important;
  }
  body.home .mras-pixel-brand{
    display:flex!important;
    position:absolute!important;
    right:14px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    max-width:calc(100% - 118px)!important;
    margin:0!important;
    direction:rtl!important;
    z-index:4!important;
  }
  body.home .mras-pixel-brand-copy{
    align-items:flex-start!important;
    text-align:right!important;
  }
  body.home .mras-pixel-nav,
  body.home .mras-pixel-header-actions{display:none!important;}

  body.home .mras-pixel-menu-toggle,
  body.home .mras-pixel-theme-toggle{
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    margin:0!important;
    border-radius:11px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    z-index:6!important;
  }
  body.home .mras-pixel-menu-toggle{
    left:12px!important;
    font-size:0!important;
    line-height:0!important;
    color:#fff8e8!important;
  }
  body.home .mras-pixel-theme-toggle{left:60px!important;}

  /* Draw the hamburger from 3 exact horizontal bars instead of a font glyph. */
  body.home .mras-pixel-menu-toggle::before{
    content:""!important;
    width:18px!important;
    height:2px!important;
    border-radius:999px!important;
    background:currentColor!important;
    box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
  }

  body.home .mras-pixel-mobile-menu{
    position:absolute!important;
    top:66px!important;
    right:10px!important;
    left:10px!important;
    z-index:999!important;
    padding:10px!important;
    border-radius:16px!important;
    display:none!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  body.home .mras-pixel-mobile-menu:not([hidden]){display:grid!important;}
  body.home .mras-pixel-mobile-menu a{
    display:flex!important;
    align-items:center!important;
    min-height:44px!important;
    padding:10px 13px!important;
    border-radius:10px!important;
    border:0!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:800!important;
    opacity:1!important;
    visibility:visible!important;
  }
}

/* Mobile menu palette: force readable values at the final cascade layer. */
@media (max-width:760px){
  html[data-theme="dark"] body.home .mras-pixel-mobile-menu,
  html:not([data-theme]) body.home .mras-pixel-mobile-menu{
    background:#0b1914!important;
    border:1px solid rgba(224,194,124,.22)!important;
    box-shadow:0 20px 44px rgba(0,0,0,.38)!important;
  }
  html[data-theme="dark"] body.home .mras-pixel-mobile-menu a,
  html:not([data-theme]) body.home .mras-pixel-mobile-menu a{
    color:#fff9ec!important;
    -webkit-text-fill-color:#fff9ec!important;
    background:transparent!important;
  }
  html[data-theme="dark"] body.home .mras-pixel-mobile-menu a:hover{
    background:rgba(98,209,145,.12)!important;
    color:#8ee6b0!important;
    -webkit-text-fill-color:#8ee6b0!important;
  }
  html[data-theme="light"] body.home .mras-pixel-mobile-menu{
    background:#fff!important;
    border:1px solid #d6e2d9!important;
    box-shadow:0 18px 44px rgba(18,46,31,.16)!important;
  }
  html[data-theme="light"] body.home .mras-pixel-mobile-menu a{
    color:#10231a!important;
    -webkit-text-fill-color:#10231a!important;
    background:#fff!important;
  }
  html[data-theme="light"] body.home .mras-pixel-mobile-menu a:hover{
    background:#e6f5eb!important;
    color:#1f7049!important;
    -webkit-text-fill-color:#1f7049!important;
  }
  html[data-theme="light"] body.home .mras-pixel-menu-toggle,
  html[data-theme="light"] body.home .mras-pixel-theme-toggle{
    background:#fff!important;
    border-color:#cfddd3!important;
    color:#10231a!important;
  }
}


/* v1.0.54 — subject group heading RTL order */
.mras-subject-group-head{
  direction:ltr!important;
}
.mras-subject-group-head h3,
.mras-subject-group-head span{
  direction:rtl!important;
  text-align:right!important;
}


/* =========================================================
   v1.0.55 — Platform Admin: complete Light/Dark contrast pass
   ========================================================= */

/* Admin theme tokens */
html[data-theme="light"] body .mras-platform-admin{
  --pa-bg:#f4f7f3;
  --pa-surface:#ffffff;
  --pa-surface-2:#edf3ee;
  --pa-surface-3:#e4ece6;
  --pa-text:#10231a;
  --pa-muted:#607267;
  --pa-border:#d5e0d7;
  --pa-primary:#2f8f61;
  --pa-primary-soft:#dff3e6;
  --pa-gold:#a9782f;
  --pa-code-bg:#eef5ef;
  --pa-code-text:#173c35;
  --pa-danger:#b42318;
  --pa-shadow:0 14px 34px rgba(18,47,32,.07);
}
html[data-theme="dark"] body .mras-platform-admin{
  --pa-bg:#06110e;
  --pa-surface:#0c1914;
  --pa-surface-2:#11231b;
  --pa-surface-3:#173025;
  --pa-text:#fff9ec;
  --pa-muted:#bacbc0;
  --pa-border:rgba(222,195,132,.18);
  --pa-primary:#62d191;
  --pa-primary-soft:#143525;
  --pa-gold:#dfbd73;
  --pa-code-bg:#15271f;
  --pa-code-text:#fff4d8;
  --pa-danger:#ff8b82;
  --pa-shadow:0 18px 42px rgba(0,0,0,.22);
}

html[data-theme] body .mras-platform-admin{
  background:var(--pa-bg)!important;
  color:var(--pa-text)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-wrap{color:var(--pa-text)!important}

/* Hero */
html[data-theme] body .mras-platform-admin .mras-admin-hero{
  color:var(--pa-text)!important;
  border-bottom-color:var(--pa-border)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-hero h1,
html[data-theme] body .mras-platform-admin .mras-admin-hero b{
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-hero p,
html[data-theme] body .mras-platform-admin .mras-admin-hero span{
  color:var(--pa-muted)!important;
  -webkit-text-fill-color:var(--pa-muted)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-stats>div{
  background:var(--pa-surface)!important;
  color:var(--pa-text)!important;
  border-color:var(--pa-border)!important;
  box-shadow:var(--pa-shadow)!important;
}

/* Admin navigation */
html[data-theme] body .mras-platform-admin .mras-admin-nav{
  background:color-mix(in srgb,var(--pa-surface) 96%,transparent)!important;
  border:1px solid var(--pa-border)!important;
  box-shadow:var(--pa-shadow)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-nav-title{
  border-color:var(--pa-border)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-nav-title span{
  color:var(--pa-gold)!important;
  -webkit-text-fill-color:var(--pa-gold)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-nav-title strong{
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-nav a{
  background:var(--pa-surface-2)!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
  border:1px solid var(--pa-border)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-nav a:hover{
  background:var(--pa-primary-soft)!important;
  color:var(--pa-primary)!important;
  -webkit-text-fill-color:var(--pa-primary)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-nav a.is-active{
  background:var(--pa-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:var(--pa-primary)!important;
}

/* Section headings */
html[data-theme] body .mras-platform-admin .mras-admin-section-head h2,
html[data-theme] body .mras-platform-admin .mras-admin-section-head h3{
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-section-head span{
  color:var(--pa-gold)!important;
  -webkit-text-fill-color:var(--pa-gold)!important;
}

/* Cards */
html[data-theme] body .mras-platform-admin .mras-admin-card,
html[data-theme] body .mras-platform-admin .mras-generated-codes-card,
html[data-theme] body .mras-platform-admin .mras-excel-dashboard-card{
  background:var(--pa-surface)!important;
  color:var(--pa-text)!important;
  border-color:var(--pa-border)!important;
  box-shadow:var(--pa-shadow)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-card h2,
html[data-theme] body .mras-platform-admin .mras-admin-card h3,
html[data-theme] body .mras-platform-admin .mras-admin-card h4,
html[data-theme] body .mras-platform-admin .mras-admin-card strong,
html[data-theme] body .mras-platform-admin .mras-generated-codes-card h3{
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-help,
html[data-theme] body .mras-platform-admin .mras-admin-card p,
html[data-theme] body .mras-platform-admin .mras-admin-card small{
  color:var(--pa-muted)!important;
  -webkit-text-fill-color:var(--pa-muted)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-card label{
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
}

/* Inputs */
html[data-theme] body .mras-platform-admin input:not([type=checkbox]):not([type=radio]):not([type=file]),
html[data-theme] body .mras-platform-admin select,
html[data-theme] body .mras-platform-admin textarea{
  background:var(--pa-surface-2)!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
  border:1px solid var(--pa-border)!important;
  box-shadow:none!important;
}
html[data-theme] body .mras-platform-admin input::placeholder,
html[data-theme] body .mras-platform-admin textarea::placeholder{
  color:var(--pa-muted)!important;
  -webkit-text-fill-color:var(--pa-muted)!important;
  opacity:.78!important;
}
html[data-theme] body .mras-platform-admin input:focus,
html[data-theme] body .mras-platform-admin select:focus,
html[data-theme] body .mras-platform-admin textarea:focus{
  border-color:var(--pa-primary)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--pa-primary) 18%,transparent)!important;
  outline:none!important;
}

/* Generated codes table */
html[data-theme] body .mras-platform-admin .mras-generated-code-table-wrap{
  border:1px solid var(--pa-border)!important;
  border-radius:16px!important;
  overflow:auto!important;
  background:var(--pa-surface)!important;
}
html[data-theme] body .mras-platform-admin .mras-generated-code-table{
  background:var(--pa-surface)!important;
  color:var(--pa-text)!important;
}
html[data-theme] body .mras-platform-admin .mras-generated-code-table th{
  background:var(--pa-surface-2)!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
  border-color:var(--pa-border)!important;
}
html[data-theme] body .mras-platform-admin .mras-generated-code-table td{
  background:var(--pa-surface)!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
  border-color:var(--pa-border)!important;
}
html[data-theme] body .mras-platform-admin .mras-generated-code-table tr:nth-child(even) td{
  background:color-mix(in srgb,var(--pa-surface-2) 48%,var(--pa-surface))!important;
}
html[data-theme] body .mras-platform-admin .mras-generated-code-table tr:hover td{
  background:var(--pa-primary-soft)!important;
}
html[data-theme] body .mras-platform-admin .mras-generated-code-table code{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:6px 10px!important;
  background:var(--pa-code-bg)!important;
  color:var(--pa-code-text)!important;
  -webkit-text-fill-color:var(--pa-code-text)!important;
  border:1px solid color-mix(in srgb,var(--pa-primary) 24%,var(--pa-border))!important;
  border-radius:9px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html[data-theme] body .mras-platform-admin .mras-code-used-by strong{color:var(--pa-text)!important;-webkit-text-fill-color:var(--pa-text)!important}
html[data-theme] body .mras-platform-admin .mras-code-used-by small,
html[data-theme] body .mras-platform-admin .mras-code-unused-label{color:var(--pa-muted)!important;-webkit-text-fill-color:var(--pa-muted)!important}

/* Code status badges */
html[data-theme] body .mras-platform-admin .mras-code-status.unused{
  background:color-mix(in srgb,#35a66e 15%,var(--pa-surface))!important;
  color:#4bc987!important;
  -webkit-text-fill-color:#4bc987!important;
  border-color:color-mix(in srgb,#35a66e 34%,var(--pa-border))!important;
}
html[data-theme="light"] body .mras-platform-admin .mras-code-status.unused{
  color:#1e754d!important;-webkit-text-fill-color:#1e754d!important;
}
html[data-theme] body .mras-platform-admin .mras-code-status.used{
  background:color-mix(in srgb,#c43d34 12%,var(--pa-surface))!important;
  color:#e46c63!important;
  -webkit-text-fill-color:#e46c63!important;
  border-color:color-mix(in srgb,#c43d34 30%,var(--pa-border))!important;
}
html[data-theme="light"] body .mras-platform-admin .mras-code-status.used{color:#a92f29!important;-webkit-text-fill-color:#a92f29!important}
html[data-theme] body .mras-platform-admin .mras-code-status.disabled{
  background:var(--pa-surface-3)!important;
  color:var(--pa-muted)!important;
  -webkit-text-fill-color:var(--pa-muted)!important;
  border-color:var(--pa-border)!important;
}

/* Price filters / pagination / bulk actions */
html[data-theme] body .mras-platform-admin .mras-code-price-chip,
html[data-theme] body .mras-platform-admin .mras-code-pagination a,
html[data-theme] body .mras-platform-admin .mras-code-pagination span,
html[data-theme] body .mras-platform-admin .mras-code-bulk-actions,
html[data-theme] body .mras-platform-admin .mras-code-generator-progress{
  background:var(--pa-surface-2)!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
  border-color:var(--pa-border)!important;
}
html[data-theme] body .mras-platform-admin .mras-code-price-chip b{
  background:var(--pa-surface-3)!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
}
html[data-theme] body .mras-platform-admin .mras-code-price-chip.current,
html[data-theme] body .mras-platform-admin .mras-code-price-chip:hover,
html[data-theme] body .mras-platform-admin .mras-code-pagination a.current{
  background:var(--pa-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:var(--pa-primary)!important;
}
html[data-theme] body .mras-platform-admin .mras-code-price-chip.current b,
html[data-theme] body .mras-platform-admin .mras-code-price-chip:hover b{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme] body .mras-platform-admin .mras-code-progress-head strong{color:var(--pa-text)!important;-webkit-text-fill-color:var(--pa-text)!important}
html[data-theme] body .mras-platform-admin .mras-code-progress-count{color:var(--pa-primary)!important;-webkit-text-fill-color:var(--pa-primary)!important}
html[data-theme] body .mras-platform-admin .mras-code-progress-track{background:var(--pa-surface-3)!important}
html[data-theme] body .mras-platform-admin .mras-code-progress-bar{background:linear-gradient(90deg,var(--pa-primary),#9be5b6)!important}
html[data-theme] body .mras-platform-admin .mras-code-progress-meta{color:var(--pa-muted)!important;-webkit-text-fill-color:var(--pa-muted)!important}

/* Buttons */
html[data-theme] body .mras-platform-admin .mras-admin-primary{
  background:var(--pa-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:transparent!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-secondary,
html[data-theme] body .mras-platform-admin .mras-code-action-btn{
  background:var(--pa-surface-2)!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
  border:1px solid var(--pa-border)!important;
}
html[data-theme] body .mras-platform-admin .mras-code-action-btn.toggle,
html[data-theme] body .mras-platform-admin .mras-code-action-btn.reset{
  background:var(--pa-primary-soft)!important;
  color:var(--pa-primary)!important;
  -webkit-text-fill-color:var(--pa-primary)!important;
  border-color:color-mix(in srgb,var(--pa-primary) 30%,var(--pa-border))!important;
}
html[data-theme] body .mras-platform-admin .mras-code-action-btn.delete,
html[data-theme] body .mras-platform-admin .mras-admin-danger{
  background:color-mix(in srgb,#c43d34 10%,var(--pa-surface))!important;
  color:var(--pa-danger)!important;
  -webkit-text-fill-color:var(--pa-danger)!important;
  border-color:color-mix(in srgb,#c43d34 30%,var(--pa-border))!important;
}

/* WhatsApp / notices / recipient picker */
html[data-theme] body .mras-platform-admin .mras-recipient-picker,
html[data-theme] body .mras-platform-admin .mras-wa-table-wrap,
html[data-theme] body .mras-platform-admin .mras-admin-notice-history article,
html[data-theme] body .mras-platform-admin .mras-wa-queue{
  background:var(--pa-surface-2)!important;
  color:var(--pa-text)!important;
  border-color:var(--pa-border)!important;
}
html[data-theme] body .mras-platform-admin .mras-recipient-picker label,
html[data-theme] body .mras-platform-admin .mras-admin-notice-history strong,
html[data-theme] body .mras-platform-admin .mras-wa-table strong{color:var(--pa-text)!important;-webkit-text-fill-color:var(--pa-text)!important}
html[data-theme] body .mras-platform-admin .mras-recipient-picker small,
html[data-theme] body .mras-platform-admin .mras-admin-notice-history small,
html[data-theme] body .mras-platform-admin .mras-admin-notice-history time{color:var(--pa-muted)!important;-webkit-text-fill-color:var(--pa-muted)!important}

/* Excel summary */
html[data-theme] body .mras-platform-admin .mras-excel-grade-summary>div{
  background:var(--pa-surface-2)!important;
  color:var(--pa-text)!important;
  border-color:var(--pa-border)!important;
}
html[data-theme] body .mras-platform-admin .mras-excel-grade-summary b{color:var(--pa-primary)!important;-webkit-text-fill-color:var(--pa-primary)!important}
html[data-theme] body .mras-platform-admin .mras-excel-grade-summary span{color:var(--pa-muted)!important;-webkit-text-fill-color:var(--pa-muted)!important}

/* Notices */
html[data-theme] body .mras-platform-admin .mras-admin-notice.success{
  background:color-mix(in srgb,#2f9b67 13%,var(--pa-surface))!important;
  color:color-mix(in srgb,#2f9b67 70%,var(--pa-text))!important;
  border-color:color-mix(in srgb,#2f9b67 30%,var(--pa-border))!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-notice.error{
  background:color-mix(in srgb,#c43d34 10%,var(--pa-surface))!important;
  color:var(--pa-danger)!important;
  border-color:color-mix(in srgb,#c43d34 30%,var(--pa-border))!important;
}

/* Checkboxes */
html[data-theme] body .mras-platform-admin input[type="checkbox"]{accent-color:var(--pa-primary)!important}

@media(max-width:720px){
  html[data-theme] body .mras-platform-admin .mras-admin-nav{padding:10px!important;gap:8px!important}
  html[data-theme] body .mras-platform-admin .mras-admin-nav a{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  html[data-theme] body .mras-platform-admin .mras-generated-code-table code{font-size:11px!important;padding:5px 8px!important}
}


/* v1.0.57 — fix auth input/autofill contrast in light and dark */
html[data-theme="dark"] body:not(.home) .aez-auth-card input,
html[data-theme="dark"] body:not(.home) .aez-auth-card select,
html[data-theme="dark"] body:not(.home) .aez-auth-card textarea{
  background:#11231b!important;
  color:#fff9ec!important;
  -webkit-text-fill-color:#fff9ec!important;
  caret-color:#fff9ec!important;
  border-color:#29473a!important;
}
html[data-theme="light"] body:not(.home) .aez-auth-card input,
html[data-theme="light"] body:not(.home) .aez-auth-card select,
html[data-theme="light"] body:not(.home) .aez-auth-card textarea{
  background:#f6faf7!important;
  color:#10231a!important;
  -webkit-text-fill-color:#10231a!important;
  caret-color:#10231a!important;
  border-color:#cfded4!important;
}
html[data-theme="dark"] body:not(.home) .aez-auth-card input:-webkit-autofill,
html[data-theme="dark"] body:not(.home) .aez-auth-card input:-webkit-autofill:hover,
html[data-theme="dark"] body:not(.home) .aez-auth-card input:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff9ec!important;
  caret-color:#fff9ec!important;
  -webkit-box-shadow:0 0 0 1000px #11231b inset!important;
  box-shadow:0 0 0 1000px #11231b inset!important;
  border-color:#29473a!important;
  transition:background-color 9999s ease-out 0s!important;
}
html[data-theme="light"] body:not(.home) .aez-auth-card input:-webkit-autofill,
html[data-theme="light"] body:not(.home) .aez-auth-card input:-webkit-autofill:hover,
html[data-theme="light"] body:not(.home) .aez-auth-card input:-webkit-autofill:focus{
  -webkit-text-fill-color:#10231a!important;
  caret-color:#10231a!important;
  -webkit-box-shadow:0 0 0 1000px #f6faf7 inset!important;
  box-shadow:0 0 0 1000px #f6faf7 inset!important;
  border-color:#cfded4!important;
  transition:background-color 9999s ease-out 0s!important;
}
html[data-theme="dark"] body:not(.home) .aez-auth-card input::placeholder{color:#9eb0a5!important;-webkit-text-fill-color:#9eb0a5!important;opacity:1!important;}
html[data-theme="light"] body:not(.home) .aez-auth-card input::placeholder{color:#6b7d72!important;-webkit-text-fill-color:#6b7d72!important;opacity:1!important;}


/* =========================================================
   v1.0.58 — platform admin courses full light/dark contrast pass
   ========================================================= */

/* Course form categories */
html[data-theme] body .mras-platform-admin .mras-admin-categories{
  gap:10px!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-categories label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:44px!important;
  margin:0!important;
  padding:10px 12px!important;
  background:var(--pa-surface-2)!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
  border:1px solid var(--pa-border)!important;
  border-radius:12px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-categories label:hover{
  background:var(--pa-primary-soft)!important;
  border-color:color-mix(in srgb,var(--pa-primary) 32%,var(--pa-border))!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-categories input[type="checkbox"]{
  flex:0 0 auto!important;
}

/* Search / result count */
html[data-theme] body .mras-platform-admin .mras-course-list-tools{
  gap:12px!important;
}
html[data-theme] body .mras-platform-admin .mras-course-search-wrap>span{
  color:var(--pa-muted)!important;
  -webkit-text-fill-color:var(--pa-muted)!important;
}
html[data-theme] body .mras-platform-admin .mras-course-search{
  background:var(--pa-surface-2)!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
  border:1px solid var(--pa-border)!important;
}
html[data-theme] body .mras-platform-admin .mras-course-list-meta span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:0 13px!important;
  background:var(--pa-surface-2)!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
  border:1px solid var(--pa-border)!important;
  border-radius:11px!important;
  font-weight:900!important;
}

/* Bulk toolbar */
html[data-theme] body .mras-platform-admin .mras-bulk-toolbar{
  background:var(--pa-surface)!important;
  color:var(--pa-text)!important;
  border:1px solid var(--pa-border)!important;
  box-shadow:var(--pa-shadow)!important;
}
html[data-theme] body .mras-platform-admin .mras-select-all-courses,
html[data-theme] body .mras-platform-admin .mras-select-all-courses span{
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
}
html[data-theme] body .mras-platform-admin .mras-bulk-status-actions select{
  background:var(--pa-surface-2)!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
  border:1px solid var(--pa-border)!important;
}
html[data-theme] body .mras-platform-admin .mras-bulk-status-actions select option{
  background:var(--pa-surface)!important;
  color:var(--pa-text)!important;
}
html[data-theme] body .mras-platform-admin .mras-selected-count{
  color:var(--pa-muted)!important;
  -webkit-text-fill-color:var(--pa-muted)!important;
}

/* Course list rows */
html[data-theme] body .mras-platform-admin .mras-admin-course-list{
  gap:10px!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-course-list article.mras-admin-course-row{
  background:var(--pa-surface)!important;
  color:var(--pa-text)!important;
  border:1px solid var(--pa-border)!important;
  border-radius:16px!important;
  box-shadow:0 8px 24px color-mix(in srgb,#000 8%,transparent)!important;
  padding:11px!important;
  align-items:center!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-course-list article.mras-admin-course-row:hover{
  background:color-mix(in srgb,var(--pa-surface-2) 58%,var(--pa-surface))!important;
  border-color:color-mix(in srgb,var(--pa-primary) 28%,var(--pa-border))!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-course-row.is-selected{
  background:var(--pa-primary-soft)!important;
  border-color:color-mix(in srgb,var(--pa-primary) 42%,var(--pa-border))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--pa-primary) 10%,transparent)!important;
}

/* Thumbnail */
html[data-theme] body .mras-platform-admin .mras-admin-course-row>img{
  width:92px!important;
  height:58px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:11px!important;
  background:var(--pa-surface-2)!important;
  border:1px solid var(--pa-border)!important;
  display:block!important;
}

/* Course title and status */
html[data-theme] body .mras-platform-admin .mras-course-row-copy strong{
  display:block!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
  font-weight:900!important;
  line-height:1.55!important;
}
html[data-theme] body .mras-platform-admin .mras-course-row-copy small{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  min-height:24px!important;
  margin-top:5px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:900!important;
  border:1px solid transparent!important;
}
html[data-theme] body .mras-platform-admin .mras-course-row-copy .is-published{
  background:color-mix(in srgb,#36a46d 14%,var(--pa-surface))!important;
  color:#4fd08b!important;
  -webkit-text-fill-color:#4fd08b!important;
  border-color:color-mix(in srgb,#36a46d 32%,var(--pa-border))!important;
}
html[data-theme="light"] body .mras-platform-admin .mras-course-row-copy .is-published{
  color:#1d754c!important;
  -webkit-text-fill-color:#1d754c!important;
}
html[data-theme] body .mras-platform-admin .mras-course-row-copy .is-draft{
  background:color-mix(in srgb,#d5a84f 14%,var(--pa-surface))!important;
  color:#e3bc68!important;
  -webkit-text-fill-color:#e3bc68!important;
  border-color:color-mix(in srgb,#d5a84f 34%,var(--pa-border))!important;
}
html[data-theme="light"] body .mras-platform-admin .mras-course-row-copy .is-draft{
  color:#8c661a!important;
  -webkit-text-fill-color:#8c661a!important;
}

/* Row actions */
html[data-theme] body .mras-platform-admin .mras-admin-course-row .mras-admin-row-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-course-row .mras-admin-row-actions a,
html[data-theme] body .mras-platform-admin .mras-admin-course-row .mras-course-view-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:31px!important;
  padding:5px 10px!important;
  background:var(--pa-surface-2)!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
  border:1px solid var(--pa-border)!important;
  border-radius:9px!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:900!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-course-row .mras-course-view-link{
  background:var(--pa-primary-soft)!important;
  color:var(--pa-primary)!important;
  -webkit-text-fill-color:var(--pa-primary)!important;
  border-color:color-mix(in srgb,var(--pa-primary) 30%,var(--pa-border))!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-course-row .mras-admin-row-actions a:hover{
  border-color:color-mix(in srgb,var(--pa-primary) 34%,var(--pa-border))!important;
  background:var(--pa-primary-soft)!important;
}
html[data-theme] body .mras-platform-admin .mras-admin-course-row .mras-delete-x{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:31px!important;
  height:31px!important;
  padding:0!important;
  border-radius:9px!important;
  background:color-mix(in srgb,#c43d34 12%,var(--pa-surface))!important;
  color:var(--pa-danger)!important;
  -webkit-text-fill-color:var(--pa-danger)!important;
  border:1px solid color-mix(in srgb,#c43d34 30%,var(--pa-border))!important;
  font-size:18px!important;
  line-height:1!important;
}

/* Pagination */
html[data-theme] body .mras-platform-admin .mras-course-pagination{
  color:var(--pa-text)!important;
}
html[data-theme] body .mras-platform-admin .mras-course-page-nav,
html[data-theme] body .mras-platform-admin .mras-course-page-numbers button{
  background:var(--pa-surface-2)!important;
  color:var(--pa-text)!important;
  -webkit-text-fill-color:var(--pa-text)!important;
  border:1px solid var(--pa-border)!important;
}
html[data-theme] body .mras-platform-admin .mras-course-page-numbers button.is-active,
html[data-theme] body .mras-platform-admin .mras-course-page-numbers button:hover,
html[data-theme] body .mras-platform-admin .mras-course-page-nav:hover{
  background:var(--pa-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:var(--pa-primary)!important;
}
html[data-theme] body .mras-platform-admin .mras-course-page-status{
  color:var(--pa-muted)!important;
  -webkit-text-fill-color:var(--pa-muted)!important;
}

/* Course builder */
html[data-theme] body .mras-platform-admin .mras-curriculum-builder,
html[data-theme] body .mras-platform-admin .mras-curriculum-items,
html[data-theme] body .mras-platform-admin .mras-curriculum-item,
html[data-theme] body .mras-platform-admin .mras-builder-head{
  color:var(--pa-text)!important;
}
html[data-theme] body .mras-platform-admin .mras-curriculum-item{
  background:var(--pa-surface-2)!important;
  border-color:var(--pa-border)!important;
}

@media(max-width:720px){
  html[data-theme] body .mras-platform-admin .mras-course-list-tools{
    align-items:stretch!important;
  }
  html[data-theme] body .mras-platform-admin .mras-course-list-meta span{
    width:100%!important;
  }
  html[data-theme] body .mras-platform-admin .mras-admin-course-list article.mras-admin-course-row{
    grid-template-columns:24px 68px minmax(0,1fr)!important;
    gap:9px!important;
  }
  html[data-theme] body .mras-platform-admin .mras-admin-course-row>img{
    width:68px!important;
    height:50px!important;
  }
  html[data-theme] body .mras-platform-admin .mras-admin-course-row .mras-admin-row-actions{
    grid-column:2 / -1!important;
    justify-content:flex-start!important;
  }
}


/* v1.0.59 — stronger grade hero visual + fixed site icon set */
.mras-grade-hub-page .aez-grade-page-hero{
  overflow:hidden!important;
}
.mras-grade-hub-page .aez-grade-page-hero .container{
  min-height:300px!important;
  padding-left:480px!important;
  position:relative!important;
  overflow:hidden!important;
}
.mras-grade-hub-page .mras-grade-teacher{
  position:absolute!important;
  left:22px!important;
  bottom:0!important;
  width:430px!important;
  height:285px!important;
  max-width:46%!important;
  object-fit:cover!important;
  object-position:center 30%!important;
  border-radius:26px 26px 0 0!important;
  opacity:.92!important;
  filter:saturate(.95) contrast(1.03) brightness(.92)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.24)!important;
  transform:none!important;
}
.mras-grade-hub-page .aez-grade-page-hero .container:before{
  content:"";
  position:absolute;
  left:0;bottom:0;width:500px;height:100%;
  z-index:0;
  background:linear-gradient(90deg,rgba(6,17,14,.08),rgba(6,17,14,.22) 72%,rgba(6,17,14,.92) 100%);
  pointer-events:none;
}
.mras-grade-hub-page .aez-grade-page-hero .container>*{position:relative;z-index:2}
.mras-grade-hub-page .aez-grade-page-hero .mras-grade-teacher{z-index:1!important}
@media(max-width:900px){
  .mras-grade-hub-page .aez-grade-page-hero .container{padding-left:330px!important;min-height:260px!important}
  .mras-grade-hub-page .mras-grade-teacher{width:300px!important;height:245px!important;max-width:43%!important}
}
@media(max-width:720px){
  .mras-grade-hub-page .aez-grade-page-hero .container{
    padding:32px 18px 245px!important;
    min-height:500px!important;
    text-align:center!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .mras-grade-hub-page .mras-grade-teacher{
    left:50%!important;
    bottom:0!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 28px)!important;
    max-width:520px!important;
    height:230px!important;
    object-fit:cover!important;
    object-position:center 28%!important;
    border-radius:22px 22px 0 0!important;
  }
  .mras-grade-hub-page .aez-grade-page-hero .container:before{
    left:0;right:0;bottom:0;width:100%;height:255px;
    background:linear-gradient(180deg,rgba(6,17,14,.94) 0%,rgba(6,17,14,.18) 28%,rgba(6,17,14,.08) 100%);
  }
}


/* =========================================================
   v1.0.62 — dark menu hover contrast + subject hero image + course Arabic labels
   ========================================================= */

/* Mobile menu hover must always have readable contrast in dark mode. */
html[data-theme="dark"] #aezMenu.aez-menu.open a:hover,
html[data-theme="dark"] #aezMenu.aez-menu.open .current-menu-item>a{
  background:#d9f2e3!important;
  color:#103323!important;
  -webkit-text-fill-color:#103323!important;
}
html[data-theme="dark"] body.home .mras-pixel-mobile-menu a:hover,
html[data-theme="dark"] body.home .mras-pixel-mobile-menu a.is-active{
  background:#d9f2e3!important;
  color:#103323!important;
  -webkit-text-fill-color:#103323!important;
}

/* Desktop menu hover: clear contrast in dark mode too. */
html[data-theme="dark"] body:not(.home) #aez-site-header .aez-menu a:hover,
html[data-theme="dark"] body:not(.home) #aez-site-header .aez-menu .current-menu-item>a{
  background:rgba(217,242,227,.94)!important;
  color:#103323!important;
  -webkit-text-fill-color:#103323!important;
  border-radius:10px!important;
}

/* Subject pages: use a full portrait visual, never the old cropped cutout. */
html[data-theme] body:not(.home) .mras-subject-hero .container{
  min-height:300px!important;
  padding-left:360px!important;
  overflow:hidden!important;
}
html[data-theme] body:not(.home) .mras-subject-teacher{
  position:absolute!important;
  left:18px!important;
  bottom:0!important;
  width:330px!important;
  height:285px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:none!important;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.22))!important;
}
@media(max-width:720px){
  html[data-theme] body:not(.home) .mras-subject-hero .container{
    min-height:500px!important;
    padding:30px 18px 275px!important;
    text-align:center!important;
  }
  html[data-theme] body:not(.home) .mras-subject-teacher{
    left:50%!important;
    bottom:0!important;
    transform:translateX(-50%)!important;
    width:min(86vw,340px)!important;
    height:265px!important;
  }
}

/* Course tabs use Egyptian Arabic styling and readable dark colors. */
html[data-theme] body:not(.home) .aez-course-tabs-nav a,
html[data-theme] body:not(.home) .aez-course-tabs-nav .tutor-nav-link{
  color:var(--mras-page-text)!important;
  -webkit-text-fill-color:var(--mras-page-text)!important;
}
html[data-theme="dark"] body:not(.home) .aez-course-tabs-nav a:hover,
html[data-theme="dark"] body:not(.home) .aez-course-tabs-nav .is-active,
html[data-theme="dark"] body:not(.home) .aez-course-tabs-nav .tutor-nav-link.is-active{
  background:#d9f2e3!important;
  color:#103323!important;
  -webkit-text-fill-color:#103323!important;
  border-color:#9fd8b5!important;
}


/* =========================================================
   v1.0.63 — repair Tutor course open action
   ========================================================= */
html[data-theme] body .aez-course-page .aez-entry-card{
  background:var(--mras-page-surface)!important;
  border:1px solid var(--mras-page-border)!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
html[data-theme] body .aez-course-page .aez-entry-card .mras-course-primary-action,
html[data-theme] body .aez-course-page .aez-entry-card a.tutor-btn,
html[data-theme] body .aez-course-page .aez-entry-card button.tutor-btn,
html[data-theme] body .aez-course-page .aez-entry-card input[type="submit"].tutor-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
  padding:12px 18px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#3fbd78,#2d9d63)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.2!important;
  text-align:center!important;
  box-shadow:none!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html[data-theme] body .aez-course-page .aez-entry-card .mras-course-primary-action:hover,
html[data-theme] body .aez-course-page .aez-entry-card a.tutor-btn:hover,
html[data-theme] body .aez-course-page .aez-entry-card button.tutor-btn:hover{
  background:linear-gradient(180deg,#46c982,#31a86a)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme] body .aez-course-page .aez-entry-card .tutor-btn:empty,
html[data-theme] body .aez-course-page .aez-entry-card button:empty,
html[data-theme] body .aez-course-page .aez-entry-card a:empty{
  display:flex!important;
}
html[data-theme] body .aez-course-page .aez-entry-card .tutor-d-flex{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  gap:10px!important;
}


/* =========================================================
   v1.0.65 — student dashboard course cards dark/light fix
   ========================================================= */
html[data-theme="dark"] body:not(.home) .mras-dashboard-course-card{
  background:#0b1713!important;
  border-color:rgba(226,194,116,.20)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] body:not(.home) .mras-dashboard-course-body{
  background:#0b1713!important;
  color:#f7f1e5!important;
}
html[data-theme="dark"] body:not(.home) .mras-dashboard-course-body h3,
html[data-theme="dark"] body:not(.home) .mras-dashboard-course-body h3 a{
  color:#fff8e8!important;
  -webkit-text-fill-color:#fff8e8!important;
}
html[data-theme="dark"] body:not(.home) .mras-dashboard-course-category{
  background:rgba(74,177,113,.12)!important;
  border:1px solid rgba(109,211,148,.18)!important;
  color:#8ee0aa!important;
  -webkit-text-fill-color:#8ee0aa!important;
}
html[data-theme="dark"] body:not(.home) .mras-dashboard-course-footer{
  border-top-color:rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] body:not(.home) .mras-dashboard-course-footer span,
html[data-theme="dark"] body:not(.home) .mras-dashboard-course-footer span.is-active{
  color:#a9d8b8!important;
  -webkit-text-fill-color:#a9d8b8!important;
}
html[data-theme="dark"] body:not(.home) .mras-dashboard-course-footer a{
  color:#e4c26f!important;
  -webkit-text-fill-color:#e4c26f!important;
}
html[data-theme="dark"] body:not(.home) .mras-dashboard-course-thumb{
  background:#07110e!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  border-radius:18px 18px 0 0!important;
}
html[data-theme="dark"] body:not(.home) .mras-dashboard-course-thumb img{
  border-radius:18px 18px 0 0!important;
}

html[data-theme="light"] body:not(.home) .mras-dashboard-course-card{
  background:#ffffff!important;
  border-color:#dbe8df!important;
  box-shadow:0 12px 28px rgba(15,46,41,.07)!important;
}
html[data-theme="light"] body:not(.home) .mras-dashboard-course-body{
  background:#ffffff!important;
  color:#15352d!important;
}
html[data-theme="light"] body:not(.home) .mras-dashboard-course-body h3,
html[data-theme="light"] body:not(.home) .mras-dashboard-course-body h3 a{
  color:#102f28!important;
  -webkit-text-fill-color:#102f28!important;
}
html[data-theme="light"] body:not(.home) .mras-dashboard-course-category{
  background:#edf7f0!important;
  border:1px solid #d7e9dc!important;
  color:#286547!important;
  -webkit-text-fill-color:#286547!important;
}
html[data-theme="light"] body:not(.home) .mras-dashboard-course-footer{
  border-top-color:#e7f0e9!important;
}
html[data-theme="light"] body:not(.home) .mras-dashboard-course-footer span,
html[data-theme="light"] body:not(.home) .mras-dashboard-course-footer span.is-active{
  color:#39745a!important;
  -webkit-text-fill-color:#39745a!important;
}
html[data-theme="light"] body:not(.home) .mras-dashboard-course-footer a{
  color:#8a6413!important;
  -webkit-text-fill-color:#8a6413!important;
}
html[data-theme="light"] body:not(.home) .mras-dashboard-course-thumb{
  background:#eef5f0!important;
  border-bottom:1px solid #e4eee7!important;
  border-radius:18px 18px 0 0!important;
}

/* v1.0.68 — remove course breadcrumbs */
.aez-course-breadcrumbs,
.tutor-course-details-breadcrumb,
.tutor-breadcrumb{
  display:none!important;
}


/* =========================================================
   v1.0.69 — complete single course visual cleanup
   ========================================================= */
html[data-theme] body .aez-course-page{
  background:var(--mras-page-bg)!important;
  color:var(--mras-page-text)!important;
  padding-bottom:64px!important;
}

/* Hero */
html[data-theme] body .aez-course-page .aez-course-hero{
  padding:44px 0!important;
  background:
    radial-gradient(circle at 14% 20%,color-mix(in srgb,var(--mras-page-gold) 10%,transparent),transparent 25%),
    radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--mras-page-primary) 10%,transparent),transparent 26%),
    linear-gradient(180deg,var(--mras-page-surface-2),var(--mras-page-bg))!important;
  border-bottom:1px solid var(--mras-page-border)!important;
}
html[data-theme] body .aez-course-page .aez-course-hero-grid{
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;
  gap:40px!important;
  align-items:center!important;
  direction:rtl!important;
}
html[data-theme] body .aez-course-page .aez-course-hero-copy{
  min-width:0!important;
  max-width:760px!important;
  margin-inline-start:auto!important;
}
html[data-theme] body .aez-course-page .aez-course-category{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:6px 13px!important;
  margin:0 0 14px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--mras-page-gold) 9%,var(--mras-page-surface))!important;
  color:var(--mras-page-gold)!important;
  -webkit-text-fill-color:var(--mras-page-gold)!important;
  border:1px solid color-mix(in srgb,var(--mras-page-gold) 28%,var(--mras-page-border))!important;
  font-size:12px!important;
  font-weight:900!important;
}
html[data-theme] body .aez-course-page .aez-course-hero h1{
  margin:0 0 16px!important;
  max-width:720px!important;
  color:var(--mras-page-text)!important;
  -webkit-text-fill-color:var(--mras-page-text)!important;
  font-size:clamp(38px,4.1vw,64px)!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
  text-wrap:balance!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-shadow:none!important;
}
html[data-theme] body .aez-course-page .aez-course-hero-copy>p{
  margin:0 0 22px!important;
  max-width:720px!important;
  color:var(--mras-page-muted)!important;
  -webkit-text-fill-color:var(--mras-page-muted)!important;
  font-size:15px!important;
  line-height:1.85!important;
}
html[data-theme] body .aez-course-page .aez-course-hero-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin:0!important;
}
html[data-theme] body .aez-course-page .aez-course-hero-meta span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:8px 12px!important;
  border-radius:12px!important;
  background:var(--mras-page-surface)!important;
  color:var(--mras-page-text)!important;
  -webkit-text-fill-color:var(--mras-page-text)!important;
  border:1px solid var(--mras-page-border)!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:800!important;
}
html[data-theme="dark"] body .aez-course-page .aez-course-hero-meta span{
  background:rgba(12,31,23,.78)!important;
  color:#eef7f0!important;
  -webkit-text-fill-color:#eef7f0!important;
  border-color:rgba(219,190,119,.18)!important;
}
html[data-theme] body .aez-course-page .aez-course-hero-thumb{
  width:100%!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  padding:0!important;
  margin:0!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:var(--mras-page-surface)!important;
  border:1px solid var(--mras-page-border)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.18)!important;
}
html[data-theme] body .aez-course-page .aez-course-hero-thumb img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
  display:block!important;
}

/* Main layout */
html[data-theme] body .aez-course-page .aez-course-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:24px!important;
  align-items:start!important;
  padding-top:34px!important;
  direction:rtl!important;
  background:transparent!important;
}
html[data-theme] body .aez-course-page .aez-course-main{min-width:0!important}
html[data-theme] body .aez-course-page .aez-course-video-card,
html[data-theme] body .aez-course-page .aez-course-tabs-shell,
html[data-theme] body .aez-course-page .aez-course-sidebar{
  background:var(--mras-page-surface)!important;
  color:var(--mras-page-text)!important;
  border:1px solid var(--mras-page-border)!important;
  border-radius:22px!important;
  box-shadow:var(--mras-page-shadow)!important;
}
html[data-theme] body .aez-course-page .aez-course-video-card{
  padding:22px!important;
  overflow:hidden!important;
}
html[data-theme] body .aez-course-page .aez-course-card-heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  margin-bottom:18px!important;
}
html[data-theme] body .aez-course-page .aez-course-card-heading .aez-card-eyebrow{
  display:inline-block!important;
  padding:0!important;
  margin:0 0 4px!important;
  background:transparent!important;
  border:0!important;
  color:var(--mras-page-gold)!important;
  -webkit-text-fill-color:var(--mras-page-gold)!important;
  font-size:11px!important;
}
html[data-theme] body .aez-course-page .aez-course-card-heading h2{
  margin:0!important;
  color:var(--mras-page-text)!important;
  -webkit-text-fill-color:var(--mras-page-text)!important;
  font-size:32px!important;
  line-height:1.25!important;
}
html[data-theme] body .aez-course-page .aez-course-video-wrap{
  border-radius:16px!important;
  overflow:hidden!important;
  background:var(--mras-page-surface-2)!important;
  border:1px solid color-mix(in srgb,var(--mras-page-border) 82%,transparent)!important;
}
html[data-theme] body .aez-course-page .aez-course-video-wrap>img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

/* Sidebar: clean up Tutor's entry box and remove empty shells. */
html[data-theme] body .aez-course-page .aez-course-sidebar{
  padding:14px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme] body .aez-course-page .aez-course-sidebar-sticky{
  position:sticky!important;
  top:96px!important;
  display:grid!important;
  gap:14px!important;
}
html[data-theme] body .aez-course-page .aez-entry-card,
html[data-theme] body .aez-course-page .aez-course-more-card{
  margin:0!important;
  padding:14px!important;
  border-radius:18px!important;
  background:var(--mras-page-surface)!important;
  border:1px solid var(--mras-page-border)!important;
  box-shadow:var(--mras-page-shadow)!important;
  color:var(--mras-page-text)!important;
  overflow:hidden!important;
}
html[data-theme] body .aez-course-page .aez-entry-card .tutor-card,
html[data-theme] body .aez-course-page .aez-entry-card .tutor-course-sidebar-card,
html[data-theme] body .aez-course-page .aez-entry-card .tutor-course-single-sidebar-wrapper{
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
html[data-theme] body .aez-course-page .aez-entry-card .tutor-card-body,
html[data-theme] body .aez-course-page .aez-entry-card .tutor-card-footer{
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
html[data-theme] body .aez-course-page .aez-entry-card hr,
html[data-theme] body .aez-course-page .aez-entry-card .tutor-border-top,
html[data-theme] body .aez-course-page .aez-entry-card .tutor-border-bottom{
  border-color:var(--mras-page-border)!important;
}
html[data-theme] body .aez-course-page .aez-entry-card .tutor-color-secondary,
html[data-theme] body .aez-course-page .aez-entry-card .tutor-color-muted,
html[data-theme] body .aez-course-page .aez-entry-card p,
html[data-theme] body .aez-course-page .aez-entry-card span{
  color:var(--mras-page-muted)!important;
  -webkit-text-fill-color:var(--mras-page-muted)!important;
}
html[data-theme] body .aez-course-page .aez-course-more-card:empty,
html[data-theme] body .aez-course-page .aez-entry-card:empty{display:none!important}

/* Tabs */
html[data-theme] body .aez-course-page .aez-course-tabs-shell{
  margin-top:22px!important;
  overflow:hidden!important;
}
html[data-theme] body .aez-course-page .aez-course-tabs-nav{
  display:flex!important;
  gap:8px!important;
  padding:10px!important;
  background:var(--mras-page-surface-2)!important;
  border-bottom:1px solid var(--mras-page-border)!important;
}
html[data-theme] body .aez-course-page .aez-course-tabs-nav a,
html[data-theme] body .aez-course-page .aez-course-tabs-nav .tutor-nav-link{
  padding:10px 14px!important;
  border-radius:10px!important;
  color:var(--mras-page-muted)!important;
  -webkit-text-fill-color:var(--mras-page-muted)!important;
  border:0!important;
}
html[data-theme] body .aez-course-page .aez-course-tabs-nav .is-active,
html[data-theme] body .aez-course-page .aez-course-tabs-nav a:hover,
html[data-theme] body .aez-course-page .aez-course-tabs-nav .tutor-nav-link:hover{
  background:color-mix(in srgb,var(--mras-page-primary) 13%,var(--mras-page-surface))!important;
  color:var(--mras-page-primary)!important;
  -webkit-text-fill-color:var(--mras-page-primary)!important;
}
html[data-theme] body .aez-course-page .aez-course-tabs-content{
  padding:22px!important;
  color:var(--mras-page-text)!important;
  -webkit-text-fill-color:var(--mras-page-text)!important;
}

@media(max-width:1050px){
  html[data-theme] body .aez-course-page .aez-course-hero-grid{
    grid-template-columns:minmax(0,1fr) 360px!important;
    gap:26px!important;
  }
  html[data-theme] body .aez-course-page .aez-course-hero h1{font-size:clamp(34px,5vw,52px)!important}
  html[data-theme] body .aez-course-page .aez-course-layout{
    grid-template-columns:minmax(0,1fr) 270px!important;
  }
}
@media(max-width:880px){
  html[data-theme] body .aez-course-page .aez-course-hero{padding:30px 0!important}
  html[data-theme] body .aez-course-page .aez-course-hero-grid{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  html[data-theme] body .aez-course-page .aez-course-hero-copy{max-width:none!important}
  html[data-theme] body .aez-course-page .aez-course-hero-thumb{
    max-width:680px!important;
    margin:0 auto!important;
  }
  html[data-theme] body .aez-course-page .aez-course-layout{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  html[data-theme] body .aez-course-page .aez-course-sidebar{order:2!important;padding:0!important;border:0!important}
  html[data-theme] body .aez-course-page .aez-course-sidebar-sticky{position:static!important}
}
@media(max-width:640px){
  html[data-theme] body .aez-course-page .aez-course-hero{padding:24px 0!important}
  html[data-theme] body .aez-course-page .aez-course-hero h1{
    font-size:30px!important;
    line-height:1.24!important;
  }
  html[data-theme] body .aez-course-page .aez-course-hero-copy>p{font-size:13px!important;line-height:1.75!important}
  html[data-theme] body .aez-course-page .aez-course-hero-meta{gap:6px!important}
  html[data-theme] body .aez-course-page .aez-course-hero-meta span{font-size:9px!important;min-height:32px!important;padding:6px 8px!important}
  html[data-theme] body .aez-course-page .aez-course-hero-thumb{border-radius:18px!important}
  html[data-theme] body .aez-course-page .aez-course-video-card{padding:14px!important;border-radius:18px!important}
  html[data-theme] body .aez-course-page .aez-course-card-heading h2{font-size:24px!important}
  html[data-theme] body .aez-course-page .aez-course-tabs-content{padding:16px!important}
}


/* =========================================================
   v1.0.70 — restore and protect the course open button
   ========================================================= */
html[data-theme] body .aez-course-page .aez-course-sidebar{
  display:block!important;
}
html[data-theme] body .aez-course-page .aez-entry-card{
  display:block!important;
  min-height:72px!important;
}
html[data-theme] body .aez-course-page .aez-entry-card .tutor-btn,
html[data-theme] body .aez-course-page .aez-entry-card a[href],
html[data-theme] body .aez-course-page .aez-entry-card button,
html[data-theme] body .aez-course-page .aez-entry-card input[type="submit"],
html[data-theme] body .aez-course-page .aez-entry-card .mras-course-primary-action{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:50px!important;
  padding:12px 18px!important;
  border-radius:13px!important;
  border:1px solid #39ad70!important;
  background:linear-gradient(180deg,#43c47d,#2ea566)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.25!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html[data-theme] body .aez-course-page .aez-entry-card .tutor-btn:hover,
html[data-theme] body .aez-course-page .aez-entry-card a[href]:hover,
html[data-theme] body .aez-course-page .aez-entry-card button:hover{
  background:linear-gradient(180deg,#4bce88,#35ad70)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Do not treat Tutor action controls as disposable empty elements. */
html[data-theme] body .aez-course-page .aez-entry-card .tutor-btn:empty,
html[data-theme] body .aez-course-page .aez-entry-card button:empty,
html[data-theme] body .aez-course-page .aez-entry-card a[href]:empty{
  display:flex!important;
}


/* =========================================================
   v1.0.71 — never hide the Tutor course action button
   ========================================================= */
html[data-theme] body .aez-course-page .aez-entry-card{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
html[data-theme] body .aez-course-page .aez-entry-card .tutor-btn,
html[data-theme] body .aez-course-page .aez-entry-card [class*="tutor-btn"],
html[data-theme] body .aez-course-page .aez-entry-card .mras-course-primary-action{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
html[data-theme] body .aez-course-page .aez-entry-card .tutor-btn:empty,
html[data-theme] body .aez-course-page .aez-entry-card [class*="tutor-btn"]:empty,
html[data-theme] body .aez-course-page .aez-entry-card .mras-course-primary-action:empty{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Neutralize legacy rules that treated the action shell as disposable. */
html[data-theme] body .aez-course-page .aez-entry-card:empty{
  display:block!important;
}


/* =========================================================
   v1.0.72 — simplify single-course hero + remove duplicate visual card
   ========================================================= */

/* One visual container for the course summary. */
html[data-theme] body .aez-course-page .aez-course-hero{
  padding:34px 0!important;
  background:var(--mras-page-bg)!important;
  border-bottom:0!important;
}
html[data-theme] body .aez-course-page .mras-course-summary-card{
  padding:30px!important;
  border:1px solid var(--mras-page-border)!important;
  border-radius:26px!important;
  background:var(--mras-page-surface)!important;
  box-shadow:var(--mras-page-shadow)!important;
  overflow:hidden!important;
}
html[data-theme] body .aez-course-page .aez-course-hero-copy{
  margin:0!important;
  max-width:none!important;
}
html[data-theme] body .aez-course-page .aez-course-hero-thumb{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:18px!important;
}
html[data-theme] body .aez-course-page .aez-course-hero-thumb img{
  border-radius:18px!important;
}

/* Author/platform/speed chips are intentionally removed. */
html[data-theme] body .aez-course-page .aez-course-hero-meta{
  display:none!important;
}

/* Actual lesson/video cards: clear contrast in dark and light. */
html[data-theme] body .aez-course-page .mras-sequence-item{
  overflow:hidden!important;
}
html[data-theme="dark"] body .aez-course-page .mras-sequence-head{
  background:#103c28!important;
  border-bottom-color:rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] body .aez-course-page .mras-sequence-head h3,
html[data-theme="dark"] body .aez-course-page .mras-sequence-head small{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme="dark"] body .aez-course-page .mras-sequence-number{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme] body .aez-course-page .mras-learning-video{
  background:#000!important;
}
html[data-theme] body .aez-course-page .mras-learning-video iframe,
html[data-theme] body .aez-course-page .mras-learning-video video{
  background:#000!important;
}

/* If there is no real curriculum/video, do not leave an empty card. */
html[data-theme] body .aez-course-page .aez-course-video-card:empty{
  display:none!important;
}

@media(max-width:880px){
  html[data-theme] body .aez-course-page .mras-course-summary-card{
    padding:20px!important;
    border-radius:20px!important;
  }
}
@media(max-width:640px){
  html[data-theme] body .aez-course-page .mras-course-summary-card{
    padding:16px!important;
    gap:18px!important;
  }
}


/* =========================================================
   v1.0.73 — restore "شوف الكورس" action permanently
   ========================================================= */
html[data-theme] body .aez-course-page .aez-course-sidebar,
html[data-theme] body .aez-course-page .aez-course-sidebar-sticky,
html[data-theme] body .aez-course-page .aez-entry-card{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

html[data-theme] body .aez-course-page .aez-entry-card a,
html[data-theme] body .aez-course-page .aez-entry-card button,
html[data-theme] body .aez-course-page .aez-entry-card input[type="submit"],
html[data-theme] body .aez-course-page .aez-entry-card .tutor-btn,
html[data-theme] body .aez-course-page .aez-entry-card [class*="tutor-btn"],
html[data-theme] body .aez-course-page .aez-entry-card .mras-course-primary-action{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:50px!important;
}

html[data-theme] body .aez-course-page .aez-entry-card a:empty,
html[data-theme] body .aez-course-page .aez-entry-card button:empty,
html[data-theme] body .aez-course-page .aez-entry-card .tutor-btn:empty,
html[data-theme] body .aez-course-page .aez-entry-card [class*="tutor-btn"]:empty{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Keep only empty informational shells hidden; never hide the action card itself. */
html[data-theme] body .aez-course-page .aez-entry-card:empty{
  display:block!important;
}


/* =========================================================
   v1.0.74 — hard-fix course CTA + Tutor curriculum colors
   ========================================================= */

/* Our own course CTA for enrolled students: no Tutor JS can remove it. */
html[data-theme] body .aez-course-page .mras-course-view-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:52px!important;
  padding:13px 18px!important;
  border:1px solid #42c57d!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#43c47d,#2ea566)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1.2!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html[data-theme] body .aez-course-page .mras-course-view-btn:hover{
  background:linear-gradient(180deg,#50d18c,#35ae70)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Dark-mode Tutor curriculum: topic title white, lesson row black. */
html[data-theme="dark"] body .aez-course-page .tutor-accordion-item{
  border:1px solid rgba(197,225,205,.22)!important;
  background:#07120f!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
html[data-theme="dark"] body .aez-course-page .tutor-accordion-item-header,
html[data-theme="dark"] body .aez-course-page .tutor-accordion-item-header.is-active{
  background:#103c28!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
html[data-theme="dark"] body .aez-course-page .tutor-accordion-item-header *,
html[data-theme="dark"] body .aez-course-page .tutor-accordion-item-header.is-active *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme="dark"] body .aez-course-page .tutor-course-content-list,
html[data-theme="dark"] body .aez-course-page .tutor-course-content-list-item,
html[data-theme="dark"] body .aez-course-page .tutor-course-topic-item,
html[data-theme="dark"] body .aez-course-page .tutor-course-topic-item a{
  background:#000!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#18241f!important;
}
html[data-theme="dark"] body .aez-course-page .tutor-course-content-list-item:hover,
html[data-theme="dark"] body .aez-course-page .tutor-course-topic-item a:hover{
  background:#080b0a!important;
}
html[data-theme="dark"] body .aez-course-page .tutor-course-content-list-item *,
html[data-theme="dark"] body .aez-course-page .tutor-course-topic-item *,
html[data-theme="dark"] body .aez-course-page .tutor-course-topic-item-title,
html[data-theme="dark"] body .aez-course-page .tutor-course-content-list-item-title,
html[data-theme="dark"] body .aez-course-page .tutor-course-content-list-item-title a{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme="dark"] body .aez-course-page .tutor-course-content-list-item-duration,
html[data-theme="dark"] body .aez-course-page [class*="duration"],
html[data-theme="dark"] body .aez-course-page [class*="meta"]{
  color:#b8c9c0!important;
  -webkit-text-fill-color:#b8c9c0!important;
}
html[data-theme="dark"] body .aez-course-page .tutor-course-content-list-item i,
html[data-theme="dark"] body .aez-course-page .tutor-course-content-list-item svg,
html[data-theme="dark"] body .aez-course-page .tutor-course-topic-item i,
html[data-theme="dark"] body .aez-course-page .tutor-course-topic-item svg{
  color:#a9c0b3!important;
  fill:currentColor!important;
}

/* Custom curriculum cards get the same treatment. */
html[data-theme="dark"] body .aez-course-page .mras-sequence-head{
  background:#103c28!important;
}
html[data-theme="dark"] body .aez-course-page .mras-sequence-head h3,
html[data-theme="dark"] body .aez-course-page .mras-sequence-head small,
html[data-theme="dark"] body .aez-course-page .mras-sequence-head *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme="dark"] body .aez-course-page .mras-learning-video{
  background:#000!important;
}
html[data-theme="dark"] body .aez-course-page .mras-learning-video iframe,
html[data-theme="dark"] body .aez-course-page .mras-learning-video video{
  background:#000!important;
}

/* Light mode remains readable and clean. */
html[data-theme="light"] body .aez-course-page .tutor-accordion-item-header{
  background:#edf5ef!important;
  color:#173c35!important;
  -webkit-text-fill-color:#173c35!important;
}
html[data-theme="light"] body .aez-course-page .tutor-course-content-list-item,
html[data-theme="light"] body .aez-course-page .tutor-course-topic-item a{
  background:#fff!important;
  color:#173c35!important;
  -webkit-text-fill-color:#173c35!important;
}


/* =========================================================
   v1.0.76 — real Tutor course action + single clean container
   ========================================================= */

/* Sidebar contains only the Tutor entry/action box now. */
html[data-theme] body .aez-course-page .aez-course-sidebar-sticky{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}

/* One outer container only. */
html[data-theme] body .aez-course-page .aez-entry-card{
  display:block!important;
  padding:14px!important;
  border:1px solid var(--mras-page-border)!important;
  border-radius:20px!important;
  background:var(--mras-page-surface)!important;
  box-shadow:var(--mras-page-shadow)!important;
  overflow:hidden!important;
}

/* Flatten every Tutor wrapper inside so it cannot look like nested containers. */
html[data-theme] body .aez-course-page .aez-entry-card .tutor-card,
html[data-theme] body .aez-course-page .aez-entry-card .tutor-card-body,
html[data-theme] body .aez-course-page .aez-entry-card .tutor-card-footer,
html[data-theme] body .aez-course-page .aez-entry-card .tutor-course-sidebar-card,
html[data-theme] body .aez-course-page .aez-entry-card .tutor-course-single-sidebar-wrapper,
html[data-theme] body .aez-course-page .aez-entry-card [class*="tutor-card"]{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
}

/* Hide non-action spacer/divider rows in the Tutor entry box. */
html[data-theme] body .aez-course-page .aez-entry-card hr,
html[data-theme] body .aez-course-page .aez-entry-card .tutor-border-top,
html[data-theme] body .aez-course-page .aez-entry-card .tutor-border-bottom{
  display:none!important;
}

/* Real Tutor action button — functional, visible, and clean. */
html[data-theme] body .aez-course-page .aez-entry-card .tutor-btn,
html[data-theme] body .aez-course-page .aez-entry-card a.tutor-btn,
html[data-theme] body .aez-course-page .aez-entry-card button.tutor-btn,
html[data-theme] body .aez-course-page .aez-entry-card input[type="submit"].tutor-btn,
html[data-theme] body .aez-course-page .aez-entry-card .mras-course-primary-action{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:52px!important;
  margin:0!important;
  padding:13px 18px!important;
  border:1px solid #42c57d!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#43c47d,#2ea566)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1.2!important;
  text-decoration:none!important;
  visibility:visible!important;
  opacity:1!important;
}

/* The removed custom fake button must never render if stale cached markup survives. */
html[data-theme] body .aez-course-page .mras-course-view-btn{
  display:none!important;
}

/* The extra info container was removed from PHP; also hide stale cached output. */
html[data-theme] body .aez-course-page .aez-course-more-card,
html[data-theme] body .aez-course-page .tutor-single-course-sidebar-more{
  display:none!important;
}


/* =========================================================
   v1.0.77 — unify single-course typography to Cairo
   ========================================================= */

/* Entire single-course page uses one typography system. */
html[data-theme] body .aez-course-page{
  font-family:"Tajawal",sans-serif!important;
}

html[data-theme] body .aez-course-page h1,
html[data-theme] body .aez-course-page h2,
html[data-theme] body .aez-course-page h3,
html[data-theme] body .aez-course-page h4,
html[data-theme] body .aez-course-page h5,
html[data-theme] body .aez-course-page h6,
html[data-theme] body .aez-course-page p,
html[data-theme] body .aez-course-page a,
html[data-theme] body .aez-course-page strong,
html[data-theme] body .aez-course-page b,
html[data-theme] body .aez-course-page small,
html[data-theme] body .aez-course-page label,
html[data-theme] body .aez-course-page li,
html[data-theme] body .aez-course-page button,
html[data-theme] body .aez-course-page input,
html[data-theme] body .aez-course-page select,
html[data-theme] body .aez-course-page textarea,
html[data-theme] body .aez-course-page .tutor-btn,
html[data-theme] body .aez-course-page .tutor-nav-link,
html[data-theme] body .aez-course-page .tutor-accordion-item-header,
html[data-theme] body .aez-course-page .tutor-course-topic-item-title,
html[data-theme] body .aez-course-page .tutor-course-content-list-item-title,
html[data-theme] body .aez-course-page .mras-course-primary-action{
  font-family:"Tajawal",sans-serif!important;
}

/* Slightly smaller and more controlled course title. */
html[data-theme] body .aez-course-page .aez-course-hero h1{
  font-family:"Tajawal",sans-serif!important;
  font-size:clamp(34px,3.5vw,54px)!important;
  line-height:1.24!important;
  letter-spacing:-.015em!important;
  font-weight:900!important;
}

/* Course summary copy uses the exact same family. */
html[data-theme] body .aez-course-page .aez-course-hero-copy>p{
  font-family:"Tajawal",sans-serif!important;
  font-size:15px!important;
  line-height:1.9!important;
  font-weight:500!important;
}

/* Keep the real Tutor course button visually consistent. */
html[data-theme] body .aez-course-page .aez-entry-card .tutor-btn,
html[data-theme] body .aez-course-page .aez-entry-card a.tutor-btn,
html[data-theme] body .aez-course-page .aez-entry-card button.tutor-btn,
html[data-theme] body .aez-course-page .aez-entry-card input[type="submit"].tutor-btn{
  font-family:"Tajawal",sans-serif!important;
  font-size:16px!important;
  font-weight:800!important;
}

/* Keep Tutor icon fonts intact. */
html[data-theme] body .aez-course-page [class^="tutor-icon-"],
html[data-theme] body .aez-course-page [class*=" tutor-icon-"]{
  font-family:"tutor"!important;
}

@media(max-width:1050px){
  html[data-theme] body .aez-course-page .aez-course-hero h1{
    font-size:clamp(31px,4.5vw,46px)!important;
  }
}

@media(max-width:640px){
  html[data-theme] body .aez-course-page .aez-course-hero h1{
    font-size:27px!important;
    line-height:1.32!important;
  }
  html[data-theme] body .aez-course-page .aez-course-hero-copy>p{
    font-size:13px!important;
    line-height:1.85!important;
  }
}


/* =========================================================
   v1.0.78 — stable working "شوف الكورس" button
   ========================================================= */
html[data-theme] body .aez-course-page .aez-entry-card{
  display:block!important;
  padding:14px!important;
  border:1px solid var(--mras-page-border)!important;
  border-radius:20px!important;
  background:var(--mras-page-surface)!important;
  box-shadow:var(--mras-page-shadow)!important;
  overflow:hidden!important;
}

html[data-theme] body .aez-course-page .mras-course-open-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:52px!important;
  margin:0!important;
  padding:13px 18px!important;
  border:1px solid #42c57d!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#43c47d,#2ea566)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-family:"Tajawal",sans-serif!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  visibility:visible!important;
  opacity:1!important;
}

html[data-theme] body .aez-course-page .mras-course-open-btn:hover{
  background:linear-gradient(180deg,#50d18c,#35ae70)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* If old markup is still cached, keep only one visual shell. */
html[data-theme] body .aez-course-page .aez-entry-card .mras-course-view-btn{
  display:none!important;
}


/* =========================================================
   v1.0.79 — Tutor lesson player full dark mode
   ========================================================= */

html[data-theme="dark"] body{
  background:#06110e!important;
}

/* Tutor lesson/spotlight canvas */
html[data-theme="dark"] body .tutor-course-spotlight-wrapper,
html[data-theme="dark"] body .tutor-course-single-content-wrapper,
html[data-theme="dark"] body .tutor-course-spotlight-main-content,
html[data-theme="dark"] body .tutor-course-topic-single-body,
html[data-theme="dark"] body .tutor-course-topic-single-content,
html[data-theme="dark"] body .tutor-lesson-content-area{
  background:#06110e!important;
  color:#f4f7f5!important;
}

/* Top lesson strip / title */
html[data-theme="dark"] body .tutor-course-spotlight-header,
html[data-theme="dark"] body .tutor-course-topic-single-header,
html[data-theme="dark"] body [class*="spotlight-header"]{
  background:#081713!important;
  border-color:#183029!important;
  color:#f5f7f5!important;
}
html[data-theme="dark"] body .tutor-course-spotlight-header *,
html[data-theme="dark"] body .tutor-course-topic-single-header *{
  color:#f5f7f5!important;
  -webkit-text-fill-color:#f5f7f5!important;
}

/* Right curriculum sidebar */
html[data-theme="dark"] body .tutor-course-spotlight-sidebar,
html[data-theme="dark"] body .tutor-course-single-sidebar-wrapper,
html[data-theme="dark"] body [class*="spotlight-sidebar"]{
  background:#081713!important;
  border-color:#183029!important;
  color:#eaf1ed!important;
}
html[data-theme="dark"] body .tutor-course-spotlight-sidebar *,
html[data-theme="dark"] body .tutor-course-single-sidebar-wrapper *{
  color:#eaf1ed!important;
  -webkit-text-fill-color:#eaf1ed!important;
}

/* Sidebar lesson rows */
html[data-theme="dark"] body .tutor-course-topic-item,
html[data-theme="dark"] body .tutor-course-topic-item a,
html[data-theme="dark"] body .tutor-course-content-list-item{
  background:#0b1d17!important;
  border-color:#19342b!important;
  color:#fff!important;
}
html[data-theme="dark"] body .tutor-course-topic-item:hover,
html[data-theme="dark"] body .tutor-course-topic-item a:hover,
html[data-theme="dark"] body .tutor-course-content-list-item:hover{
  background:#10271f!important;
}
html[data-theme="dark"] body .tutor-course-topic-item.is-active,
html[data-theme="dark"] body .tutor-course-topic-item.is-active a,
html[data-theme="dark"] body .tutor-course-content-list-item.is-active{
  background:#133326!important;
  color:#fff!important;
}

/* Progress cards / small panels */
html[data-theme="dark"] body .tutor-card,
html[data-theme="dark"] body .tutor-course-spotlight-wrapper .tutor-card,
html[data-theme="dark"] body [class*="tutor-course-progress"],
html[data-theme="dark"] body .tutor-progress-bar{
  background:#0b1d17!important;
  border-color:#19342b!important;
  color:#f1f5f3!important;
}
html[data-theme="dark"] body .tutor-progress-bar .tutor-progress-value{
  background:#46c982!important;
}

/* Video area */
html[data-theme="dark"] body .tutor-video-player,
html[data-theme="dark"] body .tutor-course-video-wrapper,
html[data-theme="dark"] body .tutor-lesson-video-wrap,
html[data-theme="dark"] body .tutor-video-player-wrapper,
html[data-theme="dark"] body .tutor-video-player-container,
html[data-theme="dark"] body .plyr,
html[data-theme="dark"] body .mejs-container{
  background:#000!important;
  border-color:#183029!important;
}
html[data-theme="dark"] body video{
  background:#000!important;
}

/* Bottom lesson/player controls area */
html[data-theme="dark"] body .tutor-course-topic-single-footer,
html[data-theme="dark"] body .tutor-course-spotlight-footer,
html[data-theme="dark"] body .tutor-lesson-footer{
  background:#081713!important;
  border-color:#183029!important;
  color:#fff!important;
}

/* Hide every known completion control in the lesson screen. */
body .tutor-course-complete-form,
body .tutor-course-completion-form,
body .tutor-btn-complete-course,
body .tutor-btn-mark-complete,
body .tutor-mark-complete,
body [class*="complete-course"],
body [class*="course-complete"],
body [data-action*="complete"],
body [data-course-complete],
body [name*="complete_course"],
body [id*="complete-course"]{
  display:none!important;
}

/* Seek feedback for keyboard/double tap. */
.mras-seek-feedback{
  position:absolute!important;
  top:50%!important;
  z-index:9999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:72px!important;
  height:72px!important;
  margin-top:-36px!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.66)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-family:"Tajawal",sans-serif!important;
  font-size:22px!important;
  font-weight:900!important;
  pointer-events:none!important;
  opacity:0!important;
  transform:scale(.84)!important;
  transition:opacity .16s ease,transform .16s ease!important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.mras-seek-feedback.is-forward{right:18%!important}
.mras-seek-feedback.is-back{left:18%!important}
.mras-seek-feedback.is-visible{
  opacity:1!important;
  transform:scale(1)!important;
}

/* Keep the lesson page typography unified. */
html[data-theme] body .tutor-course-spotlight-wrapper,
html[data-theme] body .tutor-course-single-content-wrapper,
html[data-theme] body .tutor-course-topic-single-body,
html[data-theme] body .tutor-course-topic-single-content,
html[data-theme] body .tutor-lesson-content-area,
html[data-theme] body .tutor-course-spotlight-wrapper button,
html[data-theme] body .tutor-course-spotlight-wrapper a{
  font-family:"Tajawal",sans-serif!important;
}

html[data-theme] body [class^="tutor-icon-"],
html[data-theme] body [class*=" tutor-icon-"]{
  font-family:"tutor"!important;
}

@media(max-width:768px){
  .mras-seek-feedback{
    width:62px!important;
    height:62px!important;
    margin-top:-31px!important;
    font-size:19px!important;
  }
  .mras-seek-feedback.is-forward{right:12%!important}
  .mras-seek-feedback.is-back{left:12%!important}
}


/* =========================================================
   v1.0.80 — actual Tutor lesson screen dark mode + black lesson title
   ========================================================= */

/* Tutor lesson pages are not inside .aez-course-page, so target their real shells directly. */
html[data-theme="dark"] body,
html[data-theme="dark"] body.tutor-screen-frontend-dashboard,
html[data-theme="dark"] body.single-lesson,
html[data-theme="dark"] body.single-tutor_quiz,
html[data-theme="dark"] body[class*="tutor"]{
  background:#06110e!important;
  color:#eef5f1!important;
}

/* Main lesson canvas and wide white areas. */
html[data-theme="dark"] body .tutor-course-spotlight-wrapper,
html[data-theme="dark"] body .tutor-course-spotlight-main-content,
html[data-theme="dark"] body .tutor-course-single-content-wrapper,
html[data-theme="dark"] body .tutor-course-topic-single-body,
html[data-theme="dark"] body .tutor-course-topic-single-content,
html[data-theme="dark"] body .tutor-lesson-content-area,
html[data-theme="dark"] body .tutor-course-single-content,
html[data-theme="dark"] body .tutor-course-single-content-wrapper>div,
html[data-theme="dark"] body [class*="tutor-course-spotlight"],
html[data-theme="dark"] body [class*="tutor-course-topic-single"]{
  background:#06110e!important;
  color:#eef5f1!important;
}

/* The top lesson-title strip stays light, and the requested lesson title is BLACK. */
html[data-theme="dark"] body .tutor-course-spotlight-header,
html[data-theme="dark"] body .tutor-course-topic-single-header,
html[data-theme="dark"] body [class*="tutor-course-spotlight-header"],
html[data-theme="dark"] body [class*="topic-single-header"]{
  background:#eef3f0!important;
  border-color:#c9d8d0!important;
  color:#101815!important;
}

html[data-theme="dark"] body .tutor-course-spotlight-header h1,
html[data-theme="dark"] body .tutor-course-spotlight-header h2,
html[data-theme="dark"] body .tutor-course-spotlight-header h3,
html[data-theme="dark"] body .tutor-course-spotlight-header h4,
html[data-theme="dark"] body .tutor-course-spotlight-header h5,
html[data-theme="dark"] body .tutor-course-spotlight-header h6,
html[data-theme="dark"] body .tutor-course-spotlight-header .tutor-fs-5,
html[data-theme="dark"] body .tutor-course-spotlight-header [class*="title"],
html[data-theme="dark"] body .tutor-course-topic-single-header h1,
html[data-theme="dark"] body .tutor-course-topic-single-header h2,
html[data-theme="dark"] body .tutor-course-topic-single-header h3,
html[data-theme="dark"] body .tutor-course-topic-single-header h4,
html[data-theme="dark"] body .tutor-course-topic-single-header h5,
html[data-theme="dark"] body .tutor-course-topic-single-header [class*="title"]{
  color:#101815!important;
  -webkit-text-fill-color:#101815!important;
  font-family:"Tajawal",sans-serif!important;
}

/* Keep buttons/icons in the title strip dark too. */
html[data-theme="dark"] body .tutor-course-spotlight-header a,
html[data-theme="dark"] body .tutor-course-spotlight-header button,
html[data-theme="dark"] body .tutor-course-spotlight-header i,
html[data-theme="dark"] body .tutor-course-topic-single-header a,
html[data-theme="dark"] body .tutor-course-topic-single-header button,
html[data-theme="dark"] body .tutor-course-topic-single-header i{
  color:#101815!important;
  -webkit-text-fill-color:#101815!important;
}

/* Right sidebar and progress area. */
html[data-theme="dark"] body .tutor-course-spotlight-sidebar,
html[data-theme="dark"] body .tutor-course-single-sidebar-wrapper,
html[data-theme="dark"] body .tutor-course-single-sidebar,
html[data-theme="dark"] body [class*="tutor-course-spotlight-sidebar"],
html[data-theme="dark"] body [class*="tutor-course-single-sidebar"]{
  background:#091813!important;
  border-color:#1c352c!important;
  color:#eef5f1!important;
}

html[data-theme="dark"] body .tutor-course-spotlight-sidebar .tutor-card,
html[data-theme="dark"] body .tutor-course-single-sidebar-wrapper .tutor-card,
html[data-theme="dark"] body [class*="tutor-course-progress"]{
  background:#0c2019!important;
  border-color:#1d3a30!important;
  color:#eef5f1!important;
}

/* Curriculum rows */
html[data-theme="dark"] body .tutor-course-topic-item,
html[data-theme="dark"] body .tutor-course-topic-item a,
html[data-theme="dark"] body .tutor-course-content-list-item{
  background:#0c2019!important;
  border-color:#1c3a2f!important;
  color:#fff!important;
}
html[data-theme="dark"] body .tutor-course-topic-item *,
html[data-theme="dark"] body .tutor-course-content-list-item *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Player itself remains black. */
html[data-theme="dark"] body .tutor-video-player,
html[data-theme="dark"] body .tutor-course-video-wrapper,
html[data-theme="dark"] body .tutor-lesson-video-wrap,
html[data-theme="dark"] body .tutor-video-player-wrapper,
html[data-theme="dark"] body .tutor-video-player-container,
html[data-theme="dark"] body .plyr,
html[data-theme="dark"] body .mejs-container,
html[data-theme="dark"] body video,
html[data-theme="dark"] body iframe[src*="youtube"],
html[data-theme="dark"] body iframe[src*="vimeo"]{
  background:#000!important;
}

/* Ensure the giant page-level white panels are eliminated. */
html[data-theme="dark"] body .tutor-wrap,
html[data-theme="dark"] body .tutor-container,
html[data-theme="dark"] body .tutor-row,
html[data-theme="dark"] body main{
  background-color:transparent!important;
}

/* Keep the existing Complete Course hiding rule strong. */
html[data-theme] body .tutor-course-complete-form,
html[data-theme] body .tutor-course-completion-form,
html[data-theme] body .tutor-btn-complete-course,
html[data-theme] body .tutor-btn-mark-complete,
html[data-theme] body .tutor-mark-complete,
html[data-theme] body [class*="complete-course"],
html[data-theme] body [class*="course-complete"]{
  display:none!important;
}


/* =========================================================
   v1.0.81 — lesson-page hard dark fallback
   ========================================================= */
html.mras-lesson-view[data-theme="dark"],
html.mras-lesson-view[data-theme="dark"] body{
  background:#06110e!important;
  color:#eef5f1!important;
}

html.mras-lesson-view[data-theme="dark"] body main,
html.mras-lesson-view[data-theme="dark"] body .tutor-wrap,
html.mras-lesson-view[data-theme="dark"] body .tutor-container,
html.mras-lesson-view[data-theme="dark"] body .tutor-container-fluid,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-spotlight-wrapper,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-spotlight-main-content,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-single-content-wrapper,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-single-content,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-topic-single-body,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-topic-single-content,
html.mras-lesson-view[data-theme="dark"] body .tutor-lesson-content-area{
  background:#06110e!important;
  background-color:#06110e!important;
  color:#eef5f1!important;
}

html.mras-lesson-view[data-theme="dark"] body .tutor-course-single-sidebar-wrapper,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-single-sidebar,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-spotlight-sidebar{
  background:#091813!important;
  background-color:#091813!important;
  color:#fff!important;
  border-color:#1b3b30!important;
}

html.mras-lesson-view[data-theme="dark"] body .tutor-course-spotlight-header,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-topic-single-header{
  background:#f2f5f3!important;
  background-color:#f2f5f3!important;
  color:#101815!important;
}

html.mras-lesson-view[data-theme="dark"] body .tutor-course-spotlight-header *,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-topic-single-header *{
  color:#101815!important;
  -webkit-text-fill-color:#101815!important;
}

html.mras-lesson-view[data-theme="dark"] body .tutor-course-topic-item,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-topic-item a,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-content-list-item,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-single-sidebar-wrapper .tutor-card{
  background:#0b1d17!important;
  background-color:#0b1d17!important;
  color:#fff!important;
  border-color:#1b3b30!important;
}

html.mras-lesson-view[data-theme="dark"] body .tutor-course-topic-item *,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-content-list-item *,
html.mras-lesson-view[data-theme="dark"] body .tutor-course-single-sidebar-wrapper .tutor-card *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

html.mras-lesson-view body .tutor-course-complete-form,
html.mras-lesson-view body .tutor-course-completion-form,
html.mras-lesson-view body .tutor-btn-complete-course,
html.mras-lesson-view body .tutor-btn-mark-complete,
html.mras-lesson-view body .tutor-mark-complete,
html.mras-lesson-view body [class*="complete-course"],
html.mras-lesson-view body [class*="course-complete"]{
  display:none!important;
}


/* =========================================================
   v1.0.82 — double-click/tap seek zones
   ========================================================= */
.mras-video-seek-host{
  position:relative!important;
}
.mras-video-double-zone{
  position:absolute!important;
  z-index:15!important;
  top:0!important;
  bottom:64px!important;
  width:24%!important;
  background:transparent!important;
  border:0!important;
  pointer-events:auto!important;
}
.mras-video-double-zone.is-left{left:0!important}
.mras-video-double-zone.is-right{right:0!important}

html.mras-lesson-view[data-theme="dark"] body{
  background:#06110e!important;
}


/* =========================================================
   v1.0.83 — preserve Light Mode on Tutor lesson pages
   ========================================================= */
html.mras-lesson-view[data-theme="light"],
html.mras-lesson-view[data-theme="light"] body{
  background:#f7f8f7!important;
  color:#173c35!important;
}

html.mras-lesson-view[data-theme="light"] body .tutor-course-spotlight-wrapper,
html.mras-lesson-view[data-theme="light"] body .tutor-course-spotlight-main-content,
html.mras-lesson-view[data-theme="light"] body .tutor-course-single-content-wrapper,
html.mras-lesson-view[data-theme="light"] body .tutor-course-topic-single-body,
html.mras-lesson-view[data-theme="light"] body .tutor-course-topic-single-content,
html.mras-lesson-view[data-theme="light"] body .tutor-lesson-content-area{
  background:#f7f8f7!important;
  color:#173c35!important;
}

html.mras-lesson-view[data-theme="light"] body .tutor-course-single-sidebar-wrapper,
html.mras-lesson-view[data-theme="light"] body .tutor-course-single-sidebar,
html.mras-lesson-view[data-theme="light"] body .tutor-course-spotlight-sidebar{
  background:#fff!important;
  color:#173c35!important;
  border-color:#d7e4db!important;
}

html.mras-lesson-view[data-theme="light"] body .tutor-course-topic-item,
html.mras-lesson-view[data-theme="light"] body .tutor-course-topic-item a,
html.mras-lesson-view[data-theme="light"] body .tutor-course-content-list-item,
html.mras-lesson-view[data-theme="light"] body .tutor-card{
  background:#fff!important;
  color:#173c35!important;
  border-color:#d7e4db!important;
}

html.mras-lesson-view[data-theme="light"] body .tutor-course-topic-item *,
html.mras-lesson-view[data-theme="light"] body .tutor-course-content-list-item *,
html.mras-lesson-view[data-theme="light"] body .tutor-card *{
  color:#173c35!important;
  -webkit-text-fill-color:#173c35!important;
}

/* The lesson title strip remains light in both themes; title stays black. */
html.mras-lesson-view[data-theme="light"] body .tutor-course-spotlight-header,
html.mras-lesson-view[data-theme="light"] body .tutor-course-topic-single-header{
  background:#fff!important;
  color:#101815!important;
  border-color:#d7e4db!important;
}
html.mras-lesson-view[data-theme="light"] body .tutor-course-spotlight-header *,
html.mras-lesson-view[data-theme="light"] body .tutor-course-topic-single-header *{
  color:#101815!important;
  -webkit-text-fill-color:#101815!important;
}

/* v1.0.84 — preserve native video controls */
.mras-video-double-zone{display:none!important;pointer-events:none!important;}


/* v1.0.85 — course pricing controls */
.mras-admin-course-form [data-course-price-field][hidden]{display:none!important;}
.mras-course-price-state{
  display:inline-flex!important;
  align-items:center;
  width:max-content;
  margin-top:5px;
  padding:4px 9px;
  border-radius:999px;
  font-weight:800;
  font-size:12px;
  background:rgba(54,183,112,.12);
  color:var(--mras-admin-accent,#35b874);
}


/* =========================================================
   v1.0.86 — visible Second Secondary branch chooser
   ========================================================= */
.mras-second-branch-chooser{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:0 0 28px;
}
.mras-second-branch-card{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:16px;
  min-height:170px;
  padding:24px;
  border:1px solid var(--mras-page-border,#dbe9df);
  border-radius:22px;
  background:var(--mras-page-surface,#fff);
  color:var(--mras-page-text,#173c35);
  text-decoration:none!important;
  box-shadow:var(--mras-page-shadow,0 14px 38px rgba(9,35,36,.08));
  transition:.2s ease;
}
.mras-second-branch-card:hover{
  transform:translateY(-3px);
  border-color:rgba(68,190,116,.45);
}
.mras-second-branch-icon{
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(55,169,98,.12);
  border:1px solid rgba(55,169,98,.2);
  font-size:28px;
  font-weight:900;
}
.mras-second-branch-card small{
  display:block;
  margin-bottom:5px;
  color:var(--mras-page-muted,#4f846f);
  font-size:12px;
  font-weight:800;
}
.mras-second-branch-card h2{
  margin:0 0 7px;
  font-size:22px;
  line-height:1.45;
  color:var(--mras-page-text,#173c35)!important;
}
.mras-second-branch-card p{
  margin:0;
  color:var(--mras-page-muted,#4f846f)!important;
  font-size:14px;
}
.mras-second-branch-card b{
  grid-column:1/-1;
  color:#35b874;
  font-size:13px;
}
#mras-branch-bac,
#mras-branch-old{
  scroll-margin-top:110px;
}
@media(max-width:720px){
  .mras-second-branch-chooser{grid-template-columns:1fr;gap:12px}
  .mras-second-branch-card{min-height:145px;padding:18px}
  .mras-second-branch-card h2{font-size:19px}
}


/* =========================================================
   v1.0.87 — Second Secondary branch header dark/light fix
   ========================================================= */
html[data-theme="dark"] body .mras-grade-branch-head{
  background:#0b1d17!important;
  border-color:#1d3a30!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
}

html[data-theme="dark"] body .mras-grade-branch-head span{
  color:#8ddaaa!important;
  -webkit-text-fill-color:#8ddaaa!important;
}

html[data-theme="dark"] body .mras-grade-branch-head h2{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

html[data-theme="light"] body .mras-grade-branch-head{
  background:#f5f9f6!important;
  border-color:#edf5ef!important;
}

html[data-theme="light"] body .mras-grade-branch-head span{
  color:#28574c!important;
  -webkit-text-fill-color:#28574c!important;
}

html[data-theme="light"] body .mras-grade-branch-head h2{
  color:#173c35!important;
  -webkit-text-fill-color:#173c35!important;
}


/* =========================================================
   v1.0.88 — show Second Secondary branches on /courses/
   ========================================================= */
.mras-courses-stage-branches{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:18px 0 26px;
}

.mras-courses-stage-branch{
  padding:20px;
  border:1px solid var(--mras-page-border,#dbe9df);
  border-radius:20px;
  background:var(--mras-page-surface,#fff);
  box-shadow:var(--mras-page-shadow,0 12px 30px rgba(0,0,0,.08));
}

.mras-courses-stage-branch-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

.mras-courses-stage-branch-head>span{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  flex:0 0 52px;
  border-radius:15px;
  background:rgba(55,169,98,.13);
  border:1px solid rgba(55,169,98,.20);
  font-size:22px;
  font-weight:900;
}

.mras-courses-stage-branch-head small{
  display:block;
  margin-bottom:3px;
  color:var(--mras-page-muted,#4f846f);
  font-size:11px;
  font-weight:800;
}

.mras-courses-stage-branch-head h3{
  margin:0;
  color:var(--mras-page-text,#173c35)!important;
  -webkit-text-fill-color:var(--mras-page-text,#173c35)!important;
  font-size:20px;
  line-height:1.45;
}

html[data-theme="dark"] body .mras-courses-stage-branch{
  background:#0b1d17!important;
  border-color:#1d3a30!important;
}

html[data-theme="dark"] body .mras-courses-stage-branch-head h3{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

html[data-theme="dark"] body .mras-courses-stage-branch-head small{
  color:#8ddaaa!important;
  -webkit-text-fill-color:#8ddaaa!important;
}

@media(max-width:760px){
  .mras-courses-stage-branches{grid-template-columns:1fr;gap:12px}
  .mras-courses-stage-branch{padding:16px}
  .mras-courses-stage-branch-head h3{font-size:18px}
}


/* =========================================================
   v1.0.89 — better spacing inside course cards
   ========================================================= */

/* Give course-card content enough breathing room. */
html[data-theme] body .aez-course-card .aez-course-card-body{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  padding:20px 18px 17px!important;
}

/* Category/subject badge should never touch the title. */
html[data-theme] body .aez-course-card .aez-course-category,
html[data-theme] body .aez-course-card .aez-card-eyebrow,
html[data-theme] body .aez-course-card .aez-course-tag{
  display:inline-flex!important;
  align-self:flex-start!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 12px!important;
  line-height:1.55!important;
}

/* Clear separation between title and surrounding text. */
html[data-theme] body .aez-course-card .aez-course-card-body h2,
html[data-theme] body .aez-course-card .aez-course-card-body h3{
  margin:0 0 13px!important;
  line-height:1.5!important;
}

/* Description gets its own vertical space. */
html[data-theme] body .aez-course-card .aez-course-excerpt,
html[data-theme] body .aez-course-card .aez-course-card-body>p{
  margin:0 0 18px!important;
  line-height:1.9!important;
}

/* Metadata row should sit away from both description and CTA. */
html[data-theme] body .aez-course-card .aez-course-meta,
html[data-theme] body .aez-course-card .aez-card-meta,
html[data-theme] body .aez-course-card [class*="course-meta"]{
  margin-top:2px!important;
  margin-bottom:17px!important;
}

/* CTA stays clearly separated at the bottom. */
html[data-theme] body .aez-course-card .aez-course-go,
html[data-theme] body .aez-course-card .aez-course-card-body>a:last-child{
  margin-top:auto!important;
}

/* If the card uses loose direct children rather than the standard classes,
   keep a sensible rhythm without altering thumbnail spacing. */
html[data-theme] body .aez-course-card .aez-course-card-body > * + *{
  margin-top:0;
}

@media(max-width:640px){
  html[data-theme] body .aez-course-card .aez-course-card-body{
    padding:18px 16px 15px!important;
  }
  html[data-theme] body .aez-course-card .aez-course-category,
  html[data-theme] body .aez-course-card .aez-card-eyebrow,
  html[data-theme] body .aez-course-card .aez-course-tag{
    margin-bottom:11px!important;
  }
  html[data-theme] body .aez-course-card .aez-course-card-body h2,
  html[data-theme] body .aez-course-card .aez-course-card-body h3{
    margin-bottom:11px!important;
  }
  html[data-theme] body .aez-course-card .aez-course-excerpt,
  html[data-theme] body .aez-course-card .aez-course-card-body>p{
    margin-bottom:16px!important;
  }
}

/* v1.0.8 — typography lock: Tajawal across all visible platform text. */
html,body,
body h1,body h2,body h3,body h4,body h5,body h6,
body p,body a,body button,body input,body select,body textarea,body label,
body li,body table,body th,body td,body blockquote,body small,body strong,
#aez-site-header,.aez-header,.aez-nav,.aez-brand-text,.aez-menu,.aez-actions,
#aez-site-footer,.aez-footer,.site-footer,
.mhi5-hero,.mhi5-hero-copy,.mhi5-featurebar,.mhi5-section-head,.mhi5-grade-card,
.mhi5-course-card,.mhi5-strategy,.mhi5-strategy-inner,.mhi5-strategy-steps,
.mhi5-stats,.mhi5-activation,.mhi5-testimonials,.mhi5-dashboard-preview,.mhi5-faq,
.aez-section,.aez-card,.aez-course-card,.aez-auth,.aez-dashboard,
.woocommerce,.woocommerce-page,.tutor-wrap,.tutor-container,.tutor-dashboard,
.tutor-course-single-content-wrapper,.tutor-course-details-page{
  font-family:"Tajawal",sans-serif!important;
}

/* v1.0.9 — footer WhatsApp contact */
.hossam-footer-whatsapp{display:inline-flex;align-items:center;gap:7px;font-weight:800!important}
.hossam-footer-whatsapp::before{content:"◉";color:#25D366;font-size:1.05em}

/* v1.0.10 — redesigned choose-content / activation section */


/* =========================================================
   v1.0.11 — rebuilt grade/stage pages, mobile-first
   ========================================================= */
html,body{overflow-x:hidden!important}

.hossam-grade-page{
  --hgp-blue:#0b3b82;
  --hgp-blue2:#136fd1;
  --hgp-orange:#ff6a16;
  --hgp-ink:#102b50;
  --hgp-muted:#70839f;
  --hgp-line:#dbe8f6;
  --hgp-soft:#f5f9ff;
  background:#fff;
  color:var(--hgp-ink);
  font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
.hossam-grade-page *{box-sizing:border-box;font-family:inherit!important}
.hgp-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}

.hgp-hero{
  position:relative;
  overflow:hidden;
  padding:32px 0 0;
  background:
    radial-gradient(circle at 12% 24%,rgba(255,106,22,.09),transparent 25%),
    radial-gradient(circle at 82% 22%,rgba(19,111,209,.15),transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 44%,#e9f4ff 100%);
  border-bottom:1px solid #deebf7;
}
.hgp-hero:before{
  content:"";
  position:absolute;inset:0;
  opacity:.35;
  background-image:
    linear-gradient(rgba(11,59,130,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,59,130,.035) 1px,transparent 1px);
  background-size:38px 38px;
  pointer-events:none;
}
.hgp-hero .hgp-shell{
  min-height:330px;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 450px;
  align-items:center;
  gap:42px;
}
.hgp-hero-copy{padding:28px 0 48px}
.hgp-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#c77a00;
  font-weight:900;
  font-size:13px;
  margin-bottom:14px;
}
.hgp-title-row{display:flex;align-items:flex-start;gap:16px}
.hgp-icon{
  flex:0 0 64px;
  width:64px;height:64px;
  display:grid;place-items:center;
  border-radius:20px;
  background:linear-gradient(145deg,#fff3e7,#fff);
  color:var(--hgp-orange);
  font-size:29px;
  box-shadow:0 12px 28px rgba(255,106,22,.13);
  border:1px solid #ffe0c9;
}
.hgp-hero h1{
  margin:0 0 9px;
  font-size:clamp(36px,4.3vw,56px);
  line-height:1.08;
  color:var(--hgp-blue);
  font-weight:1000;
  letter-spacing:-.035em;
}
.hgp-hero p{
  max-width:670px;
  margin:0;
  color:#536d91;
  font-size:15px;
  line-height:1.9;
  font-weight:700;
}
.hgp-hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.hgp-hero-badges span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 13px;
  border-radius:999px;
  background:#fff;
  border:1px solid #d9e7f7;
  color:#315d96;
  font-size:11px;
  font-weight:900;
  box-shadow:0 5px 16px rgba(20,72,139,.05);
}
.hgp-hero-visual{
  align-self:stretch;
  min-height:330px;
  position:relative;
}
.hgp-hero-visual:before{
  content:"";
  position:absolute;
  inset:36px 0 0;
  border-radius:34px 34px 0 0;
  background:
    linear-gradient(180deg,rgba(10,59,128,.06),rgba(10,59,128,.16)),
    url('assets/images/hossam-lab-background-v2.webp') center/cover no-repeat;
  box-shadow:0 24px 55px rgba(12,57,120,.16);
  overflow:hidden;
}
.hgp-hero-visual img{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:auto;
  height:318px;
  max-width:96%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 18px 25px rgba(0,30,72,.22));
}
.hgp-queen{
  position:absolute;
  z-index:4;
  left:24px;
  bottom:26px;
  width:68px;height:68px;
  display:grid;place-items:center;
  border-radius:22px;
  color:#ffb41d;
  font-size:42px;
  background:rgba(7,49,110,.88);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 12px 30px rgba(4,44,101,.25);
}
.hgp-chem-orb{
  position:absolute;
  z-index:2;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(4px);
}
.hgp-chem-orb-a{width:70px;height:70px;right:12px;top:78px}
.hgp-chem-orb-b{width:32px;height:32px;right:88px;top:50px}

.hgp-content{padding:54px 0 72px;background:#fff}
.hgp-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
}
.hgp-section-head span{
  display:block;
  color:var(--hgp-orange);
  font-size:12px;
  font-weight:900;
  margin-bottom:4px;
}
.hgp-section-head h2{
  margin:0;
  color:var(--hgp-blue);
  font-size:31px;
  line-height:1.25;
  font-weight:1000;
}
.hgp-section-head p{
  margin:7px 0 0;
  color:var(--hgp-muted);
  font-size:12px;
  font-weight:700;
}
.hgp-section-head>strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:#edf6ff;
  color:var(--hgp-blue2);
  font-size:12px;
  white-space:nowrap;
}

.hgp-course-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.hgp-course-card{
  overflow:hidden;
  border:1px solid #dce8f5;
  border-radius:21px;
  background:#fff;
  box-shadow:0 13px 35px rgba(20,70,135,.08);
  transition:.22s ease;
}
.hgp-course-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 45px rgba(20,70,135,.13);
}
.hgp-course-image{
  position:relative;
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#eaf3ff;
}
.hgp-course-image img{
  width:100%!important;height:100%!important;
  display:block;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .28s ease;
}
.hgp-course-card:hover .hgp-course-image img{transform:scale(1.025)}
.hgp-course-image>span{
  position:absolute;
  top:13px;right:13px;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:var(--hgp-blue);
  font-size:10px;
  font-weight:900;
  box-shadow:0 5px 16px rgba(8,49,106,.12);
}
.hgp-course-body{padding:18px 18px 16px}
.hgp-course-body h3{
  margin:0 0 8px;
  color:var(--hgp-ink);
  font-size:18px;
  line-height:1.45;
  font-weight:1000;
}
.hgp-course-body>p{
  min-height:48px;
  margin:0 0 18px;
  color:#71829b;
  font-size:12px;
  line-height:1.8;
  font-weight:650;
}
.hgp-course-foot{
  padding-top:13px;
  border-top:1px solid #edf2f8;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.hgp-course-foot>span{color:#95a3b7;font-size:9px;font-weight:800}
.hgp-course-foot>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:39px;
  padding:8px 14px;
  border-radius:11px;
  background:linear-gradient(135deg,#ff741f,#ff5d0a);
  color:#fff!important;
  text-decoration:none!important;
  font-size:11px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(255,98,13,.2);
}
.hgp-course-foot>a b{font-size:16px}

.hgp-empty{
  padding:50px 24px;
  text-align:center;
  border:1px dashed #bdd6ef;
  border-radius:22px;
  background:#f8fbff;
}
.hgp-empty>span{
  display:grid;place-items:center;
  width:70px;height:70px;
  margin:0 auto 14px;
  border-radius:22px;
  background:#fff1e6;
  color:var(--hgp-orange);
  font-size:30px;
}
.hgp-empty h3{margin:0 0 6px;color:var(--hgp-blue);font-size:22px}
.hgp-empty p{margin:0;color:var(--hgp-muted);font-size:12px}

@media(max-width:980px){
  .hgp-hero .hgp-shell{grid-template-columns:minmax(0,1fr) 360px;gap:26px}
  .hgp-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
  .hgp-shell{width:min(100% - 24px,680px)}
  .hgp-hero{padding-top:12px}
  .hgp-hero .hgp-shell{
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:0;
  }
  .hgp-hero-copy{
    width:100%;
    order:2;
    padding:22px 4px 28px;
    text-align:center;
  }
  .hgp-kicker{font-size:11px;margin-bottom:10px}
  .hgp-title-row{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
  }
  .hgp-icon{
    width:54px;height:54px;flex-basis:54px;
    border-radius:17px;font-size:25px;
  }
  .hgp-hero h1{
    font-size:clamp(31px,10vw,42px);
    line-height:1.14;
    letter-spacing:-.02em;
  }
  .hgp-hero p{
    max-width:520px;
    margin-inline:auto;
    font-size:12px;
    line-height:1.75;
  }
  .hgp-hero-badges{
    justify-content:center;
    gap:6px;
    margin-top:16px;
  }
  .hgp-hero-badges span{font-size:9px;min-height:31px;padding:6px 10px}

  .hgp-hero-visual{
    order:1;
    width:100%;
    min-height:290px;
    margin-top:0;
  }
  .hgp-hero-visual:before{
    inset:0;
    border-radius:22px;
    background:
      linear-gradient(180deg,rgba(8,49,110,.08),rgba(8,49,110,.19)),
      url('assets/images/hossam-lab-background-v2.webp') center 30%/cover no-repeat;
  }
  .hgp-hero-visual img{
    height:278px;
    max-width:94%;
    bottom:0;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
  .hgp-queen{
    left:12px;bottom:12px;
    width:52px;height:52px;border-radius:17px;
    font-size:31px;
  }
  .hgp-chem-orb-a{width:50px;height:50px;right:10px;top:18px}
  .hgp-chem-orb-b{right:63px;top:14px}

  .hgp-content{padding:34px 0 50px}
  .hgp-section-head{
    align-items:flex-start;
    margin-bottom:18px;
  }
  .hgp-section-head h2{font-size:25px}
  .hgp-section-head p{font-size:11px}
  .hgp-section-head>strong{font-size:10px;min-height:34px;padding:7px 11px}

  .hgp-course-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .hgp-course-card{
    display:grid;
    grid-template-columns:128px minmax(0,1fr);
    min-height:150px;
    border-radius:18px;
  }
  .hgp-course-image{
    height:100%;
    min-height:150px;
    aspect-ratio:auto;
    border-radius:0;
  }
  .hgp-course-image img{
    object-fit:cover!important;
    object-position:center!important;
  }
  .hgp-course-image>span{
    top:9px;right:9px;
    min-height:26px;
    padding:5px 8px;
    font-size:8px;
  }
  .hgp-course-body{
    min-width:0;
    padding:13px 13px 11px;
    display:flex;
    flex-direction:column;
  }
  .hgp-course-body h3{
    font-size:15px;
    line-height:1.4;
    margin-bottom:5px;
  }
  .hgp-course-body>p{
    min-height:0;
    margin-bottom:9px;
    font-size:10px;
    line-height:1.55;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .hgp-course-foot{
    margin-top:auto;
    padding-top:9px;
    gap:6px;
  }
  .hgp-course-foot>span{display:none}
  .hgp-course-foot>a{
    width:100%;
    min-height:36px;
    padding:7px 10px;
    border-radius:10px;
    font-size:10px;
  }
}

@media(max-width:430px){
  .hgp-shell{width:calc(100% - 20px)}
  .hgp-hero-visual{min-height:255px}
  .hgp-hero-visual img{height:248px;max-width:100%}
  .hgp-hero-copy{padding:18px 2px 24px}
  .hgp-hero h1{font-size:30px}
  .hgp-section-head{display:block}
  .hgp-section-head>strong{margin-top:10px}
  .hgp-course-card{grid-template-columns:112px minmax(0,1fr)}
  .hgp-course-image{min-height:142px}
  .hgp-course-body h3{font-size:14px}
}

@media(max-width:360px){
  .hgp-course-card{
    display:block;
  }
  .hgp-course-image{
    min-height:0;
    aspect-ratio:16/9;
  }
  .hgp-course-body{padding:14px}
}

/* v1.0.12 — homepage mobile menu bar and hero composition fix */


/* =========================================================
   v1.0.13 — password show/hide eye on login/register/reset
   ========================================================= */
body.hossam-auth-page .mras-password-wrap,
body.hossam-auth-page .hossam-password-wrap{
  position:relative!important;
  width:100%!important;
}
body.hossam-auth-page .mras-password-wrap>input,
body.hossam-auth-page .hossam-password-wrap>input{
  width:100%!important;
  padding-inline-end:50px!important;
}
body.hossam-auth-page .mras-password-eye,
body.hossam-auth-page .hossam-password-eye{
  position:absolute!important;
  inset-inline-end:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#6b7f9b!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  box-shadow:none!important;
  z-index:5!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
body.hossam-auth-page .mras-password-eye:hover,
body.hossam-auth-page .hossam-password-eye:hover{
  background:#eef6ff!important;
  color:#0b61cf!important;
}
body.hossam-auth-page .mras-password-eye:active,
body.hossam-auth-page .hossam-password-eye:active{
  transform:translateY(-50%) scale(.94)!important;
}
body.hossam-auth-page .mras-password-eye svg,
body.hossam-auth-page .hossam-password-eye svg{
  width:21px!important;
  height:21px!important;
  display:block!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
body.hossam-auth-page .mras-password-eye[aria-pressed="true"],
body.hossam-auth-page .hossam-password-eye[aria-pressed="true"]{
  color:#ff6a14!important;
  background:#fff4ec!important;
}


/* v1.0.14 — seek controls intentionally sit BELOW the player.
   They never cover or replace Tutor/native player controls. */
.mras-video-seek-host > video,
.mras-video-seek-host > iframe,
.mras-video-seek-host .plyr,
.mras-video-seek-host .mejs-container{
  position:relative!important;
  z-index:1!important;
}
.mras-video-seek-controls{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
}

/* v1.0.15 — footer WhatsApp link updated */

/* v1.0.16 — homepage hero kicker colors + strategy copy update */


/* =========================================================
   v1.0.17 — auth visual overlap fix (teacher image behind text)
   ========================================================= */
body.hossam-auth-page .hossam-auth-visual{
  isolation:isolate!important;
  padding:34px 34px 24px!important;
}
body.hossam-auth-page .hossam-auth-visual .hossam-auth-brand,
body.hossam-auth-page .hossam-auth-visual .hossam-auth-slogan,
body.hossam-auth-page .hossam-auth-visual>p,
body.hossam-auth-page .hossam-auth-feature-row{
  position:relative!important;
  z-index:5!important;
  max-width:min(360px,54%)!important;
}
body.hossam-auth-page .hossam-auth-visual .hossam-auth-slogan{
  margin-top:44px!important;
  font-size:44px!important;
  line-height:1.04!important;
}
body.hossam-auth-page .hossam-auth-visual>p{
  margin-top:12px!important;
  max-width:min(340px,52%)!important;
  line-height:1.7!important;
}
body.hossam-auth-page .hossam-auth-feature-row{
  margin-top:10px!important;
  gap:8px!important;
  max-width:min(370px,56%)!important;
}
body.hossam-auth-page .hossam-auth-feature-row span{
  box-shadow:0 6px 14px rgba(6,48,108,.05)!important;
}
body.hossam-auth-page .hossam-auth-teacher{
  z-index:1!important;
  right:0!important;
  bottom:0!important;
  width:min(60%,420px)!important;
  max-width:60%!important;
  pointer-events:none!important;
}
body.hossam-auth-page .hossam-auth-chess{
  z-index:2!important;
  left:20px!important;
  bottom:18px!important;
}

@media(max-width:980px){
  body.hossam-auth-page .hossam-auth-visual .hossam-auth-brand,
  body.hossam-auth-page .hossam-auth-visual .hossam-auth-slogan,
  body.hossam-auth-page .hossam-auth-visual>p,
  body.hossam-auth-page .hossam-auth-feature-row{max-width:min(360px,64%)!important}
  body.hossam-auth-page .hossam-auth-teacher{width:min(58%,360px)!important;max-width:58%!important}
}

@media(max-width:640px){
  body.hossam-auth-page .hossam-auth-visual{
    min-height:430px!important;
    padding:18px 18px 0!important;
  }
  body.hossam-auth-page .hossam-auth-visual .hossam-auth-brand,
  body.hossam-auth-page .hossam-auth-visual .hossam-auth-slogan,
  body.hossam-auth-page .hossam-auth-visual>p{
    max-width:78%!important;
  }
  body.hossam-auth-page .hossam-auth-visual .hossam-auth-slogan{
    margin-top:14px!important;
    font-size:29px!important;
    line-height:1.07!important;
    padding:12px 14px!important;
  }
  body.hossam-auth-page .hossam-auth-visual>p{
    font-size:10px!important;
    line-height:1.6!important;
    margin-top:8px!important;
  }
  body.hossam-auth-page .hossam-auth-feature-row{display:none!important}
  body.hossam-auth-page .hossam-auth-teacher{
    width:min(68%,290px)!important;
    max-width:68%!important;
    right:-4px!important;
    bottom:0!important;
  }
  body.hossam-auth-page .hossam-auth-chess{font-size:48px!important;left:12px!important;bottom:12px!important}
}


/* =========================================================
   v1.0.18 — Courses hub rebuilt + stage cards + pagination
   ========================================================= */
.hch-page,
.hch-page *{
  box-sizing:border-box;
  font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
.hch-page{
  --hch-blue:#0b3474;
  --hch-blue2:#0d67d8;
  --hch-orange:#ff6b12;
  --hch-orange2:#ff8a28;
  --hch-ink:#0e2f61;
  --hch-muted:#7185a5;
  --hch-line:#dbe8f7;
  --hch-soft:#f6faff;
  color:var(--hch-ink);
  background:#fff;
  overflow:hidden;
}
.hch-shell{
  width:min(1180px,calc(100% - 32px));
  margin-inline:auto;
}

/* Hero */
.hch-hero{
  position:relative;
  overflow:hidden;
  padding:58px 0 52px;
  background:
    radial-gradient(circle at 8% 18%,rgba(255,107,18,.10),transparent 25%),
    radial-gradient(circle at 86% 10%,rgba(13,103,216,.13),transparent 32%),
    linear-gradient(135deg,#fff 0%,#f8fbff 46%,#eaf4ff 100%);
  border-bottom:1px solid #dce9f7;
}
.hch-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.35;
  background-image:
    linear-gradient(rgba(11,52,116,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,52,116,.04) 1px,transparent 1px);
  background-size:34px 34px;
}
.hch-hero-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:42px;
}
.hch-kicker{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 14px;
  border:1px solid #ffd4b8;
  border-radius:999px;
  background:#fff5ed;
  color:var(--hch-orange);
  font-size:12px;
  font-weight:900;
}
.hch-hero h1{
  margin:15px 0 9px;
  color:var(--hch-blue);
  font-size:clamp(38px,5vw,60px);
  line-height:1.1;
  font-weight:1000;
  letter-spacing:-.035em;
}
.hch-hero p{
  max-width:700px;
  margin:0;
  color:#6680a4;
  font-size:15px;
  line-height:1.8;
  font-weight:650;
}
.hch-formula{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:310px;
  justify-content:center;
  padding:19px 22px;
  border:1px solid #d8e6f7;
  border-radius:20px;
  background:rgba(255,255,255,.84);
  box-shadow:0 16px 40px rgba(10,56,120,.08);
  color:#9ab7df;
}
.hch-formula span{font-size:28px;font-weight:900}
.hch-formula b{font-size:30px;color:#e2a915}
.hch-formula i{font-size:27px;font-style:normal;color:#6f9fdb}

/* Stage cards */
.hch-stages{
  padding:26px 0 12px;
  background:#fff;
}
.hch-stage-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.hch-stage-card{
  position:relative;
  min-width:0;
  min-height:126px;
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:19px 18px;
  border:1px solid #dce8f7;
  border-radius:20px;
  background:linear-gradient(145deg,#fff 0%,#f4f9ff 100%);
  color:var(--hch-blue)!important;
  text-decoration:none!important;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(9,62,133,.06);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.hch-stage-card:after{
  content:"";
  position:absolute;
  inset-inline-end:-28px;
  top:-34px;
  width:105px;
  height:105px;
  border-radius:50%;
  background:rgba(13,103,216,.055);
}
.hch-stage-card:hover{
  transform:translateY(-3px);
  border-color:#bcd5f2;
  box-shadow:0 16px 34px rgba(9,62,133,.11);
}
.hch-stage-card-3{
  background:linear-gradient(145deg,#fff 0%,#fff5ea 100%);
  border-color:#ffdcbc;
}
.hch-stage-card-3:after{background:rgba(255,107,18,.075)}
.hch-stage-num{
  display:grid;
  place-items:center;
  width:31px;height:31px;
  flex:0 0 31px;
  border-radius:50%;
  background:#eaf3ff;
  color:#0d67d8;
  font-size:12px;
  font-weight:1000;
}
.hch-stage-card-3 .hch-stage-num{
  background:#fff0e3;
  color:var(--hch-orange);
}
.hch-stage-icon{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:50px;height:50px;
  border-radius:16px;
  background:#fff;
  border:1px solid #e3edf8;
  font-size:24px;
}
.hch-stage-copy{min-width:0}
.hch-stage-copy strong{
  display:block;
  margin-bottom:5px;
  color:var(--hch-blue);
  font-size:17px;
  line-height:1.3;
  font-weight:1000;
}
.hch-stage-card-3 .hch-stage-copy strong{color:#d95c0c}
.hch-stage-copy small{
  display:block;
  overflow:hidden;
  color:#7c8fa9;
  font-size:10px;
  line-height:1.55;
  font-weight:700;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.hch-stage-arrow{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:34px;height:34px;
  border-radius:50%;
  background:#0d67d8;
  color:#fff;
  font-size:16px;
  font-weight:900;
}
.hch-stage-card-3 .hch-stage-arrow{background:var(--hch-orange)}

/* Course listing */
.hch-courses{
  padding:48px 0 70px;
  background:linear-gradient(180deg,#fff,#f8fbff);
}
.hch-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
}
.hch-section-head span{
  color:var(--hch-orange);
  font-size:12px;
  font-weight:900;
}
.hch-section-head h2{
  margin:4px 0 4px;
  color:var(--hch-blue);
  font-size:33px;
  font-weight:1000;
  line-height:1.2;
}
.hch-section-head p{
  margin:0;
  color:#7387a7;
  font-size:12px;
}
.hch-section-head>b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:#edf6ff;
  color:#0d67d8;
  font-size:11px;
  white-space:nowrap;
}
.hch-course-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.hch-course-card{
  overflow:hidden;
  border:1px solid #dce8f6;
  border-radius:19px;
  background:#fff;
  box-shadow:0 12px 30px rgba(12,64,130,.07);
}
.hch-course-image{
  position:relative;
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#eaf3ff;
}
.hch-course-image img{
  width:100%!important;
  height:100%!important;
  display:block;
  object-fit:cover!important;
  object-position:center!important;
}
.hch-course-image>span{
  position:absolute;
  top:12px;right:12px;
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#0b3474;
  font-size:9px;
  font-weight:900;
}
.hch-course-body{padding:17px}
.hch-course-body h3{
  margin:0 0 7px;
  color:#12366d;
  font-size:17px;
  line-height:1.45;
  font-weight:1000;
}
.hch-course-body p{
  min-height:44px;
  margin:0 0 15px;
  color:#71839f;
  font-size:11px;
  line-height:1.75;
}
.hch-course-go{
  width:100%;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:11px;
  background:linear-gradient(135deg,#ff721c,#ff5d0b);
  color:#fff!important;
  text-decoration:none!important;
  font-size:11px;
  font-weight:900;
}
.hch-course-go b{font-size:16px}

/* Pagination */
.hch-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  margin-top:32px;
}
.hch-pagination .page-numbers{
  min-width:40px;
  height:40px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d8e6f7;
  border-radius:11px;
  background:#fff;
  color:#315b91!important;
  text-decoration:none!important;
  font-size:11px;
  font-weight:900;
  box-shadow:0 5px 14px rgba(8,58,125,.04);
}
.hch-pagination .page-numbers.current{
  background:#0d67d8;
  border-color:#0d67d8;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(13,103,216,.20);
}
.hch-pagination .page-numbers:hover:not(.current){
  border-color:#a9c8eb;
  background:#f5f9ff;
}
.hch-empty{
  padding:40px;
  text-align:center;
  border:1px dashed #bad2ed;
  border-radius:18px;
  background:#f8fbff;
  color:#657e9f;
  font-weight:800;
}

/* Tablet/mobile */
@media(max-width:900px){
  .hch-hero-inner{grid-template-columns:1fr;gap:24px}
  .hch-formula{justify-self:stretch;min-width:0}
  .hch-stage-grid{grid-template-columns:1fr}
  .hch-stage-card{min-height:104px}
  .hch-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .hch-shell{width:calc(100% - 22px)}
  .hch-hero{padding:34px 0 32px}
  .hch-hero h1{font-size:34px;line-height:1.15}
  .hch-hero p{font-size:12px}
  .hch-formula{
    gap:10px;
    padding:13px 12px;
    border-radius:15px;
  }
  .hch-formula span{font-size:20px}
  .hch-formula b{font-size:22px}
  .hch-formula i{font-size:21px}

  .hch-stages{padding:18px 0 8px}
  .hch-stage-grid{gap:10px}
  .hch-stage-card{
    grid-template-columns:auto auto minmax(0,1fr) auto;
    gap:10px;
    min-height:92px;
    padding:14px 12px;
    border-radius:16px;
  }
  .hch-stage-num{width:27px;height:27px;font-size:10px}
  .hch-stage-icon{width:43px;height:43px;border-radius:14px;font-size:20px}
  .hch-stage-copy strong{font-size:14px;margin-bottom:3px}
  .hch-stage-copy small{font-size:9px}
  .hch-stage-arrow{width:30px;height:30px;font-size:14px}

  .hch-courses{padding:32px 0 50px}
  .hch-section-head{align-items:flex-start}
  .hch-section-head h2{font-size:27px}
  .hch-section-head>b{min-height:34px;padding:7px 10px;font-size:9px}

  .hch-course-grid{grid-template-columns:1fr;gap:12px}
  .hch-course-card{
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    min-height:142px;
    border-radius:16px;
  }
  .hch-course-image{
    aspect-ratio:auto;
    height:100%;
    min-height:142px;
  }
  .hch-course-body{
    min-width:0;
    padding:12px;
    display:flex;
    flex-direction:column;
  }
  .hch-course-body h3{font-size:14px;margin-bottom:5px}
  .hch-course-body p{
    min-height:0;
    margin-bottom:9px;
    font-size:9.5px;
    line-height:1.55;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .hch-course-go{
    margin-top:auto;
    min-height:35px;
    font-size:9.5px;
    border-radius:9px;
  }
  .hch-course-image>span{top:8px;right:8px;font-size:8px;padding:4px 7px}
  .hch-pagination{margin-top:24px;gap:5px}
  .hch-pagination .page-numbers{min-width:36px;height:36px;padding:0 9px;border-radius:9px;font-size:10px}
}
@media(max-width:360px){
  .hch-course-card{grid-template-columns:105px minmax(0,1fr)}
  .hch-stage-num{display:none}
}

/* v1.0.19 */
html:has(body.home.admin-bar),html:has(body.front-page.admin-bar){margin-top:0!important}
body.home.admin-bar,body.front-page.admin-bar{margin-top:0!important}
body.home #wpadminbar,body.front-page #wpadminbar{display:none!important}
body.home.admin-bar #aez-site-header.aez-header.hossam-shell-header,body.front-page.admin-bar #aez-site-header.aez-header.hossam-shell-header{top:0!important}
#aez-site-header .mras-header-login,#aez-site-header .mras-desktop-logout,#aez-site-header .hossam-ghost-btn{color:#075dcc!important;background:#fff!important;border-color:#8fbaf0!important}
#aez-site-header .mras-header-login:hover,#aez-site-header .mras-desktop-logout:hover,#aez-site-header .hossam-ghost-btn:hover{color:#064da8!important;background:#f2f7ff!important}
body.home .site-main,body.front-page .site-main{margin-top:0!important}

/* v1.0.20 — desktop header RTL order: logo right, menu center, actions left */

/* v1.0.21 — auth visual brand removed */

/* v1.0.22 — login page redesign and duplicate menu login fix */


/* v1.0.23 — controlled platform navigation, no legacy WP/WooCommerce menu */
@media(min-width:701px){
  #aez-site-header .aez-menu .aez-menu-mobile-only{display:none!important}
}
@media(max-width:700px){
  #aez-site-header .aez-menu .aez-menu-mobile-only{display:flex!important}
}


/* =========================================================
   v1.0.24 — logged-in header action visibility fix
   ========================================================= */
@media(min-width:701px){
  #aez-site-header .aez-actions{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    visibility:visible!important;
    opacity:1!important;
  }

  #aez-site-header .aez-actions .mras-desktop-logout{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:122px!important;
    height:41px!important;
    padding:0 15px!important;
    border:1px solid #8fbaf0!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#075dcc!important;
    -webkit-text-fill-color:#075dcc!important;
    font-family:"Tajawal",system-ui,sans-serif!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    text-indent:0!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
    visibility:visible!important;
    opacity:1!important;
    box-shadow:none!important;
  }

  #aez-site-header .aez-actions .mras-desktop-logout:hover{
    background:#f2f7ff!important;
    border-color:#6ca3e5!important;
    color:#064da8!important;
    -webkit-text-fill-color:#064da8!important;
  }

  #aez-site-header .aez-actions .aez-header-cta{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:92px!important;
    height:41px!important;
    padding:0 15px!important;
    border-radius:10px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
}

/* v1.0.25 — strategy section mobile spacing and duplicate queen fix */

/* v1.0.26 — removed smart student dashboard section, FAQ remains */

/* v1.0.27 — dedicated mobile menu with platform pages only */

/* v1.0.28 — regenerated mobile auth hero asset and mobile positioning fix */

/* v1.0.29 — centered mobile menu icon */

/* v1.0.30 — removed courses/classes tab from header menus */


/* =========================================================
   v1.0.31 — grade content labels + course card title/thumbnail fix
   ========================================================= */
.hossam-grade-page .hgp-course-card{
  background:#fff!important;
}

.hossam-grade-page .hgp-course-image{
  background:#f5f8fc!important;
  aspect-ratio:16/9!important;
}

.hossam-grade-page .hgp-course-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  transform:none!important;
}

.hossam-grade-page .hgp-course-card:hover .hgp-course-image img{
  transform:none!important;
}

.hossam-grade-page .hgp-course-body{
  display:block!important;
  background:#fff!important;
}

.hossam-grade-page .hgp-course-body h3{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 0 8px!important;
  color:#102f66!important;
  -webkit-text-fill-color:#102f66!important;
  font-family:"Tajawal",system-ui,sans-serif!important;
  font-size:18px!important;
  font-weight:1000!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

.hossam-grade-page .hgp-course-body>p{
  color:#71829b!important;
}

@media(max-width:720px){
  .hossam-grade-page .hgp-course-card{
    display:block!important;
    min-height:0!important;
  }

  .hossam-grade-page .hgp-course-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    border-radius:0!important;
  }

  .hossam-grade-page .hgp-course-image img{
    object-fit:contain!important;
    object-position:center!important;
  }

  .hossam-grade-page .hgp-course-body{
    display:block!important;
    padding:14px 14px 13px!important;
  }

  .hossam-grade-page .hgp-course-body h3{
    font-size:16px!important;
    line-height:1.45!important;
    margin-bottom:6px!important;
  }

  .hossam-grade-page .hgp-course-body>p{
    display:block!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    min-height:0!important;
    font-size:10.5px!important;
    line-height:1.65!important;
  }

  .hossam-grade-page .hgp-course-foot{
    margin-top:12px!important;
  }
}

@media(max-width:430px){
  .hossam-grade-page .hgp-course-body h3{
    font-size:15px!important;
  }
}


/* =========================================================
   v1.0.32 — no custom seek buttons; keyboard/click seek only
   ========================================================= */
.mras-video-seek-controls,
.mras-video-double-zone{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

.mhi-seek-feedback{
  position:absolute!important;
  top:42%!important;
  z-index:9999!important;
  min-width:48px!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.68)!important;
  color:#fff!important;
  font-family:"Tajawal",sans-serif!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  pointer-events:none!important;
  opacity:0!important;
  transform:translateY(-50%) scale(.88)!important;
  transition:opacity .15s ease,transform .15s ease!important;
}
.mhi-seek-feedback.is-forward{right:18%!important}
.mhi-seek-feedback.is-back{left:18%!important}
.mhi-seek-feedback.is-visible{
  opacity:1!important;
  transform:translateY(-50%) scale(1)!important;
}
@media(max-width:640px){
  .mhi-seek-feedback{
    min-width:42px!important;
    height:42px!important;
    font-size:13px!important;
  }
  .mhi-seek-feedback.is-forward{right:11%!important}
  .mhi-seek-feedback.is-back{left:11%!important}
}