.seo-page{color:#14213d;background:radial-gradient(circle at 10% 8%,#5b8de024,#0000 26rem),linear-gradient(#f7fbff 0,#fff 34rem);min-height:100vh;padding:0 clamp(20px,5vw,72px) 44px;font-family:Arial,Helvetica,sans-serif}.seo-page a{color:inherit;text-decoration:none}.seo-topbar{justify-content:space-between;align-items:center;gap:18px;max-width:1180px;min-height:82px;margin:auto;display:flex}.seo-brand{letter-spacing:-.03em;font-size:1.35rem;font-weight:850}.seo-brand b{color:#245fc7}.seo-home-link{background:#245fc7;border-radius:12px;padding:11px 16px;font-weight:800;color:#fff!important}.seo-hero{text-align:center;max-width:850px;margin:74px auto 54px}.seo-hero.compact{margin-top:48px}.seo-eyebrow{color:#245fc7;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:900}.seo-hero h1,.seo-lesson h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.35rem,6vw,4.8rem);line-height:1.02}.seo-hero>p:last-child{color:#52627c;max-width:690px;margin:22px auto 0;font-size:1.12rem;line-height:1.75}.seo-systems{grid-template-columns:repeat(2,1fr);gap:22px;max-width:1080px;margin:auto;display:grid}.seo-system-card{background:#ffffffeb;border:1px solid #dce6f5;border-radius:26px;padding:28px;box-shadow:0 18px 50px #2a487414}.seo-system-card.maroc{border-top:5px solid #c83b43}.seo-system-card.france{border-top:5px solid #245fc7}.seo-system-card h2{margin:4px 0 22px;font-size:1.65rem}.seo-flag{float:right;font-size:2.2rem}.seo-grade-links{gap:10px;display:grid}.seo-grade-links a{background:#f9fbfe;border:1px solid #e2e8f2;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;transition:all .18s;display:flex}:is(.seo-grade-links a:hover,.seo-grade-links a:focus-visible){border-color:#6a98e5;outline:none;transform:translate(3px)}.seo-grade-links span{color:#6b7280;font-size:.9rem}.seo-breadcrumb{color:#62708a;flex-wrap:wrap;gap:8px;max-width:1080px;margin:24px auto 0;font-size:.9rem;display:flex}.seo-breadcrumb a:hover{color:#245fc7}.seo-chapter-list{gap:10px;max-width:960px;margin:0 auto;display:grid}.seo-chapter-list>a{background:#fff;border:1px solid #e0e7f1;border-radius:16px;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:17px 18px;display:grid;box-shadow:0 7px 22px #2a48740b}:is(.seo-chapter-list>a:hover,.seo-chapter-list>a:focus-visible){border-color:#78a0e3;outline:none;box-shadow:0 10px 28px #2a48741a}.seo-chapter-number{color:#245fc7;background:#edf4ff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.seo-arrow{color:#245fc7;font-size:1.35rem}.seo-cta{color:#fff;background:#14213d;border-radius:22px;justify-content:space-between;align-items:center;gap:22px;max-width:960px;margin:28px auto;padding:27px;display:flex}.seo-cta h2{margin:0}.seo-cta .seo-eyebrow{color:#9dc0ff}.seo-cta>a{color:#14213d;white-space:nowrap;background:#fff;border-radius:12px;padding:13px 18px;font-weight:850}.seo-lesson{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:50px;max-width:1080px;margin:54px auto 0;display:grid}.seo-lesson h1{font-size:clamp(2.3rem,5vw,4.25rem)}.seo-lead{color:#52627c;max-width:720px;font-size:1.16rem;line-height:1.75}.seo-objectives,.seo-method{border-top:1px solid #dfe6ef;margin-top:38px;padding-top:28px}.seo-objectives h2,.seo-method h2{font-size:1.45rem}.seo-objectives ul{gap:12px;padding:0;list-style:none;display:grid}.seo-objectives li{padding-left:28px;line-height:1.55;position:relative}.seo-objectives li:before{content:"✓";color:#21845b;font-weight:900;position:absolute;left:0}.seo-method ol{counter-reset:method;gap:13px;padding:0;list-style:none;display:grid}.seo-method li{counter-increment:method;grid-template-columns:34px 130px 1fr;align-items:start;gap:12px;display:grid}.seo-method li:before{content:counter(method);color:#fff;background:#245fc7;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.seo-method b{padding-top:5px}.seo-method span{color:#59677f;padding-top:5px;line-height:1.55}.seo-practice-card{color:#fff;background:linear-gradient(145deg,#1b3261,#245fc7);border-radius:24px;padding:27px;position:sticky;top:22px;box-shadow:0 22px 55px #1c468a38}.seo-practice-card>span{color:#bcd2ff;text-transform:uppercase;font-size:.83rem;font-weight:850}.seo-practice-card h2{margin:14px 0 10px;font-size:1.55rem;line-height:1.22}.seo-practice-card p{color:#e5edff;line-height:1.6}.seo-practice-card a{color:#18305e;text-align:center;background:#fff;border-radius:12px;margin:22px 0 13px;padding:14px;font-weight:900;display:block}.seo-practice-card small{color:#c9d9f9;line-height:1.5;display:block}.seo-next{border-top:1px solid #dfe6ef;grid-template-columns:1fr 1fr;gap:18px;max-width:1080px;margin:50px auto 0;padding-top:24px;display:grid}.seo-next a{color:#245fc7;font-weight:800;line-height:1.45}.seo-next a:last-child{text-align:right}.seo-footer{color:#667085;border-top:1px solid #dfe6ef;justify-content:space-between;gap:18px;max-width:1080px;margin:60px auto 0;padding-top:24px;font-size:.9rem;display:flex}@media (max-width:760px){.seo-page{padding-inline:18px}.seo-systems,.seo-lesson{grid-template-columns:1fr}.seo-hero{margin-top:45px}.seo-home-link{font-size:.84rem}.seo-cta{flex-direction:column;align-items:stretch}.seo-cta>a{text-align:center}.seo-method li{grid-template-columns:34px 1fr}.seo-method li span{grid-column:2}.seo-practice-card{position:static}.seo-next{grid-template-columns:1fr}.seo-next a:last-child{text-align:left}.seo-footer{flex-direction:column}}
