/* Miaa100 Student Space Pro 5.7.2 — قاعدة التوافق وواجهة تسجيل الدخول */
:root { --m100-navy:#10213d; --m100-deep:#152c62; --m100-blue:#3568f0; --m100-violet:#7055ed; --m100-sky:#47b5ee; --m100-mint:#16ba83; --m100-bg:#f5f7fe; --m100-card:#fff; --m100-line:#dfe7f6; --m100-muted:#6e7f9a; --m100-shadow:0 22px 62px rgba(25,51,108,.12); }
body.miaa100-pro-portal { background:var(--m100-bg)!important; color:var(--m100-navy); }
body.miaa100-pro-portal #masthead, body.miaa100-pro-portal .site-header { display:none!important; }
body.miaa100-pro-portal .site-content, body.miaa100-pro-portal .ast-container, body.miaa100-pro-portal .entry-content, body.miaa100-pro-portal .site-main { max-width:none!important; margin:0!important; padding:0!important; }
body.miaa100-pro-portal button[aria-label^="Cart Button"] { display:none!important; }
body.miaa100-pro-portal .m100-pro, body.miaa100-pro-portal .m100-pro * { box-sizing:border-box; }
.m100-pro { min-height:100vh; overflow:hidden; background:linear-gradient(180deg,#f7f9ff 0%,#f4f7fe 72%,#eef3ff 100%); font-family:Tajawal,Arial,sans-serif; }
.m100-pro a { text-decoration:none; }
.m100-pro__header { position:relative; z-index:4; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; max-width:1360px; margin:18px auto 0; padding:11px 15px 11px 19px; border:1px solid rgba(206,218,246,.92); border-radius:21px; background:rgba(255,255,255,.86); box-shadow:0 10px 34px rgba(54,81,146,.08); backdrop-filter:blur(16px); }
.m100-pro__brand,.m100-pro-footer__brand { display:inline-flex; align-items:center; gap:10px; color:var(--m100-navy); width:max-content; }
.m100-pro__brand img,.m100-pro-footer__brand img { width:47px; height:47px; object-fit:contain; border-radius:14px; }
.m100-pro__brand span,.m100-pro-footer__brand span { display:grid; gap:1px; line-height:1; }
.m100-pro__brand strong,.m100-pro-footer__brand strong { font-size:20px; letter-spacing:-.7px; }
.m100-pro__brand small,.m100-pro-footer__brand small { font-weight:700; font-size:11px; color:#6d7d95; }
.m100-pro__nav { display:flex; align-items:center; justify-content:center; gap:26px; white-space:nowrap; }
.m100-pro__nav a { color:#667790; font-weight:800; font-size:14px; transition:.2s ease; }
.m100-pro__nav a:hover,.m100-pro__nav a.is-current { color:var(--m100-blue); }
.m100-pro__nav a.is-current { background:#eff3ff; padding:9px 13px; border-radius:11px; }
.m100-pro__account { display:flex; justify-content:flex-end; align-items:center; gap:8px; }
.m100-pro__account a { display:inline-flex; min-height:39px; align-items:center; justify-content:center; padding:0 12px; color:#52637e; border-radius:11px; font-size:13px; font-weight:900; }
.m100-pro__account a:hover { background:#eef3ff; color:var(--m100-blue); }
.m100-pro__account .m100-pro__account-primary { padding:0 15px; color:white; background:linear-gradient(135deg,#386cf2,#6747df); box-shadow:0 8px 16px rgba(53,104,240,.22); }
.m100-pro__main { max-width:1360px; margin:0 auto; padding:36px 0 64px; }
.m100-pro__notice { max-width:1180px; margin:0 auto 19px; padding:14px 18px; color:#1c5c4b; border:1px solid #c9eee0; border-radius:14px; background:#effbf6; font-weight:800; }

/* صفحة الدخول وإنشاء الحساب */
.m100-pro-auth { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr); min-height:650px; overflow:hidden; border:1px solid #dce6f9; border-radius:34px; background:white; box-shadow:var(--m100-shadow); }
.m100-pro-auth__hero { position:relative; min-height:650px; padding:80px 8.5% 60px; color:white; overflow:hidden; background:radial-gradient(circle at 72% 22%,rgba(91,184,255,.65),transparent 0 25%),radial-gradient(circle at 18% 92%,rgba(132,88,245,.6),transparent 0 29%),linear-gradient(135deg,#0d2450 0%,#1d479a 48%,#5d51ed 100%); }
.m100-pro-auth__hero:before,.m100-pro-auth__hero:after { content:""; position:absolute; border-radius:999px; border:1px solid rgba(255,255,255,.14); pointer-events:none; }
.m100-pro-auth__hero:before { width:420px; height:420px; top:-218px; left:-120px; box-shadow:0 0 0 52px rgba(255,255,255,.04),0 0 0 104px rgba(255,255,255,.03); }
.m100-pro-auth__hero:after { width:290px; height:290px; right:-115px; bottom:-120px; box-shadow:0 0 0 42px rgba(255,255,255,.035); }
.m100-pro-auth__hero > * { position:relative; z-index:1; }
.m100-pro-auth__hero > span,.m100-pro-dash-hero__copy > span { display:inline-flex; align-items:center; min-height:30px; padding:0 10px; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:rgba(255,255,255,.12); font-size:12px; font-weight:900; }
.m100-pro-auth__hero h1 { max-width:530px; margin:27px 0 17px; font-size:clamp(38px,4.2vw,66px); line-height:1.14; letter-spacing:-2px; }
.m100-pro-auth__hero p { max-width:560px; margin:0; color:rgba(255,255,255,.79); font-size:17px; font-weight:600; line-height:2; }
.m100-pro-auth__points { display:grid; gap:13px; margin:39px 0 33px; }
.m100-pro-auth__points b { display:flex; align-items:center; gap:10px; color:#f7fbff; font-size:14px; }
.m100-pro-auth__points i { display:inline-grid; width:22px; height:22px; place-items:center; border-radius:50%; background:rgba(102,230,187,.25); color:#8ff4ca; font-style:normal; }
.m100-pro-auth__mini { display:grid; grid-template-columns:repeat(3,1fr); max-width:610px; border:1px solid rgba(255,255,255,.17); border-radius:18px; background:rgba(7,22,58,.16); backdrop-filter:blur(8px); }
.m100-pro-auth__mini span { display:grid; gap:5px; padding:15px 11px; text-align:center; color:#d9e6ff; font-size:11px; font-weight:800; }
.m100-pro-auth__mini span + span { border-right:1px solid rgba(255,255,255,.13); }
.m100-pro-auth__mini strong { color:#fff; font-size:24px; }
.m100-pro-auth__card { align-self:center; width:min(100%,500px); margin:0 auto; padding:40px 9%; }
.m100-pro-auth__tabs { display:grid; grid-template-columns:1fr 1fr; padding:5px; border:1px solid #e5ebf8; border-radius:15px; background:#f6f8fd; }
.m100-pro-auth__tabs a { min-height:45px; display:grid; place-items:center; color:#74839a; border-radius:10px; font-size:14px; font-weight:900; }
.m100-pro-auth__tabs a.is-active { color:var(--m100-deep); background:white; box-shadow:0 6px 17px rgba(36,57,111,.09); }
.m100-pro-form { display:grid; gap:15px; margin-top:31px; }
.m100-pro-form__eyebrow { color:var(--m100-blue); font-size:12px; font-weight:900; }
.m100-pro-form h2 { margin:-6px 0 -8px; color:var(--m100-navy); font-size:27px; line-height:1.3; letter-spacing:-.8px; }
.m100-pro-form > p { margin:0 0 8px; color:var(--m100-muted); font-size:13px; line-height:1.8; }
.m100-pro-form label:not(.m100-pro-form__check) { display:grid; gap:7px; color:#40536f; font-size:13px; font-weight:900; }
.m100-pro-form input[type="text"],.m100-pro-form input[type="email"],.m100-pro-form input[type="password"] { width:100%; height:52px; padding:0 14px; color:var(--m100-navy); outline:0; border:1px solid #dfe7f5; border-radius:13px; background:#fbfcff; font-family:inherit; font-size:15px; transition:.2s ease; }
.m100-pro-form input:focus { border-color:#7fa1ff; background:white; box-shadow:0 0 0 4px rgba(53,104,240,.1); }
.m100-pro-form__check { display:flex; align-items:center; gap:7px; color:#74839a; font-size:12px; font-weight:800; cursor:pointer; }
.m100-pro-form__check input { accent-color:var(--m100-blue); }
.m100-pro-form button,.m100-pro-lesson button,.m100-pro-notes button { min-height:53px; display:flex; align-items:center; justify-content:center; gap:10px; padding:0 20px; color:white; border:0; border-radius:13px; background:linear-gradient(135deg,#3568f0,#6849df); box-shadow:0 12px 23px rgba(53,104,240,.25); font-family:inherit; font-size:15px; font-weight:900; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease; }
.m100-pro-form button:hover,.m100-pro-lesson button:hover,.m100-pro-notes button:hover { transform:translateY(-2px); box-shadow:0 16px 29px rgba(53,104,240,.32); }
.m100-pro-form button b,.m100-pro-dash-hero__copy a b,.m100-pro-upgrade a b,.m100-pro-help a b { font-size:19px; }
.m100-pro-form__minor { justify-self:center; color:#5871ad; font-size:12px; font-weight:900; }
.m100-pro-form__help { padding:10px 12px; color:#71819a; border-radius:11px; background:#f5f8ff; font-size:11px!important; line-height:1.7!important; }
.m100-pro-form__trap { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

/* لوحة الطالب */
.m100-pro-dash-hero { position:relative; display:grid; grid-template-columns:1fr minmax(260px,340px); gap:32px; align-items:center; min-height:260px; overflow:hidden; padding:44px 6%; color:white; border-radius:31px; background:radial-gradient(circle at 83% 15%,rgba(111,174,255,.46),transparent 0 17%),radial-gradient(circle at 18% 90%,rgba(110,80,237,.55),transparent 0 22%),linear-gradient(120deg,#0f2858,#204ea8 58%,#584ee4); box-shadow:0 22px 48px rgba(28,64,146,.19); }
.m100-pro-dash-hero__grid { position:absolute; inset:0; opacity:.17; background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(90deg,transparent 0%,#000 40%,transparent 100%); }
.m100-pro-dash-hero__copy,.m100-pro-dash-hero__status { position:relative; z-index:1; }
.m100-pro-dash-hero__copy h1 { margin:18px 0 10px; font-size:clamp(35px,4vw,55px); letter-spacing:-1.8px; }
.m100-pro-dash-hero__copy p { max-width:630px; margin:0 0 23px; color:rgba(255,255,255,.78); font-weight:600; font-size:15px; }
.m100-pro-dash-hero__copy a { display:inline-flex; min-height:42px; align-items:center; gap:8px; padding:0 14px; color:#173a7b; border-radius:12px; background:white; font-size:13px; font-weight:900; box-shadow:0 9px 18px rgba(5,26,79,.2); }
.m100-pro-dash-hero__status { display:grid; gap:10px; padding:24px; border:1px solid rgba(255,255,255,.22); border-radius:20px; background:rgba(7,23,65,.22); box-shadow:inset 0 1px 0 rgba(255,255,255,.1); backdrop-filter:blur(8px); }
.m100-pro-dash-hero__status span { color:#c2d5ff; font-size:11px; font-weight:900; }
.m100-pro-dash-hero__status strong { font-size:16px; line-height:1.65; }
.m100-pro-dash-hero__status a { width:max-content; margin-top:3px; color:#fff; border-bottom:1px solid rgba(255,255,255,.55); font-size:12px; font-weight:900; }
.m100-pro-stats { display:grid; grid-template-columns:1fr 1.1fr 1.2fr; gap:16px; margin-top:18px; }
.m100-pro-stats article { min-height:206px; padding:23px; overflow:hidden; border:1px solid #dfe7f6; border-radius:22px; background:rgba(255,255,255,.9); box-shadow:0 12px 29px rgba(38,60,111,.06); }
.m100-pro-stats article > span,.m100-pro-section__heading > span,.m100-pro-upgrade span,.m100-pro-buyer-roadmap span,.m100-pro-notes > span,.m100-pro-help > span { display:block; color:var(--m100-blue); font-size:12px; font-weight:900; }
.m100-pro-stats article:first-child { display:grid; grid-template-columns:104px 1fr; grid-template-rows:1fr auto; column-gap:16px; align-items:center; }
.m100-pro-ring { position:relative; grid-row:span 2; width:98px; height:98px; display:grid; place-items:center; border-radius:50%; background:conic-gradient(var(--m100-blue) calc(var(--m100-progress) * 1%),#e8eefb 0); }
.m100-pro-ring:before { content:""; position:absolute; width:76px; height:76px; border-radius:50%; background:white; }
.m100-pro-ring b { position:relative; z-index:1; color:var(--m100-navy); font-size:19px; }
.m100-pro-stats article:first-child small { grid-column:2; }
.m100-pro-stats small { align-self:end; color:#8592a6; font-size:11px; line-height:1.65; font-weight:700; }
.m100-pro-goal-text { display:block; margin:13px 0 18px; color:var(--m100-navy); font-size:30px; letter-spacing:-1px; }
.m100-pro-goal-options { display:flex; gap:8px; margin-bottom:15px; }
.m100-pro-goal-options button { width:37px; height:37px; color:#52657f; border:1px solid #dce5f5; border-radius:11px; background:#f8faff; font-family:inherit; font-weight:900; cursor:pointer; }
.m100-pro-goal-options button:hover,.m100-pro-goal-options button.is-active { color:white; border-color:transparent; background:linear-gradient(135deg,#3b6ff1,#6b4be3); box-shadow:0 8px 17px rgba(53,104,240,.22); }
.m100-pro-activity { display:grid; grid-template-rows:auto 1fr auto; }
.m100-pro-bars { display:flex; align-items:end; justify-content:space-between; gap:8px; height:98px; margin:14px 0 9px; padding:0 5px; }
.m100-pro-bars i { position:relative; flex:1; height:calc(var(--m100-height) * 1%); min-height:10px; border-radius:7px 7px 3px 3px; background:linear-gradient(180deg,#70b6ff,#3c65e8); box-shadow:0 6px 13px rgba(53,104,240,.16); }
.m100-pro-bars i:nth-child(2n) { background:linear-gradient(180deg,#9a82ff,#674bdd); }
.m100-pro-bars b { position:absolute; top:calc(100% + 7px); right:50%; color:#8a97a9; font-style:normal; font-size:10px; transform:translateX(50%); }
.m100-pro-section { margin-top:59px; }
.m100-pro-section__heading { max-width:740px; margin-bottom:23px; }
.m100-pro-section__heading h2 { margin:8px 0 8px; color:var(--m100-navy); font-size:33px; letter-spacing:-1.3px; }
.m100-pro-section__heading p { margin:0; color:#71819a; font-size:14px; line-height:1.9; }
.m100-pro-lessons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.m100-pro-lesson { position:relative; min-height:244px; display:flex; flex-direction:column; overflow:hidden; padding:21px; border:1px solid #dfe7f6; border-radius:21px; background:rgba(255,255,255,.95); box-shadow:0 12px 26px rgba(31,51,98,.05); transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease; }
.m100-pro-lesson:hover { transform:translateY(-5px); border-color:#b9caf5; box-shadow:0 20px 38px rgba(31,58,125,.12); }
.m100-pro-lesson.is-complete { border-color:#bcebd8; background:linear-gradient(135deg,#fff,#f4fffa); }
.m100-pro-lesson__top { display:flex; justify-content:space-between; align-items:center; gap:12px; position:relative; z-index:1; }
.m100-pro-lesson__top span { color:#7890bb; font-size:11px; font-weight:900; }
.m100-pro-lesson__top i { padding:6px 8px; color:#2f69df; border-radius:999px; background:#edf3ff; font-size:10px; font-style:normal; font-weight:900; }
.m100-pro-lesson__number { position:absolute; top:33px; left:16px; color:rgba(44,88,204,.07); font-size:72px; font-weight:900; line-height:1; letter-spacing:-7px; }
.m100-pro-lesson h3 { position:relative; z-index:1; margin:30px 0 8px; color:var(--m100-navy); font-size:19px; line-height:1.45; }
.m100-pro-lesson p { position:relative; z-index:1; margin:0; color:#7a899f; font-size:12px; line-height:1.85; }
.m100-pro-lesson__actions { position:relative; z-index:1; display:flex; gap:8px; align-items:center; margin-top:auto; padding-top:17px; }
.m100-pro-lesson__actions a,.m100-pro-lesson__actions button { min-height:38px; display:inline-flex; align-items:center; justify-content:center; padding:0 10px; border-radius:10px; font-size:11px; font-weight:900; }
.m100-pro-lesson__actions a { color:#3c64ca; border:1px solid #dfe8f8; background:#f8faff; }
.m100-pro-lesson__actions button { flex:1; color:#3d62c5; border:1px solid #d7e2f7; background:#eef3ff; box-shadow:none; }
.m100-pro-lesson__actions button:hover { color:white; border-color:transparent; background:linear-gradient(135deg,#386bf0,#6649df); box-shadow:0 8px 15px rgba(53,104,240,.2); }
.m100-pro-lesson.is-complete .m100-pro-lesson__actions button { color:#087c59; border-color:#bcebd8; background:#eafff5; }
.m100-pro-empty { min-height:224px; display:grid; place-items:center; padding:25px; text-align:center; border:1px dashed #c9d7f0; border-radius:22px; background:rgba(255,255,255,.58); }
.m100-pro-empty div { display:grid; justify-items:center; gap:9px; max-width:480px; }
.m100-pro-empty i { display:grid; width:50px; height:50px; place-items:center; color:#446ee6; border-radius:16px; background:#ecf2ff; font-size:22px; font-style:normal; }
.m100-pro-empty strong { color:var(--m100-navy); font-size:17px; }
.m100-pro-empty span { color:#7d8ca3; font-size:12px; line-height:1.8; }
.m100-pro-upgrade,.m100-pro-buyer-roadmap { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:24px; padding:28px 34px; overflow:hidden; border:1px solid #d8e3fb; border-radius:24px; background:linear-gradient(112deg,#eef4ff,#fbfcff 58%,#f0edff); }
.m100-pro-upgrade h2,.m100-pro-buyer-roadmap h2 { margin:7px 0; color:var(--m100-navy); font-size:24px; letter-spacing:-.8px; }
.m100-pro-upgrade p,.m100-pro-buyer-roadmap p { max-width:720px; margin:0; color:#72829c; font-size:13px; line-height:1.8; }
.m100-pro-upgrade > a { min-width:190px; min-height:47px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 17px; color:white; border-radius:13px; background:linear-gradient(135deg,#3568f0,#674add); box-shadow:0 12px 23px rgba(53,104,240,.22); font-size:13px; font-weight:900; }
.m100-pro-buyer-roadmap { position:relative; color:white; border:0; background:radial-gradient(circle at 88% 17%,rgba(117,190,255,.35),transparent 0 15%),linear-gradient(118deg,#13295a,#2b53b8 58%,#624ee9); }
.m100-pro-buyer-roadmap span,.m100-pro-buyer-roadmap h2 { color:white; }
.m100-pro-buyer-roadmap p { color:#d8e4ff; }
.m100-pro-buyer-roadmap__dots { display:flex; align-items:end; gap:9px; height:75px; min-width:160px; direction:ltr; }
.m100-pro-buyer-roadmap__dots i { width:16px; height:var(--m100-dot-height,24px); border-radius:8px 8px 2px 2px; background:linear-gradient(180deg,#97d9ff,#7b66ff); box-shadow:0 5px 12px rgba(0,0,0,.2); }
.m100-pro-buyer-roadmap__dots i:nth-child(1){--m100-dot-height:24px}.m100-pro-buyer-roadmap__dots i:nth-child(2){--m100-dot-height:39px}.m100-pro-buyer-roadmap__dots i:nth-child(3){--m100-dot-height:50px}.m100-pro-buyer-roadmap__dots i:nth-child(4){--m100-dot-height:68px}.m100-pro-buyer-roadmap__dots i:nth-child(5){--m100-dot-height:75px}
.m100-pro-quizzes { display:grid; gap:16px; }
.m100-pro-quiz { display:grid; grid-template-columns:minmax(260px,.38fr) 1fr; gap:28px; padding:26px; border:1px solid #dfe7f6; border-radius:23px; background:white; box-shadow:0 12px 27px rgba(31,51,98,.05); }
.m100-pro-quiz__head span { color:#456de2; font-size:12px; font-weight:900; }
.m100-pro-quiz__head h3 { margin:10px 0 8px; color:var(--m100-navy); font-size:23px; }
.m100-pro-quiz__head p { margin:0; color:#75849a; font-size:13px; line-height:1.8; }
.m100-pro-quiz__form { min-width:0; padding:15px; border-radius:14px; background:#f7f9ff; }
.m100-pro-bottom-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:16px; margin-top:59px; }
.m100-pro-notes,.m100-pro-help { padding:29px; border:1px solid #dfe7f6; border-radius:23px; background:white; box-shadow:0 12px 27px rgba(31,51,98,.05); }
.m100-pro-notes h2,.m100-pro-help h2 { margin:8px 0 8px; color:var(--m100-navy); font-size:24px; letter-spacing:-.9px; }
.m100-pro-notes > p,.m100-pro-help > p { margin:0; color:#74839a; font-size:13px; line-height:1.8; }
.m100-pro-notes form { display:grid; gap:11px; margin-top:19px; }
.m100-pro-notes textarea { width:100%; min-height:130px; resize:vertical; padding:14px; color:var(--m100-navy); outline:0; border:1px solid #dce6f7; border-radius:14px; background:#fbfcff; font-family:inherit; font-size:13px; line-height:1.85; }
.m100-pro-notes textarea:focus { border-color:#7fa1ff; background:white; box-shadow:0 0 0 4px rgba(53,104,240,.1); }
.m100-pro-notes form > div { display:flex; align-items:center; gap:12px; }
.m100-pro-notes button { min-height:42px; padding:0 14px; font-size:12px; }
.m100-pro-notes small { color:#178664; font-size:12px; font-weight:800; }
.m100-pro-help { position:relative; overflow:hidden; color:white; border:0; background:linear-gradient(145deg,#15336e,#3568df); }
.m100-pro-help:after { content:"?"; position:absolute; top:-27px; left:14px; color:rgba(255,255,255,.09); font-size:176px; font-weight:900; }
.m100-pro-help > * { position:relative; z-index:1; }
.m100-pro-help > span,.m100-pro-help h2 { color:white; }
.m100-pro-help > p { color:#d9e4ff; }
.m100-pro-help a { display:inline-flex; align-items:center; gap:7px; min-height:42px; margin-top:22px; padding:0 13px; color:#21427f; border-radius:11px; background:white; font-size:12px; font-weight:900; }

/* قسم مساحة الطالب في الرئيسية */
.m100-pro-home-student { position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr); gap:36px; max-width:1280px; margin:72px auto; padding:54px 6%; overflow:hidden; color:white; border-radius:31px; background:radial-gradient(circle at 84% 21%,rgba(79,177,255,.48),transparent 0 17%),radial-gradient(circle at 21% 96%,rgba(109,75,234,.55),transparent 0 24%),linear-gradient(120deg,#102852,#2450ac 58%,#5e4ce6); box-shadow:0 23px 54px rgba(35,69,150,.2); }
.m100-pro-home-student > * { position:relative; z-index:1; }
.m100-pro-home-student__orb { position:absolute; border:1px solid rgba(255,255,255,.18); border-radius:50%; pointer-events:none; }
.m100-pro-home-student__orb--one { width:330px; height:330px; top:-220px; left:-95px; box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.025); }
.m100-pro-home-student__orb--two { width:210px; height:210px; bottom:-145px; right:36%; }
.m100-pro-home-student__copy > span { display:inline-flex; min-height:29px; align-items:center; padding:0 10px; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:rgba(255,255,255,.1); font-size:12px; font-weight:900; }
.m100-pro-home-student h2 { margin:19px 0 12px; color:white; font-size:42px; line-height:1.25; letter-spacing:-1.7px; }
.m100-pro-home-student p { max-width:660px; margin:0; color:#dbe6ff; line-height:1.95; font-size:15px; }
.m100-pro-home-student__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
.m100-pro-home-student__actions a { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 15px; border-radius:12px; font-size:13px; font-weight:900; }
.m100-pro-home-student__actions a:first-child { color:#21417d; background:white; box-shadow:0 9px 18px rgba(9,27,78,.18); }
.m100-pro-home-student__actions a:last-child { color:white; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.1); }
.m100-pro-home-student__data { display:grid; grid-template-columns:1fr; gap:9px; align-content:center; }
.m100-pro-home-student__data article { display:grid; grid-template-columns:43px 1fr; gap:0 11px; align-items:center; padding:13px 15px; border:1px solid rgba(255,255,255,.18); border-radius:16px; background:rgba(9,29,83,.2); backdrop-filter:blur(9px); }
.m100-pro-home-student__data i { grid-row:span 2; display:grid; width:38px; height:38px; place-items:center; color:#fff; border-radius:12px; background:linear-gradient(135deg,#63b6ff,#8261f2); font-style:normal; font-size:17px; font-weight:900; }
.m100-pro-home-student__data b { font-size:14px; }.m100-pro-home-student__data small { color:#d7e5ff; font-size:10px; font-weight:700; }
.m100-pro-mobile-student { display:none; }

/* التذييل */
.m100-pro-footer { margin-top:0; padding:53px max(6%,20px) 29px; color:#d5e0ff; background:#10213d; }
.m100-pro-footer__grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:60px; max-width:1360px; margin:0 auto; }
.m100-pro-footer__brand { color:white; }.m100-pro-footer__brand small { color:#9eb1d6; }
.m100-pro-footer p { max-width:410px; color:#9db0d3; line-height:1.9; font-size:13px; }
.m100-pro-footer__cta { display:inline-flex; min-height:42px; align-items:center; padding:0 13px; color:white; border-radius:11px; background:linear-gradient(135deg,#386cf1,#674bdf); font-size:12px; font-weight:900; }
.m100-pro-footer h3 { margin:7px 0 17px; color:white; font-size:15px; }
.m100-pro-footer__grid > div:not(:first-child) { display:grid; align-content:start; gap:11px; }
.m100-pro-footer__grid > div:not(:first-child) a { color:#aebfdc; font-size:12px; font-weight:700; }.m100-pro-footer__grid > div:not(:first-child) a:hover { color:white; }
.m100-pro-footer__bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:11px 20px; max-width:1360px; margin:38px auto 0; padding-top:19px; color:#8194ba; border-top:1px solid rgba(255,255,255,.12); font-size:11px; }

@media (max-width:1400px) { .m100-pro__header,.m100-pro__main { margin-right:18px; margin-left:18px; }.m100-pro-home-student { margin-right:18px; margin-left:18px; } }
@media (max-width:920px) { .m100-pro__header { grid-template-columns:1fr auto; }.m100-pro__nav { order:3; grid-column:1/-1; justify-content:flex-start; padding-top:5px; border-top:1px solid #edf1f9; overflow:auto; }.m100-pro-auth { grid-template-columns:1fr; }.m100-pro-auth__hero { min-height:auto; padding:55px 7%; }.m100-pro-auth__card { width:min(100%,560px); padding:37px 7% 48px; }.m100-pro-dash-hero,.m100-pro-home-student { grid-template-columns:1fr; }.m100-pro-dash-hero__status { max-width:440px; }.m100-pro-stats { grid-template-columns:1fr 1fr; }.m100-pro-stats .m100-pro-activity { grid-column:1/-1; }.m100-pro-lessons { grid-template-columns:repeat(2,minmax(0,1fr)); }.m100-pro-bottom-grid { grid-template-columns:1fr; }.m100-pro-footer__grid { grid-template-columns:1fr 1fr; }.m100-pro-footer__grid > div:first-child { grid-column:1/-1; } }
@media (max-width:650px) { .m100-pro { background:#f6f8fe; }.m100-pro__header { grid-template-columns:minmax(0,1fr) auto; gap:7px; margin:10px 11px 0; padding:9px 10px; border-radius:16px; }.m100-pro__brand img { width:35px; height:35px; }.m100-pro__brand strong { font-size:15px; }.m100-pro__brand small { display:none; }.m100-pro__nav { display:none; }.m100-pro__account { gap:4px; }.m100-pro__account a { min-height:35px; padding:0 8px; font-size:11px; }.m100-pro__account a:first-child { display:none; }.m100-pro__main { margin:0 11px; padding:18px 0 45px; }.m100-pro-auth { min-height:auto; border-radius:23px; }.m100-pro-auth__hero { padding:39px 25px 31px; }.m100-pro-auth__hero h1 { margin:18px 0 12px; font-size:38px; letter-spacing:-1.2px; }.m100-pro-auth__hero p { font-size:13px; line-height:1.9; }.m100-pro-auth__points { gap:9px; margin:25px 0; }.m100-pro-auth__points b { font-size:12px; }.m100-pro-auth__mini { grid-template-columns:1fr 1fr 1fr; }.m100-pro-auth__mini strong { font-size:19px; }.m100-pro-auth__mini span { padding:11px 4px; font-size:9px; }.m100-pro-auth__card { padding:25px 18px 31px; }.m100-pro-form { gap:13px; margin-top:25px; }.m100-pro-form h2 { font-size:24px; }.m100-pro-dash-hero { min-height:0; gap:21px; padding:29px 22px; border-radius:22px; }.m100-pro-dash-hero__copy h1 { margin:14px 0 7px; font-size:33px; }.m100-pro-dash-hero__copy p { font-size:13px; line-height:1.8; }.m100-pro-dash-hero__status { padding:17px; border-radius:15px; }.m100-pro-stats { grid-template-columns:1fr; gap:11px; margin-top:11px; }.m100-pro-stats .m100-pro-activity { grid-column:auto; }.m100-pro-stats article { min-height:176px; padding:19px; border-radius:18px; }.m100-pro-section { margin-top:42px; }.m100-pro-section__heading h2 { font-size:28px; }.m100-pro-section__heading p { font-size:12px; }.m100-pro-lessons { grid-template-columns:1fr; }.m100-pro-lesson { min-height:218px; }.m100-pro-upgrade,.m100-pro-buyer-roadmap { display:grid; gap:18px; margin-top:14px; padding:22px; border-radius:20px; }.m100-pro-upgrade h2,.m100-pro-buyer-roadmap h2 { font-size:21px; }.m100-pro-upgrade > a { width:100%; }.m100-pro-buyer-roadmap__dots { height:55px; }.m100-pro-quiz { grid-template-columns:1fr; gap:16px; padding:20px; border-radius:20px; }.m100-pro-bottom-grid { gap:11px; margin-top:42px; }.m100-pro-notes,.m100-pro-help { padding:22px; border-radius:20px; }.m100-pro-home-student { gap:23px; margin:48px 12px; padding:31px 21px; border-radius:24px; }.m100-pro-home-student h2 { margin:15px 0 9px; font-size:30px; letter-spacing:-1px; }.m100-pro-home-student p { font-size:13px; }.m100-pro-home-student__data { grid-template-columns:1fr; }.m100-pro-home-student__actions a { flex:1; padding:0 9px; font-size:12px; }.m100-pro-footer { padding:39px 21px 25px; }.m100-pro-footer__grid { grid-template-columns:1fr; gap:27px; }.m100-pro-footer__grid > div:first-child { grid-column:auto; }.m100-pro-footer__bottom { margin-top:28px; }.m100-pro-mobile-student { display:inline-flex!important; min-height:37px; align-items:center; justify-content:center; padding:0 9px; color:#315ee0!important; border:1px solid #cdd9fb; border-radius:10px; background:#f2f5ff; font-size:12px; font-weight:900; white-space:nowrap; }.m100-nav { grid-template-columns:minmax(0,1fr) auto auto!important; gap:7px!important; }.m100-nav > nav { display:none!important; }.m100-nav .m100-brand { min-width:0!important; }.m100-nav .m100-brand strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px!important; }.m100-nav .m100-brand small { display:none!important; }.m100-nav .m100-nav-cta { min-height:37px!important; padding:0 11px!important; border-radius:10px!important; font-size:0!important; }.m100-nav .m100-nav-cta b { display:none!important; }.m100-nav .m100-nav-cta:after { content:"احجز"; font-size:12px; font-weight:900; } }
@media (prefers-reduced-motion:reduce) { .m100-pro *, .m100-pro-home-student * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* تحسينات الصفحة الرئيسية والآيباد — مستمرة في الإصدار 3.1.0 */
.m100-pro-card-student-feature { margin:12px 0 0; padding:10px 12px; color:#244a9b; border:1px solid #d9e4ff; border-radius:11px; background:#f4f7ff; font-size:12px; font-weight:800; line-height:1.8; }
@media (min-width:651px) and (max-width:1366px) and (hover:none) {
  .m100-pro-mobile-student { display:inline-flex!important; min-height:39px; align-items:center; justify-content:center; padding:0 12px; color:#315ee0!important; border:1px solid #cdd9fb; border-radius:11px; background:#f2f5ff; font-size:12px; font-weight:900; white-space:nowrap; }
  .m100-nav { grid-template-columns:minmax(0,1fr) auto auto!important; gap:9px!important; }
  .m100-nav > nav { display:none!important; }
}

/* تحكم الصفحة الرئيسية — الإصدار 3.1.0 */
[data-m100-student-feature="1"] { line-height:1.8; }
.m100-pro-managed-step-text { margin-top:8px; line-height:1.9; }
#m100-pro-debug-panel { position:fixed; z-index:999999; right:16px; bottom:16px; display:grid; gap:5px; min-width:220px; padding:14px 16px; color:#fff; border-radius:14px; background:rgba(16,33,61,.95); box-shadow:0 14px 36px rgba(15,33,70,.3); font-family:Tajawal,Arial,sans-serif; font-size:12px; }
#m100-pro-debug-panel b { margin-bottom:3px; font-size:13px; }
#m100-pro-debug-panel span { color:#dbe6ff; }


/* الأسئلة الشائعة في الصفحة الرئيسية — الإصدار 3.3.0 */
.m100-pro-home-faq { max-width:1360px; margin:82px auto 34px; padding:0 max(6%,20px); color:#14213d; font-family:Tajawal,Arial,sans-serif; }
.m100-pro-home-faq__heading { max-width:760px; margin:0 auto 31px; text-align:center; }
.m100-pro-home-faq__heading > span { display:inline-flex; min-height:30px; align-items:center; padding:0 11px; color:#315ee0; border:1px solid #dbe5ff; border-radius:999px; background:#f5f8ff; font-size:12px; font-weight:900; }
.m100-pro-home-faq__heading h2 { margin:15px 0 9px; color:#10213d; font-size:40px; line-height:1.3; letter-spacing:-1.4px; }
.m100-pro-home-faq__heading p { margin:0; color:#6b7890; font-size:14px; line-height:1.9; }
.m100-pro-home-faq__columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
.m100-pro-home-faq__column { display:grid; gap:11px; }
.m100-pro-home-faq__item { overflow:hidden; border:1px solid #e1e7f2; border-radius:17px; background:#fff; box-shadow:0 7px 24px rgba(29,55,105,.055); }
.m100-pro-home-faq__item summary { position:relative; display:grid; grid-template-columns:36px minmax(0,1fr) 28px; gap:11px; align-items:center; min-height:72px; padding:13px 16px; cursor:pointer; list-style:none; }
.m100-pro-home-faq__item summary::-webkit-details-marker { display:none; }
.m100-pro-home-faq__item summary > span { display:grid; width:34px; height:34px; place-items:center; color:#315ee0; border-radius:11px; background:#eef3ff; font-size:11px; font-weight:900; }
.m100-pro-home-faq__item summary strong { color:#192846; font-size:14px; line-height:1.75; }
.m100-pro-home-faq__item summary i { display:grid; width:27px; height:27px; place-items:center; color:#315ee0; border:1px solid #d9e3fb; border-radius:50%; background:#f7f9ff; font-style:normal; font-size:18px; font-weight:500; transition:transform .2s ease,background .2s ease; }
.m100-pro-home-faq__item[open] summary { background:#f8faff; }
.m100-pro-home-faq__item[open] summary i { color:#fff; background:#315ee0; transform:rotate(45deg); }
.m100-pro-home-faq__item > div { padding:0 63px 18px 20px; }
.m100-pro-home-faq__item p { margin:0; color:#5f6f89; font-size:13px; line-height:2; }
[data-m100-old-faq-hidden="1"] { display:none!important; }
@media (max-width:920px) { .m100-pro-home-faq { margin-top:64px; }.m100-pro-home-faq__columns { grid-template-columns:1fr; }.m100-pro-home-faq__heading h2 { font-size:35px; } }
@media (max-width:650px) { .m100-pro-home-faq { margin:50px auto 24px; padding:0 12px; }.m100-pro-home-faq__heading { margin-bottom:22px; padding:0 8px; }.m100-pro-home-faq__heading h2 { margin-top:12px; font-size:30px; letter-spacing:-.9px; }.m100-pro-home-faq__heading p { font-size:12px; }.m100-pro-home-faq__item { border-radius:15px; }.m100-pro-home-faq__item summary { grid-template-columns:31px minmax(0,1fr) 25px; gap:9px; min-height:68px; padding:12px 12px; }.m100-pro-home-faq__item summary > span { width:31px; height:31px; border-radius:9px; font-size:10px; }.m100-pro-home-faq__item summary strong { font-size:12px; line-height:1.8; }.m100-pro-home-faq__item summary i { width:24px; height:24px; font-size:16px; }.m100-pro-home-faq__item > div { padding:0 51px 16px 13px; }.m100-pro-home-faq__item p { font-size:12px; line-height:1.95; } }

/* عناصر تتحكم بها لوحة الإصدار 4.0.0 */
.m100-pro-managed-card-description { margin:12px 0; color:#5f6f89; font-size:13px; line-height:1.9; }
.m100-pro-managed-card-badge { display:inline-flex; width:max-content; min-height:28px; align-items:center; margin:0 0 12px; padding:0 10px; color:#315ee0; border:1px solid #dbe5ff; border-radius:999px; background:#f5f8ff; font-size:11px; font-weight:900; }


/* v4.0.1 — أوصاف النسخ التي تكتب من لوحة التحكم */
.m100-pro-managed-card-list {
	margin: 14px 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: grid !important;
	gap: 9px !important;
	text-align: right !important;
}
.m100-pro-managed-card-list > li {
	position: relative !important;
	margin: 0 !important;
	padding: 0 22px 0 0 !important;
	color: #53627a !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.9 !important;
}
.m100-pro-managed-card-list > li::before {
	content: "✓" !important;
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	color: #3568f0 !important;
	font-weight: 900 !important;
}

/* Miaa100 5.0 — الوحدات ونواتج التعلم وقواعد الاختبارات */
.m100-pro-unit{margin:22px 0 32px}.m100-pro-unit__header{margin-bottom:14px;padding:18px 20px;border:1px solid #dfe6f1;border-radius:17px;background:linear-gradient(135deg,#f8faff,#eff4ff)}.m100-pro-unit__header>span{color:#3568f0;font-size:11px;font-weight:900}.m100-pro-unit__header h3{margin:7px 0 4px;color:#10213d;font-size:22px}.m100-pro-unit__header p{margin:0;color:#64748b;line-height:1.8}.m100-pro-lesson h4{margin:10px 0;color:#10213d;font-size:18px}.m100-pro-learning-meta{display:inline-flex;margin:0 0 9px;padding:5px 8px;border-radius:8px;background:#eef4ff;color:#35558d;font-weight:800}.m100-pro-outcome,.m100-pro-prerequisite{line-height:1.8}.m100-pro-prerequisite{padding:9px 11px;border-right:3px solid #f2b84b;background:#fff9eb}.m100-pro-lesson.is-locked{opacity:.82;background:#f8fafc}.m100-pro-lock-notice{margin:10px 0;padding:10px 12px;border:1px solid #e7c77a;border-radius:10px;background:#fff8e5;color:#765716;font-size:11px;line-height:1.7}.m100-pro-lesson.is-locked button{cursor:not-allowed;opacity:.65}.m100-pro-quiz-rules{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 0;padding:0;list-style:none}.m100-pro-quiz-rules li{padding:6px 9px;border:1px solid #dce5f4;border-radius:999px;background:#f7f9fd;color:#4b5f7e;font-size:10px;font-weight:800}