:root{--navy:#036;--navy-d:#0b1f3a;--gold:#b87e02;--gold-l:#e3a154;--cream:#f6f0e4;--cream-2:#faf3e5;--paper:#fffbf2;--sand:#f1e4ce;--terra:#e27f55;--terra-d:#c4643c;--green:#476756;--green-d:#33503f;--brown:#8b340e;--ink:#1d1d1d;--muted:#5d625f;--line:#1d1d1d1a;--r:22px;--wrap:1200px;--font:"IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body.site{font-family:var(--font);color:var(--ink);background:var(--cream);margin:0;font-size:17px;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}[hidden]{display:none!important}.wrap{width:min(var(--wrap), 100% - 40px);margin-inline:auto}[id]{scroll-margin-top:96px}.skip{inset-inline-start:-999px;position:absolute;top:0}.skip:focus{z-index:99;background:#fff;border-radius:8px;padding:8px 12px;inset-inline-start:8px}:focus-visible{outline:3px solid var(--terra);outline-offset:3px;border-radius:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topstrip{background:var(--navy);color:#ffffffd9;font-size:14px}.topstrip-in{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.topstrip-links{gap:8px;display:flex}.pill{background:var(--cream-2);color:var(--ink);border-radius:99px;align-items:center;gap:6px;padding:3px 14px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.pill:hover{background:#fff}.sitebar{background:var(--paper);border-bottom:1px solid var(--line);z-index:30;backdrop-filter:blur(8px);position:sticky;top:0}.sitebar-in{align-items:center;gap:24px;min-height:76px;display:flex}.logo{color:var(--navy);flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{color:var(--gold);display:grid}.logo-text{line-height:1.25;display:grid}.logo-text b{font-size:19px;font-weight:700}.logo-text small{color:var(--muted);font-size:13px}.logo-light{color:#fff}.logo-light small{color:#ffffffb3}.mainnav{flex:1;justify-content:center;gap:22px;display:flex}.mainnav a{border-bottom:2px solid #0000;padding:6px 0;font-weight:500;text-decoration:none}.mainnav a:hover{border-color:var(--gold);color:var(--navy)}.btn-terra{background:var(--terra);color:#fff;border-radius:99px;flex:none;align-items:center;gap:8px;padding:8px 20px;font-weight:600;text-decoration:none;display:inline-flex}.btn-terra:hover{background:var(--terra-d)}.mnav{flex:none;position:relative}.mnav summary{cursor:pointer;width:44px;height:44px;color:var(--navy);border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;list-style:none;display:grid}.mnav summary::-webkit-details-marker{display:none}.mnav[open] summary{background:var(--cream)}.mnav-panel{inset-inline-end:0;z-index:50;background:#fff;border-radius:18px;width:min(280px,100vw - 32px);padding:8px;display:grid;position:absolute;top:calc(100% + 10px);box-shadow:0 18px 40px #00000024}.mnav-panel a{border-radius:12px;padding:12px 14px;font-weight:600;text-decoration:none}.mnav-panel a:hover,.mnav-panel a:focus-visible{background:var(--cream)}@media (width>=961px){.mnav{display:none}}.btn-outline{color:var(--terra-d);background:0 0;border:1.5px solid;border-radius:99px;align-items:center;gap:10px;padding:6px 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-outline:after{content:"←"}.btn-outline:hover{background:#e27f5514}.hero{background:linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 64px 64px, linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 64px 64px, var(--cream);padding:56px 0 64px;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(ellipse at 70% 40%, transparent 30%, var(--cream) 78%);pointer-events:none;position:absolute;inset:0}.hero-in{z-index:1;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;display:grid;position:relative}.eyebrow{color:var(--terra-d);font-size:15px;font-weight:600}.hero h1{color:var(--ink);margin:10px 0 16px;font-size:clamp(32px,4.4vw,54px);font-weight:700;line-height:1.3}.hero h1 em{color:var(--terra-d);font-style:normal}.hero-lead{color:var(--muted);max-width:34em;font-size:18px}.search{max-width:560px;margin-top:26px;position:relative}.search-box{background:#fff;border-radius:99px;align-items:center;padding:6px;display:flex;box-shadow:0 6px 24px #4767561f}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:8px 16px;font-size:16px}.search-box button{background:var(--terra);color:#fff;border:0;border-radius:99px;padding:8px 26px;font-weight:600}.search-results{inset-inline:0;z-index:5;background:#fff;border-radius:18px;max-height:360px;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);overflow:auto;box-shadow:0 16px 40px #0000001f}.search-results a,.search-results .none{border-radius:12px;justify-content:space-between;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.search-results a:hover,.search-results a:focus{background:var(--cream);outline:0}.search-results small{color:var(--muted)}.search-results .locked{opacity:.55}.hero-books{height:430px;position:relative}.hero-book{border-radius:10px;width:190px;transition:transform .3s;position:absolute;box-shadow:0 18px 40px #1d1d1d38}.hero-book img{border-radius:10px}.hero-book:hover{z-index:5;transform:translateY(-6px)rotate(0)!important}.hero-book:first-child{inset-inline-start:34%;z-index:3;width:215px;top:18px;transform:rotate(-3deg)}.hero-book:nth-child(2){inset-inline-start:4%;z-index:2;top:70px;transform:rotate(-9deg)}.hero-book:nth-child(3){inset-inline-start:66%;z-index:2;top:80px;transform:rotate(7deg)}.hero-book:nth-child(4){inset-inline-start:18%;z-index:1;filter:grayscale(.35);top:200px;transform:rotate(4deg)}.hero-book:nth-child(5){inset-inline-start:54%;z-index:1;filter:grayscale(.35);top:210px;transform:rotate(-5deg)}.stat-card{z-index:6;background:var(--green);color:#fff;border-radius:18px;padding:12px 18px;position:absolute;box-shadow:0 10px 30px #33503f4d}.stat-card b{font-size:28px;line-height:1.2;display:block}.stat-card span{opacity:.9;font-size:14px}.stat-a{inset-inline-end:0;bottom:8px}.stat-b{inset-inline-start:0;background:var(--terra);bottom:30px}.section{padding:64px 0}.section-white{background:#fff}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-kicker{color:var(--terra-d);margin-bottom:4px;font-size:14px;font-weight:600;display:block}.section-head h2{font-size:clamp(26px,3vw,36px);line-height:1.35}.section-head p{color:var(--muted);max-width:34em}.bento{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.bento>div{border-radius:var(--r);flex-direction:column;justify-content:end;min-height:140px;padding:22px;display:flex;position:relative;overflow:hidden}.bento b{font-size:40px;line-height:1.1}.bento span{opacity:.9;font-size:15px}.bento .b1{background:var(--terra);color:#fff}.bento .b2{background:var(--green);color:#fff}.bento .b3{color:var(--ink);background:#fff}.bento .b4{background:var(--brown);color:#fff}.rings:before{content:"";inset-inline-end:-70px;background:repeating-radial-gradient(circle,#0000 0 14px,#ffffff38 14px 15.5px);border-radius:50%;width:220px;height:220px;position:absolute;top:-90px}.b3.rings:before{background:repeating-radial-gradient(circle,#0000 0 14px,#e27f5559 14px 15.5px)}.stage{margin-top:30px}.stage+.stage{margin-top:48px}.stage-head{align-items:center;gap:16px;margin-bottom:18px;display:flex}.stage-icon{background:var(--terra);color:#fff;border-radius:16px;flex:none;place-items:center;width:56px;height:56px;display:grid}.stage-2 .stage-icon{background:var(--brown)}.stage-head h3{font-size:24px}.stage-head p{color:var(--muted);font-size:15px}.grades{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.grade-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;gap:6px;min-height:150px;padding:18px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.grade-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1d1d1d1a}.grade-num{background:var(--cream);width:46px;height:46px;color:var(--terra-d);border-radius:14px;place-items:center;font-size:20px;font-weight:700;display:grid}.grade-card b{margin-top:4px;font-size:18px}.grade-card small{color:var(--muted);font-size:13.5px}.grade-card .state{align-items:center;gap:6px;margin-top:auto;font-size:13.5px;font-weight:600;display:inline-flex}.grade-card.has-ready{border-color:#e27f5580}.grade-card.has-ready .grade-num{background:var(--terra);color:#fff}.grade-card.has-ready .state{color:var(--green)}.grade-card.is-empty{background:#ffffff8c}.grade-card.is-empty .state{color:#8b8b8b;font-weight:500}.grade-card.is-empty .grade-num{color:#8b8b8b;background:#ececec}.courses{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.course-card{border-radius:var(--r);border:1px solid var(--line);background:#fff;grid-template-columns:120px 1fr;gap:18px;padding:18px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:grid}.course-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1d1d1d1a}.course-card img{border-radius:10px;box-shadow:0 6px 16px #00000026}.course-card h3{font-size:21px}.course-card .meta{color:var(--muted);font-size:14.5px}.course-card .bar{background:var(--cream);border-radius:99px;height:8px;margin:12px 0 6px;overflow:hidden}.course-card .bar i{background:var(--green);border-radius:99px;height:100%;display:block}.course-card .count{color:var(--green);font-size:14px;font-weight:600}.course-card .go{margin-top:10px}.how{counter-reset:how;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.how li{border-radius:var(--r);background:#fff;padding:24px;list-style:none;position:relative}.how li:before{counter-increment:how;content:counter(how);inset-inline-end:20px;color:var(--sand);font-size:54px;font-weight:700;line-height:1;position:absolute;top:14px}.how h3{color:var(--green-d);margin-bottom:6px;font-size:20px}.how p{color:var(--muted);font-size:15.5px}.page-band{background:var(--cream);padding-bottom:8px}.band{color:#fff;background:var(--terra);border-radius:26px;align-items:center;gap:24px;margin-top:18px;padding:34px 36px;display:flex;position:relative;overflow:hidden}.band.green{background:var(--green)}.band:after{content:"";inset-inline-end:-120px;background:repeating-radial-gradient(circle,#0000 0 20px,#ffffff2e 20px 21.5px);border-radius:50%;width:380px;height:380px;position:absolute;top:-150px}.band-num{background:#ffffff2e;border-radius:24px;flex:none;place-items:center;width:86px;height:86px;font-size:38px;font-weight:700;display:grid}.band h1{font-size:clamp(26px,3.4vw,40px);line-height:1.35}.band p{opacity:.9}.grade-switch{flex-wrap:wrap;gap:8px;margin:18px 0 0;display:flex}.grade-switch a{border:1px solid var(--line);background:#fff;border-radius:99px;padding:4px 14px;font-size:14px;text-decoration:none}.grade-switch a[aria-current]{background:var(--navy);color:#fff;border-color:var(--navy)}.subjects{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.subject-card{border-radius:var(--r);border:1px solid var(--line);background:#fff;flex-direction:column;gap:10px;min-height:180px;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}a.subject-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1d1d1d1a}.subject-ico{color:#fff;background:var(--c,var(--green));border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.subject-card h3{font-size:20px;line-height:1.4}.subject-card .state{color:var(--green);margin-top:auto;font-size:14px;font-weight:600}.subject-card .cover{inset-inline-end:14px;border-radius:6px;width:74px;position:absolute;top:14px;transform:rotate(-4deg);box-shadow:0 6px 14px #0000002e}.subject-card.is-locked{color:#7b7b7b;cursor:default;background:#ffffff80;border-style:dashed}.subject-card.is-locked .subject-ico{color:#fff;background:#d9d9d9}.subject-card.is-locked .state{color:#8b8b8b;font-weight:500}.subject-card.is-locked .cover{filter:grayscale();opacity:.6}.lock{align-items:center;gap:6px;display:inline-flex}.book-head{background:#fff;border-radius:26px;grid-template-columns:200px 1fr;align-items:center;gap:32px;margin-top:18px;padding:26px;display:grid}.book-head img{border-radius:10px;box-shadow:0 14px 30px #0003}.book-head h1{color:var(--navy);font-size:clamp(28px,3.6vw,42px);line-height:1.3}.book-head .meta{color:var(--muted);margin:6px 0 14px}.book-progress{flex-wrap:wrap;gap:22px;display:flex}.book-progress div{background:var(--cream);border-radius:16px;padding:10px 16px}.book-progress b{color:var(--green-d);font-size:22px;line-height:1.2;display:block}.book-progress span{color:var(--muted);font-size:13.5px}.parts{gap:22px;margin:26px 0 70px;display:grid}.part{background:#fff;border-radius:26px;padding:26px}.part-title{color:var(--navy);align-items:center;gap:10px;margin-bottom:14px;font-size:22px;display:flex}.part-locked{color:#777;background:#ffffff8c;border:1.5px dashed #c9c9c9;align-items:center;gap:22px;display:flex}.part-locked img{filter:grayscale();opacity:.7;border-radius:8px;width:110px}.sitefoot{background:var(--navy);color:#ffffffd1;padding:48px 0 0;font-size:15px}.foot-grid{grid-template-columns:1.4fr 1fr 1fr;gap:32px;display:grid}.foot-brand p{max-width:30em;margin-top:14px}.foot-col h2{color:#fff;margin-bottom:10px;font-size:17px}.foot-col ul{columns:2;margin:0;padding:0;list-style:none}.foot-col a{line-height:2.1;text-decoration:none}.foot-col a:hover{color:var(--gold-l)}.foot-bottom{color:#fff9;border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding:16px 0 22px;font-size:13.5px;display:flex}@media (width<=960px){.mainnav{display:none}.sitebar-in{justify-content:space-between;gap:10px}.sitebar-in .logo{margin-inline-end:auto}.hero-in{grid-template-columns:1fr}.hero-books{height:330px}.hero-book{width:140px}.hero-book:first-child{width:160px}.bento{grid-template-columns:repeat(2,1fr)}.how,.foot-grid{grid-template-columns:1fr}.book-head{grid-template-columns:120px 1fr;gap:18px;padding:18px}}@media (width<=560px){body.site{font-size:16px}.topstrip-note{display:none}.topstrip-in{justify-content:center}.btn-terra{padding:7px 14px;font-size:14px}.logo-text small{display:none}.hero{padding:34px 0 40px}.hero-books{height:270px}.hero-book{width:110px}.hero-book:first-child{width:130px}.stat-card{padding:8px 12px}.stat-card b{font-size:22px}.section{padding:44px 0}.grades{grid-template-columns:repeat(2,1fr)}.grade-card{min-height:130px;padding:14px}.courses{grid-template-columns:1fr}.course-card{grid-template-columns:90px 1fr}.band{padding:24px}.band-num{border-radius:18px;width:64px;height:64px;font-size:28px}.subjects{grid-template-columns:1fr 1fr;gap:10px}.grade-switch{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.grade-switch a{flex:none}.subject-card{min-height:150px;padding:14px}.subject-card .cover{width:54px}.subject-ico{width:52px;height:52px}.subject-card h3{font-size:17px}.book-head{text-align:center;grid-template-columns:1fr}.book-head img{width:150px;margin:0 auto}.book-progress{justify-content:center}.part{padding:18px}}