:root{--navy:#071e35;--gold:#cc9614;--teal:#087f7a;--cream:#f7f4ec;--ink:#10243a;--muted:#566779;--line:#d9e1e6;--white:#fff;--green:#21875b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans Arabic","Segoe UI",Arial,sans-serif;line-height:1.8}header,footer{width:min(920px,calc(100% - 28px));margin:auto;min-height:72px;display:flex;align-items:center;gap:24px}header>a:nth-child(2){margin-inline-start:auto}.brand{font:700 32px Georgia,serif;letter-spacing:-2px;text-decoration:none;color:var(--navy)}.brand b,.eyebrow{color:var(--gold)}header a,footer a{color:var(--ink)}footer>a:last-child{margin-inline-start:auto}.hero{background:var(--navy);color:#fff;text-align:center;padding:70px max(16px,calc((100vw - 820px)/2))}.eyebrow{font-weight:900;margin:0 0 8px}.hero h1{font-size:clamp(44px,7vw,78px);line-height:1.12;margin:0}.hero h1 span{color:#e7bd50}.hero>p:not(.eyebrow){font-size:21px;color:#dce7ed}.hero small{display:block;margin-top:12px;color:#bfcfd8}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:10px 21px;border:2px solid var(--gold);border-radius:12px;font:800 16px inherit;cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(7,30,53,.14)}.button:focus-visible,input:focus-visible,select:focus-visible,.level-card:focus-visible,.dialog-close:focus-visible{outline:4px solid #55b9ff;outline-offset:3px}.primary{background:var(--gold);color:var(--navy)}.dark{background:var(--navy);color:#fff;border-color:var(--navy)}.outline{background:#fff;color:var(--navy);border-color:var(--line)}.steps{width:min(920px,calc(100% - 28px));margin:30px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.steps span{padding:10px;text-align:center;border-radius:999px;background:#e6ebee;color:var(--muted);font-size:14px}.steps .active{background:var(--navy);color:#fff}.panel,.offers{width:min(920px,calc(100% - 28px));margin:24px auto;padding:36px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 40px rgba(7,30,53,.09)}.panel h2,.offers h2{font-size:clamp(30px,4vw,44px);line-height:1.3;margin:0 0 24px}.quiz{display:grid;gap:17px;margin-bottom:24px}.question{padding:18px;border:1px solid var(--line);border-radius:16px}.question strong{display:block;margin-bottom:12px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.options label{position:relative;display:flex;align-items:center;min-height:72px;padding:14px;border:2px solid var(--line);border-radius:14px;cursor:pointer;transition:transform .18s,border-color .18s,background-color .18s,color .18s,box-shadow .18s}.options label:hover{transform:translateY(-2px);border-color:var(--gold)}.options label.selected,.options label:has(input:checked){transform:translateY(-2px);background:var(--navy);border-color:var(--gold);color:#fff;box-shadow:0 10px 22px rgba(7,30,53,.16)}.options label.selected::after,.options label:has(input:checked)::after{content:"✓";position:absolute;inset-block-start:5px;inset-inline-end:9px;color:#f0c45a;font-weight:900}.options input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.options input:focus-visible+span{outline:3px solid #55b9ff;outline-offset:5px;border-radius:4px}.reader{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding:14px;background:#edf5f4;border-radius:16px}.reader label{margin-inline-start:auto}.reader-status{padding:10px 14px;background:#f4f7f8;border-radius:10px;color:var(--muted)}#reading{font-size:19px;text-align:justify}#reading h3{font-size:27px;margin-bottom:3px}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.score-grid div{text-align:center;padding:18px;background:#edf5f4;border-radius:16px}.score-grid span,.score-grid strong{display:block}.score-grid strong{font-size:34px;color:var(--teal)}.bar{height:16px;margin:18px 0;border-radius:99px;background:#e1e7ea;overflow:hidden}.bar i{display:block;width:0;height:100%;background:#8998a5;transition:width .7s}.bar.after i{background:var(--green)}#analysis{font-size:19px}.next-action{margin:20px 0;padding:18px;background:#edf5f4;border-radius:16px}.next-action p{margin:4px 0 12px}.panel aside,.offers aside{padding:14px;background:#fff3d2;border-inline-start:4px solid var(--gold);border-radius:10px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cards.levels{grid-template-columns:repeat(2,1fr)}.cards article{padding:24px;border:1px solid var(--line);border-radius:20px}.cards span{color:var(--gold);font-weight:900}.cards h3{font-size:23px}.offers aside{margin-top:18px}

.learning-part{margin:18px 0 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.part-number{display:inline-block;padding:3px 10px;border-radius:999px;background:#e9f3f2;color:var(--teal);font-size:14px;font-weight:900}
.knowledge-check{margin:0 0 24px;padding:20px;border:2px solid #d8e4e7;border-radius:18px;background:linear-gradient(145deg,#f7fafb,#eef6f5)}
.knowledge-check strong{display:block;margin-bottom:12px}
.knowledge-check label{display:block;margin:9px 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
.knowledge-check label:has(input:checked){border-color:var(--gold);background:#fff7df;box-shadow:0 6px 16px rgba(7,30,53,.08)}
.knowledge-check input{margin-inline-end:8px;accent-color:var(--teal)}
.report-panel{position:relative;overflow:hidden}
.report-panel::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:8px;background:linear-gradient(90deg,var(--teal),var(--gold),var(--navy))}
.report-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.report-mark{font:700 26px Georgia,serif;color:var(--navy);text-align:end}.report-mark span{color:var(--gold)}.report-mark small{display:block;font:400 12px Arial,sans-serif;color:var(--muted)}
.report-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.report-details section{padding:17px;border:1px solid var(--line);border-radius:15px;background:#f7fafb}.report-details span,.report-details strong,.report-details small{display:block}.report-details strong{font-size:23px;color:var(--teal)}
.report-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.report-disclaimer{display:block;margin-bottom:14px;color:var(--muted)}
.learning-reader{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;margin-top:18px;align-items:start}
.panel .chapter-nav{position:sticky;top:14px;display:grid;gap:8px;padding:18px;background:linear-gradient(155deg,#071e35,#123f58);border:0;border-radius:18px;color:#fff;box-shadow:0 16px 34px rgba(7,30,53,.18)}
.chapter-nav strong{font-size:18px}.chapter-nav button{width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.06);color:#dbe7ec;font:700 14px inherit;text-align:start;cursor:pointer;transition:.2s ease}
.chapter-nav button:hover{background:rgba(255,255,255,.13)}.chapter-nav button.active{background:var(--gold);border-color:var(--gold);color:var(--navy);box-shadow:0 8px 18px rgba(204,150,20,.25)}
.chapter-nav small{color:#b8cad3;line-height:1.5}.slide-stage{min-width:0}.slide-progress{height:7px;margin-bottom:14px;border-radius:99px;background:#e3e9ec;overflow:hidden}.slide-progress i{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .35s ease}
.learning-slide{min-height:560px;padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#fbfcfc);animation:page-in .3s ease-out}.learning-slide[hidden]{display:none!important}
.concept-visual{min-height:220px;margin:14px 0 22px;padding:28px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:15px;overflow:hidden;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.concept-visual b,.concept-visual span{padding:12px 15px;border-radius:12px;background:rgba(255,255,255,.13);text-align:center}.concept-visual i{font-size:28px;color:#f0c45a;font-style:normal}
.linear-visual{background:linear-gradient(145deg,#183d5a,#071e35)}.iceberg-visual{flex-direction:column;background:linear-gradient(180deg,#4d9ab8 0 42%,#123f58 42%)}.iceberg-visual hr{width:90%;margin:0;border:0;border-top:3px solid rgba(255,255,255,.75)}.iceberg-visual span{width:75%}
.loop-visual{background:radial-gradient(circle at center,#126b72,#071e35);flex-wrap:wrap}.loop-visual span{min-width:145px}.journey-visual{background:linear-gradient(135deg,#5d4b86,#163d58)}
.slide-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:14px}.slide-controls #next-slide{justify-self:end}.slide-controls #prev-slide{justify-self:start}.slide-controls span{font-weight:900;color:var(--muted)}
.slide-controls button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.knowledge-feedback{min-height:32px;margin:12px 0 0;padding:8px 12px;border-radius:10px;font-weight:900}.knowledge-feedback:empty{display:none}.knowledge-feedback.correct{background:#e3f6ec;color:#12663f}.knowledge-feedback.retry,.knowledge-feedback.needs-answer{background:#fff0d5;color:#7c5200}
@keyframes page-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

.level-card{position:relative;isolation:isolate;min-height:245px;padding:28px;text-align:start;border:0;border-radius:22px;color:#fff;font:inherit;cursor:pointer;overflow:hidden;box-shadow:0 14px 30px rgba(7,30,53,.14);transition:transform .25s ease,box-shadow .25s ease}
.level-card::before{content:"";position:absolute;inset:-35%;z-index:-1;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 55%);transform:translate(-45%,-25%);transition:transform .5s ease}
.level-card:hover{transform:translateY(-7px) scale(1.012);box-shadow:0 22px 40px rgba(7,30,53,.23)}
.level-card:hover::before{transform:translate(20%,12%)}
.level-card span{display:inline-block;padding:3px 11px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff}
.level-card h3{margin:16px 0 8px;line-height:1.4}
.level-card p{margin:0 0 18px}
.level-price{display:block;width:max-content;margin:4px 0 15px;padding:7px 13px;border-radius:12px;background:rgba(255,255,255,.94);color:var(--navy);font-size:22px;line-height:1.25}
.level-price small{display:block;font-size:12px;color:var(--green)}
.level-card b{display:block;margin-top:auto;color:#fff;text-decoration:underline;text-underline-offset:5px}
.level-one{background:linear-gradient(135deg,#087f7a,#075a67)}
.level-two{background:linear-gradient(135deg,#3268a8,#173f73)}
.level-three{background:linear-gradient(135deg,#7353a4,#3d2f70)}
.level-four{background:linear-gradient(135deg,#b56922,#84440e)}
.cards .level-card.featured{background:linear-gradient(135deg,#071e35,#244663)}
.level-dialog{width:min(880px,calc(100% - 28px));max-height:88vh;padding:34px;border:0;border-radius:24px;color:var(--ink);box-shadow:0 30px 80px rgba(3,18,33,.38)}
.level-dialog::backdrop{background:rgba(2,18,33,.72);backdrop-filter:blur(4px)}
.level-dialog[open]{animation:dialog-in .22s ease-out}
.level-dialog h2{margin:0 0 10px;font-size:clamp(27px,4vw,39px);line-height:1.3}
.level-dialog h3{margin-bottom:5px}
.level-dialog ul{margin-top:4px;padding-inline-start:24px}
.dialog-benefit{font-size:19px;color:var(--muted)}
.dialog-price{width:max-content;margin:12px 0 16px;padding:8px 16px;border-radius:12px;background:var(--navy);color:#fff;font-size:24px;font-weight:900}
.level-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.level-value-grid section{padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:#f8fafb}
.level-value-grid h3{margin:0 0 7px;color:var(--navy);font-size:17px}
.level-value-grid ul{margin:0;padding-inline-start:21px}
.level-value-grid li{margin:3px 0;font-size:14px;line-height:1.65}
.dialog-note{margin:18px 0;padding:14px;background:#eef6f5;border-inline-start:4px solid var(--teal);border-radius:12px}
.applied-review{margin:18px 0;padding:16px 18px;border-radius:15px;background:#fff3d2;border-inline-start:4px solid var(--gold)}
.applied-review strong{display:block;font-size:18px}
.applied-review p{margin:5px 0 12px}
.applied-review .button{min-height:44px;font-size:14px}
.prerequisite-box{margin:18px 0;padding:16px 18px;border:2px solid #d39a0a;border-radius:15px;background:#fff8e6}
.prerequisite-box strong{display:block;font-size:18px;color:#6f4d00}
.prerequisite-box p{margin:7px 0 0;line-height:1.7}
.prerequisite-box label{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:12px;border-radius:11px;background:#fff;font-weight:800;cursor:pointer}
.prerequisite-box label[hidden]{display:none!important}
.prerequisite-box input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--teal)}
#payment-section[hidden]{display:none!important}
.payment-heading{margin-top:20px}
.payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 14px}
.payment-option{display:flex;min-height:168px;padding:18px;border:2px solid #d9e2e8;border-radius:17px;background:#fff;color:var(--ink);text-decoration:none;flex-direction:column;justify-content:flex-start;gap:7px;transition:.2s ease;overflow-wrap:anywhere}
.payment-option strong{font-size:18px}
.payment-option span{font-size:14px;line-height:1.55;color:#536474}
.payment-option.salla-option{grid-column:1/-1;min-height:112px;border-color:#d39a0a;background:linear-gradient(145deg,#fff9e8,#fff);box-shadow:0 10px 24px rgba(211,154,10,.12)}
.payment-option.salla-option[hidden]{display:none!important}
.payment-option.salla-option:not(.is-pending):hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(211,154,10,.2)}
.payment-cta{display:block;margin-top:auto;padding-top:8px;color:#7d5900;font-size:14px}
.account-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:auto;padding:9px;border-radius:10px;background:#f2f6f7;font-size:12px;font-weight:800;direction:ltr}
.account-line bdi{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.copy-payment{border:1px solid #c8d5dd;border-radius:8px;background:#fff;color:var(--ink);padding:7px 10px;cursor:pointer;white-space:nowrap}
.copy-payment:hover,.copy-payment:focus-visible{border-color:var(--gold)}
.receipt-link{display:block;margin-top:auto;padding:9px 10px;border-radius:10px;background:var(--ink);color:#fff;text-decoration:none;text-align:center;font-weight:800}
.receipt-link:hover,.receipt-link:focus-visible{background:#123c59}
.payment-help{display:block;padding:12px 14px;border-radius:12px;background:#f6f8f9;line-height:1.7}
.payment-option.is-pending{border-style:dashed;background:#f1f4f6;opacity:.76;cursor:not-allowed}
.dialog-close{position:absolute;inset-block-start:14px;inset-inline-end:16px;width:42px;height:42px;border:0;border-radius:50%;background:#edf1f3;color:var(--navy);font-size:27px;cursor:pointer}
@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.learning-reader{grid-template-columns:1fr}.panel .chapter-nav{position:static;grid-template-columns:1fr 1fr}.chapter-nav strong,.chapter-nav small{grid-column:1/-1}.learning-slide{min-height:0;padding:18px}.concept-visual{min-height:180px;padding:18px;gap:8px;flex-wrap:wrap}.concept-visual b,.concept-visual span{padding:9px;font-size:14px}.slide-controls{grid-template-columns:1fr 1fr}.slide-controls span{grid-column:1/-1;grid-row:1;text-align:center}.slide-controls #prev-slide,.slide-controls #next-slide{grid-row:2;width:100%}}
@media(max-width:640px){.steps{grid-template-columns:1fr 1fr}.panel,.offers{padding:22px}.score-grid,.cards,.cards.levels,.options,.payment-options,.level-value-grid,.report-details{grid-template-columns:1fr}.payment-option.salla-option{grid-column:auto}.reader label{width:100%;margin:0}.button{width:100%}.level-card{min-height:220px}.level-dialog{padding:26px 20px}.payment-option{min-height:132px}.report-header{display:block}.report-mark{text-align:start;margin-bottom:16px}.panel .chapter-nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bar i,.button,.options label,.level-card,.level-card::before{transition:none}.level-dialog[open]{animation:none}}
@media print{body{background:#fff}body>header,.hero,.steps,#pre,#content,#post,.offers,body>footer,.report-actions,.next-action button{display:none!important}#result[hidden]{display:block!important}.panel.report-panel{width:100%;margin:0;padding:28px;box-shadow:none;border:0}.report-panel aside{margin-top:18px}}