/* منصة الرياضيات */
:root{--ma-p:#4f46e5;--ma-p2:#7c3aed;--ma-a:#f59e0b;--ma-t:#0f766e;--ma-bg:#f6f7fb;--ma-card:#fff;--ma-txt:#1e1b3a;--ma-dim:#5b5f7a;--ma-line:#e6e7f2;--ma-ok:#16a34a;--ma-no:#dc2626;--ma-r:18px}
body.ma-body h1,body.ma-body h2,body.ma-body h3,body.ma-body h4{color:var(--ma-txt)!important;font-family:'Tajawal',system-ui,sans-serif!important}
body.ma-body .mh-art h3{color:var(--ma-p)!important}
body.ma-body .mh-stage h3,body.ma-body .mh-banner h2{color:#fff!important}
body.ma-body{background:var(--ma-bg)!important;margin:0;font-family:'Tajawal',system-ui,sans-serif;color:var(--ma-txt);direction:rtl}
.ma-body *{box-sizing:border-box}
.ma-body a{color:var(--ma-p)}
.ma-wrap{max-width:1160px;margin:0 auto;padding:0 18px}

/* header */
.ma-top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--ma-line)}
.admin-bar .ma-top{top:32px}
.ma-top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px}
.ma-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ma-txt)!important}
.ma-logo-ic{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--ma-p),var(--ma-p2));color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 8px 20px rgba(79,70,229,.35)}
.ma-logo b{display:block;font-size:18px;font-weight:900;line-height:1.2}
.ma-logo small{color:var(--ma-dim);font-size:12px}
.ma-nav{display:flex;align-items:center;gap:4px}
.ma-nav a{text-decoration:none;color:var(--ma-txt);font-weight:600;padding:8px 12px;border-radius:10px;font-size:15px}
.ma-nav a:hover{background:#eef0ff;color:var(--ma-p)}
.ma-nav .ma-nav-acc{color:var(--ma-p)}
.ma-burger{display:none;border:0;background:#eef0ff;color:var(--ma-p);font-size:22px;width:44px;height:44px;border-radius:12px;cursor:pointer}

/* buttons */
.ma-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:14px;padding:12px 22px;font-weight:800;font-size:15.5px;cursor:pointer;text-decoration:none!important;font-family:inherit;transition:.2s}
.ma-btn:hover{transform:translateY(-2px)}
.ma-btn-p{background:linear-gradient(135deg,var(--ma-p),var(--ma-p2));color:#fff!important;box-shadow:0 10px 24px rgba(79,70,229,.3)}
.ma-nav .ma-btn-p{color:#fff!important;padding:10px 18px}
.ma-btn-w{background:#25d366;color:#fff!important;box-shadow:0 10px 24px rgba(37,211,102,.3)}
.ma-btn-g{background:#fff;color:var(--ma-txt)!important;border:1px solid var(--ma-line)}
.ma-btn-a{background:var(--ma-a);color:#2b1a00!important}
.ma-btn-lg{padding:16px 28px;font-size:17px}
.ma-btn:disabled{opacity:.6;cursor:wait;transform:none}
.ma-sm{padding:7px 12px;font-size:13px;border-radius:10px}
.ma-w{width:100%}
.ma-link{background:none;border:0;color:var(--ma-no);cursor:pointer;font-family:inherit;font-size:13px}

/* landing sections */
.mh-hero{background:radial-gradient(900px 420px at 90% -10%,rgba(124,58,237,.18),transparent 60%),radial-gradient(700px 380px at 0% 110%,rgba(79,70,229,.14),transparent 60%),#fff;border-bottom:1px solid var(--ma-line);padding:64px 0 54px}
.mh-hero-g{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.mh-kicker{display:inline-block;background:#eef0ff;color:var(--ma-p);border-radius:99px;padding:6px 16px;font-weight:800;font-size:14px;margin-bottom:14px}
.mh-hero h1{font-size:clamp(30px,4.6vw,50px);font-weight:900;line-height:1.3;margin:0 0 14px;color:var(--ma-txt)}
.mh-hero h1 span{background:linear-gradient(135deg,var(--ma-p),var(--ma-p2));-webkit-background-clip:text;background-clip:text;color:transparent}
.mh-hero p.sub{font-size:18px;color:var(--ma-dim);line-height:1.9;margin:0 0 22px}
.mh-cta{display:flex;gap:10px;flex-wrap:wrap}
.mh-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.mh-badges span{background:#fff;border:1px solid var(--ma-line);border-radius:99px;padding:6px 14px;font-size:14px;font-weight:600}
.mh-hero-img{border-radius:26px;overflow:hidden;box-shadow:0 30px 60px rgba(30,27,58,.18);border:1px solid var(--ma-line)}
.mh-hero-img img{display:block;width:100%;height:auto}
.mh-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:-28px auto 0;position:relative}
.mh-trust div{background:#fff;border:1px solid var(--ma-line);border-radius:16px;padding:16px;text-align:center;box-shadow:0 10px 26px rgba(30,27,58,.06)}
.mh-trust b{display:block;font-size:22px;color:var(--ma-p);font-weight:900}
.mh-trust span{color:var(--ma-dim);font-size:14px}
.mh-sec{padding:64px 0}
.mh-sec.alt{background:#fff;border-top:1px solid var(--ma-line);border-bottom:1px solid var(--ma-line)}
.mh-head{text-align:center;max-width:760px;margin:0 auto 30px}
.mh-head h2,.mh-art h2{font-size:clamp(24px,3.4vw,34px);font-weight:900;margin:0 0 10px;line-height:1.4;color:var(--ma-txt)}
.mh-head p{color:var(--ma-dim);font-size:17px;line-height:1.9;margin:0}
.mh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.mh-card{background:#fff;border:1px solid var(--ma-line);border-radius:var(--ma-r);padding:22px;transition:.2s}
.mh-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(30,27,58,.08);border-color:#c7c9f5}
.mh-card .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:#eef0ff;margin-bottom:12px}
.mh-card h3{margin:0 0 8px;font-size:19px;font-weight:800;color:var(--ma-txt)}
.mh-card p{margin:0 0 10px;color:var(--ma-dim);line-height:1.8}
.mh-card a{font-weight:800;text-decoration:none}
.mh-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mh-stage{border-radius:var(--ma-r);padding:22px;color:#fff}
.mh-stage:nth-child(1){background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.mh-stage:nth-child(2){background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
.mh-stage:nth-child(3){background:linear-gradient(135deg,#f59e0b,#ea580c)}
.mh-stage h3{margin:0 0 8px;font-size:21px;font-weight:900;color:#fff}
.mh-stage ul{margin:0;padding:0 18px 0 0;line-height:1.9}
.mh-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:s}
.mh-step{background:#fff;border:1px solid var(--ma-line);border-radius:var(--ma-r);padding:26px 18px 18px;position:relative;text-align:center}
.mh-step:before{counter-increment:s;content:counter(s);position:absolute;top:-16px;right:50%;transform:translateX(50%);width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--ma-p),var(--ma-p2));color:#fff;font-weight:900;display:grid;place-items:center}
.mh-step h3{margin:0 0 6px;font-size:17px}
.mh-step p{margin:0;color:var(--ma-dim);font-size:15px;line-height:1.7}
.mh-art{max-width:860px;margin:0 auto;font-size:17px;line-height:2;color:#2c2f4a}
.mh-art h3{font-size:21px;margin:24px 0 8px;color:var(--ma-p)}
.mh-art ul{padding-right:22px}
.mh-art li{margin-bottom:6px}
.mh-art figure{margin:26px 0}
.mh-art figure img{width:100%;height:auto;border-radius:18px;border:1px solid var(--ma-line);display:block}
.mh-art figcaption{text-align:center;color:var(--ma-dim);font-size:14px;margin-top:6px}
.mh-art table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;margin:14px 0;font-size:15.5px}
.mh-art th{background:#eef0ff;color:var(--ma-p);padding:12px;text-align:right}
.mh-art td{padding:12px;border-bottom:1px solid var(--ma-line)}
.mh-toc{background:#fff;border:1px solid var(--ma-line);border-radius:var(--ma-r);padding:18px 22px;max-width:1160px;margin:30px auto 0}
.mh-toc b{color:var(--ma-p)}
.mh-toc ol{columns:2;margin:8px 0 0;padding-right:20px}
.mh-toc a{text-decoration:none;color:var(--ma-txt)}
.mh-faq{max-width:860px;margin:0 auto}
.mh-faq details{background:#fff;border:1px solid var(--ma-line);border-radius:14px;margin-bottom:10px;padding:0 18px}
.mh-faq summary{cursor:pointer;padding:16px 0;font-weight:800;list-style:none;display:flex;justify-content:space-between}
.mh-faq summary::-webkit-details-marker{display:none}
.mh-faq summary:after{content:'+';color:var(--ma-p);font-size:22px;line-height:1}
.mh-faq details[open] summary:after{content:'−'}
.mh-faq p{margin:0 0 14px;color:var(--ma-dim);line-height:1.9}
.mh-banner{background:linear-gradient(135deg,var(--ma-p),var(--ma-p2));color:#fff;border-radius:26px;padding:42px 26px;text-align:center}
.mh-banner h2{color:#fff;margin:0 0 8px;font-size:30px;font-weight:900}
.mh-banner p{color:#e0e7ff;margin:0 0 18px}
.mh-banner .mh-cta{justify-content:center}
.mh-banner .ma-btn-g{background:rgba(255,255,255,.14);color:#fff!important;border-color:rgba(255,255,255,.3)}

/* packages (shortcode) */
.ma-pkcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.ma-pkcard{background:#fff;border:1px solid var(--ma-line);border-radius:var(--ma-r);padding:20px;display:flex;flex-direction:column;gap:6px}
.ma-pkcard.hot{border:2px solid var(--ma-p);box-shadow:0 16px 34px rgba(79,70,229,.14);position:relative}
.ma-pkcard.hot:before{content:'الأكثر طلباً';position:absolute;top:-12px;right:16px;background:var(--ma-a);color:#2b1a00;font-weight:800;font-size:12px;border-radius:99px;padding:3px 10px}
.ma-pkcard h3{margin:0;font-size:19px}
.ma-pkcard p{margin:0;color:var(--ma-dim);font-size:14.5px;line-height:1.7;flex:1}
.ma-pkcard .meta{font-size:13px;color:var(--ma-dim)}
.ma-pkcard .pr{font-size:20px;font-weight:900;color:var(--ma-p)}

/* app boxes (booking/test/auth/dashboard) */
.ma-app{max-width:880px;margin:36px auto 60px;padding:0 18px}
.ma-app>h1{font-size:clamp(26px,4vw,38px);font-weight:900;margin:0 0 6px;text-align:center}
.ma-app>p.lead{text-align:center;color:var(--ma-dim);margin:0 0 22px;font-size:17px}
.ma-booking,.ma-test,.ma-auth,.ma-dash{background:#fff;border:1px solid var(--ma-line);border-radius:24px;padding:24px;box-shadow:0 20px 50px rgba(30,27,58,.07)}
.ma-loading{text-align:center;color:var(--ma-dim);padding:40px}
.ma-steps{display:flex;gap:6px;list-style:none;margin:0 0 20px;padding:0}
.ma-steps li{flex:1;text-align:center;font-size:13.5px;color:var(--ma-dim);font-weight:700;border-bottom:3px solid var(--ma-line);padding-bottom:8px}
.ma-steps li span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ma-line);margin-left:6px;font-size:12px}
.ma-steps li.on{color:var(--ma-p);border-color:var(--ma-p)}.ma-steps li.on span{background:var(--ma-p);color:#fff}
.ma-steps li.done{color:var(--ma-ok);border-color:var(--ma-ok)}.ma-steps li.done span{background:var(--ma-ok);color:#fff}
.ma-wbody h3{margin:0 0 14px;font-size:20px}
.ma-wbody h3 small{color:var(--ma-dim);font-weight:500;font-size:13px}
.ma-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:16px}
.ma-choices.big{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.ma-choice,.ma-pkg,.ma-day,.ma-slot,.ma-opt{border:2px solid var(--ma-line);background:#fff;border-radius:14px;padding:14px;cursor:pointer;font-family:inherit;font-size:15.5px;font-weight:700;color:var(--ma-txt);text-align:center;transition:.15s}
.ma-choice small{display:block;color:var(--ma-dim);font-weight:500;font-size:13px;margin-top:4px}
.ma-choice:hover,.ma-pkg:hover,.ma-day:hover,.ma-slot:hover,.ma-opt:hover{border-color:#c7c9f5}
.ma-choice.on,.ma-pkg.on,.ma-day.on,.ma-slot.on,.ma-opt.on{border-color:var(--ma-p);background:#eef0ff;color:var(--ma-p)}
.ma-pkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.ma-pkg{display:flex;flex-direction:column;gap:4px;text-align:right}
.ma-pkg span{font-weight:500;color:var(--ma-dim);font-size:14px}
.ma-pkg small{color:var(--ma-dim);font-weight:500}
.ma-pkg em{font-style:normal;color:var(--ma-p);font-weight:900}
.ma-days{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px}
.ma-day{min-width:92px;display:flex;flex-direction:column;gap:2px}
.ma-day small{color:var(--ma-dim);font-weight:500}
.ma-day em{font-style:normal;font-size:12px;color:var(--ma-ok)}
.ma-day.off{opacity:.45}
.ma-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.ma-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ma-body label{display:block;font-weight:700;font-size:14.5px;margin-bottom:12px}
.ma-body input:not([type=checkbox]),.ma-body select,.ma-body textarea{display:block;width:100%;margin-top:6px;border:1.5px solid var(--ma-line);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:16px;background:#fff;color:var(--ma-txt)}
.ma-body input:focus,.ma-body select:focus,.ma-body textarea:focus{outline:0;border-color:var(--ma-p);box-shadow:0 0 0 4px rgba(79,70,229,.12)}
.ma-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.ma-note{color:var(--ma-dim);font-size:14.5px;background:#f7f7fd;border-radius:12px;padding:10px 12px;margin:10px 0}
.ma-sum{background:#f7f7fd;border:1px dashed #c7c9f5;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;font-size:15px}
.ma-wnav{display:flex;justify-content:space-between;align-items:center;margin-top:18px}
.ma-msg{margin:12px 0 0;padding:10px 14px;border-radius:12px;font-weight:700}
.ma-msg.err{background:#fef2f2;color:var(--ma-no)}
.ma-msg.ok{background:#f0fdf4;color:var(--ma-ok)}
.ma-done{text-align:center;padding:16px}
.ma-done-ic{font-size:54px}
.ma-done h3{font-size:26px;margin:6px 0}
.ma-done .ma-btn{margin:6px}
.ma-empty{color:var(--ma-dim)}

/* test */
.ma-qhead{display:flex;justify-content:space-between;color:var(--ma-dim);font-size:14px;margin-bottom:8px}
.ma-bar{height:8px;background:var(--ma-line);border-radius:99px;overflow:hidden;margin-bottom:18px}
.ma-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ma-p),var(--ma-p2))}
.ma-q{font-size:22px;line-height:1.7;margin:0 0 16px}
.ma-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ma-opt{font-size:19px;padding:16px}
.ma-res{display:flex;gap:22px;align-items:center;flex-wrap:wrap;background:#f7f7fd;border-radius:18px;padding:18px;margin-bottom:16px}
.ma-ring{--p:50;width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--ma-p) calc(var(--p)*1%),#e6e7f2 0);display:grid;place-items:center;flex:none}
.ma-ring b{width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;color:var(--ma-p)}
.ma-res>div:last-child{flex:1;min-width:240px}
.ma-lv{display:inline-block;background:var(--ma-a);color:#2b1a00;border-radius:99px;padding:3px 12px;font-weight:800;font-size:13px}
.ma-res h3{margin:6px 0}
.ma-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ma-review{padding-right:20px;line-height:1.8}
.ma-review li{margin-bottom:8px}
.ma-review li span{display:block}
.ma-review li.ok b{color:var(--ma-ok)}.ma-review li.no b{color:var(--ma-no)}

/* auth & dashboard */
.ma-auth{max-width:460px;margin:0 auto}
.ma-tabs{display:flex;background:#f1f2fb;border-radius:14px;padding:4px;margin-bottom:18px}
.ma-tabs button{flex:1;border:0;background:transparent;border-radius:11px;padding:10px;font-family:inherit;font-weight:800;font-size:15px;cursor:pointer;color:var(--ma-dim)}
.ma-tabs button.on{background:#fff;color:var(--ma-p);box-shadow:0 4px 12px rgba(30,27,58,.08)}
.ma-dash-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.ma-dash-head h2{margin:0;font-size:26px}
.ma-dash-head p{margin:2px 0 0;color:var(--ma-dim)}
.ma-dash-actions{display:flex;gap:8px}
.ma-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.ma-stat{background:#f7f7fd;border-radius:16px;padding:14px}
.ma-stat span{color:var(--ma-dim);font-size:13.5px;font-weight:700}
.ma-stat b{display:block;font-size:20px;color:var(--ma-p);margin:4px 0}
.ma-stat small{color:var(--ma-dim)}
.ma-box{border:1px solid var(--ma-line);border-radius:18px;padding:16px 18px;margin-bottom:14px}
.ma-box h3{margin:0 0 10px;font-size:18px}
.ma-soon{background:linear-gradient(135deg,#eef0ff,#faf5ff)}
.ma-list{list-style:none;margin:0;padding:0}
.ma-list li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--ma-line)}
.ma-list li>div{flex:1;min-width:180px}
.ma-list b{display:block}
.ma-list small{color:var(--ma-dim)}
.ma-badge{border-radius:8px;padding:3px 10px;font-size:12.5px;font-weight:800}
.ma-badge.pending{background:#fef3c7;color:#92400e}.ma-badge.confirmed{background:#dcfce7;color:#166534}.ma-badge.done{background:#e0e7ff;color:#3730a3}.ma-badge.cancelled{background:#fee2e2;color:#991b1b}
.ma-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* footer */
.ma-foot{background:#1e1b3a;color:#c9cbe6;margin-top:40px;padding:44px 0 20px}
.ma-foot-in{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.ma-foot b{display:block;color:#fff;font-size:17px;margin-bottom:8px}
.ma-foot a{display:block;color:#c9cbe6!important;text-decoration:none;margin-bottom:6px}
.ma-foot p{margin:0;line-height:1.9}
.ma-copy{text-align:center;margin:26px 0 0;font-size:13px;color:#8e91b3}
.ma-float{position:fixed;bottom:20px;left:20px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:26px;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.25);z-index:60}

@media(max-width:960px){
	.ma-burger{display:block}
	.ma-nav{display:none;position:absolute;top:70px;right:0;left:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 18px 18px;border-bottom:1px solid var(--ma-line);box-shadow:0 20px 30px rgba(30,27,58,.1)}
	.ma-nav.open{display:flex}
	.mh-hero-g{grid-template-columns:1fr}
	.mh-trust{grid-template-columns:repeat(2,1fr);margin-top:20px}
	.mh-stages,.mh-steps{grid-template-columns:1fr 1fr}
	.ma-foot-in{grid-template-columns:1fr}
}
@media(max-width:640px){
	.admin-bar .ma-top{top:0}
	.mh-stages,.mh-steps,.ma-row2,.ma-cards3,.ma-grid2{grid-template-columns:1fr}
	.ma-opts{grid-template-columns:1fr}
	.mh-toc ol{columns:1}
	.ma-booking,.ma-test,.ma-auth,.ma-dash{padding:16px;border-radius:18px}
	.ma-steps li{font-size:0}.ma-steps li span{margin:0;font-size:12px}
}
.ma-note.ma-warn{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.ma-dash-head .ma-badge{margin-left:6px}