@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--accent:#5b8def;--accent-light:#7da5f5;--accent-dark:#426fc7;--dark-bg:#0a0d14;--dark-sidebar:#0d111a;--dark-surface:#111722;--dark-surface-2:#151c29;--dark-border:#ffffff13;--dark-border-strong:#ffffff1f;--light-bg:#f5f7fb;--light-sidebar:#fff;--light-surface:#fff;--light-surface-2:#f8faff;--light-border:#0f172a17;--light-border-strong:#0f172a24;--text-dark:#f4f7fc;--text-dark-soft:#aeb8ca;--text-dark-muted:#707b90;--text-light:#111827;--text-light-soft:#5d687b;--text-light-muted:#8993a5;--sidebar-width:258px;--topbar-height:76px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--shadow-dark:0 20px 60px #00000040;--shadow-light:0 20px 60px #1f305014;--transition-fast:.16s ease;--transition:.24s ease}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--dark-bg);scroll-behavior:smooth;min-height:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-family:DM Sans,sans-serif}button,a{font:inherit}button{border:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{width:100%;min-height:100vh;transition:background-color var(--transition), color var(--transition);display:flex;position:relative;overflow-x:hidden}.app-shell.dark{background:radial-gradient(circle at 80% 10%, #5b8def0e, transparent 28%), var(--dark-bg);color:var(--text-dark)}.app-shell.light{background:radial-gradient(circle at 80% 10%, #5b8def12, transparent 28%), var(--light-bg);color:var(--text-light)}.math-symbol{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity var(--transition), color var(--transition);font-family:Manrope,sans-serif;font-weight:800;line-height:1;position:fixed}.dark .math-symbol{color:#5b8def09}.light .math-symbol{color:#426fc709}.symbol-one{font-size:190px;top:13%;right:3%;transform:rotate(-8deg)}.symbol-two{font-size:150px;bottom:8%;left:19%;transform:rotate(12deg)}.symbol-three{font-size:120px;bottom:18%;right:18%;transform:rotate(-12deg)}.sidebar{z-index:50;width:var(--sidebar-width);border-right:1px solid var(--dark-border);transition:background-color var(--transition), border-color var(--transition), color var(--transition);flex-direction:column;padding:28px 18px 22px;display:flex;position:fixed;top:0;bottom:0;left:0}.dark .sidebar{background:#0d111af0}.light .sidebar{border-color:var(--light-border);background:#fffffff5}.brand{align-items:center;gap:12px;min-height:52px;padding:0 10px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#5b8def,#426fc7);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;display:flex;box-shadow:0 8px 25px #5b8def33}.brand-name{letter-spacing:-.4px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;line-height:1.1}.brand-subtitle{letter-spacing:.3px;color:var(--text-dark-muted);margin-top:4px;font-size:10px;font-weight:500}.light .brand-subtitle{color:var(--text-light-muted)}.level-slot{align-items:center;height:76px;padding:0 8px;display:flex}.level-switcher{border-radius:12px;grid-template-columns:1fr 1fr;width:100%;padding:4px;display:grid}.dark .level-switcher{background:#ffffff0b}.light .level-switcher{background:#f0f3f9}.level-switcher button{height:35px;color:var(--text-dark-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border-radius:9px;font-size:12px;font-weight:700}.light .level-switcher button{color:var(--text-light-muted)}.level-switcher button:hover{color:var(--accent-light)}.level-switcher button.active{background:var(--accent);color:#fff;box-shadow:0 5px 15px #5b8def33}.main-navigation{flex-direction:column;gap:5px;display:flex}.sidebar-label{color:var(--text-dark-muted);letter-spacing:1.5px;margin:0 10px 10px;font-size:9px;font-weight:700}.light .sidebar-label{color:var(--text-light-muted)}.nav-item{width:100%;min-height:46px;color:var(--text-dark-muted);cursor:pointer;text-align:left;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;border-radius:11px;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:600;display:flex;position:relative}.light .nav-item{color:var(--text-light-soft)}.nav-item:hover{color:var(--text-dark)}.light .nav-item:hover{color:var(--text-light)}.nav-item.active{color:var(--accent-light);background:#5b8def1b}.light .nav-item.active{color:var(--accent-dark);background:#5b8def17}.nav-item:active{transform:scale(.985)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;display:flex}.active-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;right:11px}.sidebar-bottom{margin-top:auto}.teacher-label{border-top:1px solid var(--dark-border);align-items:center;gap:10px;padding:13px 10px;display:flex}.light .teacher-label{border-color:var(--light-border)}.teacher-avatar{width:31px;height:31px;color:var(--accent-light);background:#5b8def1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.teacher-label strong{color:var(--text-dark);font-size:11px;font-weight:700;display:block}.light .teacher-label strong{color:var(--text-light)}.teacher-label span{color:var(--text-dark-muted);margin-top:3px;font-size:8px;line-height:1.3;display:block}.light .teacher-label span{color:var(--text-light-muted)}.main-content{z-index:2;width:calc(100% - var(--sidebar-width));min-height:100vh;margin-left:var(--sidebar-width);flex-direction:column;display:flex;position:relative}.topbar{z-index:40;height:var(--topbar-height);border-bottom:1px solid var(--dark-border);-webkit-backdrop-filter:blur(16px);transition:background-color var(--transition), border-color var(--transition);justify-content:space-between;align-items:center;padding:0 42px;display:flex;position:sticky;top:0}.dark .topbar{background:#0a0d14bd}.light .topbar{border-color:var(--light-border);background:#f5f7fbc7}.breadcrumb{align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumb>span:first-child{color:var(--text-dark-muted);font-weight:600}.light .breadcrumb>span:first-child{color:var(--text-light-muted)}.breadcrumb strong{color:var(--text-dark-soft);font-weight:600}.light .breadcrumb strong{color:var(--text-light-soft)}.breadcrumb-separator{color:var(--text-dark-muted);opacity:.6}.light .breadcrumb-separator{color:var(--text-light-muted)}.topbar-right{align-items:center;gap:15px;display:flex}.student-status{color:var(--text-dark-muted);align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.light .student-status{color:var(--text-light-muted)}.status-dot{background:#58b989;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #58b98914}.level-badge{min-width:37px;height:27px;color:var(--accent-light);background:#5b8def1c;border-radius:8px;justify-content:center;align-items:center;padding:0 9px;font-size:10px;font-weight:800;display:flex}.theme-toggle{border:1px solid var(--dark-border-strong);color:var(--text-dark-muted);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);background:#ffffff06;border-radius:9px;align-items:center;padding:3px;display:flex}.light .theme-toggle{border-color:var(--light-border-strong);color:var(--text-light-muted);background:#ffffffa6}.theme-toggle:hover{border-color:#5b8def4d}.theme-toggle>span{width:25px;height:23px;transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.theme-toggle>span.selected{color:var(--accent-light);background:#5b8def29}.light .theme-toggle>span.selected{color:var(--accent-dark)}.mobile-header,.mobile-level-wrapper{display:none}.content-area{z-index:2;flex:1;width:100%;max-width:1450px;margin:0 auto;padding:0 52px;position:relative}.page-enter{animation:.5s cubic-bezier(.16,1,.3,1) both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-enter{animation:none}}.home-page{min-height:calc(100vh - var(--topbar-height));align-items:center;display:flex}.hero{grid-template-columns:minmax(0,1fr) minmax(250px,.65fr);align-items:center;gap:30px;width:100%;min-height:590px;display:grid}.hero-copy{max-width:690px;padding:70px 0}.eyebrow{color:var(--accent-light);letter-spacing:1.8px;align-items:center;gap:9px;font-size:10px;font-weight:800;display:inline-flex}.light .eyebrow{color:var(--accent-dark)}.eyebrow-line{opacity:.7;background:currentColor;width:24px;height:1px}.hero h1{color:var(--text-dark);letter-spacing:-4px;margin-top:22px;font-family:Manrope,sans-serif;font-size:clamp(48px,5.5vw,82px);font-weight:800;line-height:.98}.light .hero h1{color:var(--text-light)}.hero h1 em{color:var(--accent);font-style:normal}.hero p{max-width:570px;color:var(--text-dark-soft);margin-top:30px;font-size:15px;line-height:1.8}.light .hero p{color:var(--text-light-soft)}.hero-actions{align-items:center;gap:12px;margin-top:34px;display:flex}.primary-button,.secondary-button{cursor:pointer;min-height:46px;transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:12px;font-weight:700;display:inline-flex}.primary-button{background:var(--accent);color:#fff;box-shadow:0 10px 25px #5b8def2e}.primary-button:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 13px 30px #5b8def3d}.secondary-button{border:1px solid var(--dark-border-strong);color:var(--text-dark-soft);background:#ffffff06}.light .secondary-button{border-color:var(--light-border-strong);color:var(--text-light-soft);background:#ffffff8c}.secondary-button:hover{color:var(--accent-light);border-color:#5b8def4d}.light .secondary-button:hover{color:var(--accent-dark)}.hero-visual{min-height:400px}.page-section{padding:58px 0 70px}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:38px;display:flex}.page-header h1{color:var(--text-dark);letter-spacing:-2px;margin-top:14px;font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1}.light .page-header h1{color:var(--text-light)}.page-header p{max-width:600px;color:var(--text-dark-soft);margin-top:16px;font-size:13px;line-height:1.7}.light .page-header p{color:var(--text-light-soft)}.course-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.chapter-list{flex-direction:column;gap:12px;display:flex}.course-card{border:1px solid var(--dark-border);border-radius:var(--radius-md);transition:border-color var(--transition), transform var(--transition), background-color var(--transition);background:#111722ad;gap:20px;padding:22px;display:flex}.light .course-card{border-color:var(--light-border);background:var(--light-surface);box-shadow:0 8px 25px #1f305009}.course-card:hover{border-color:#5b8def40;transform:translateY(-2px)}.course-number{width:42px;height:42px;color:var(--accent-light);background:#5b8def17;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-family:Manrope,sans-serif;font-size:11px;font-weight:800;display:flex}.course-main{min-width:0}.course-chapter{color:var(--accent-light);letter-spacing:1.1px;text-transform:uppercase;font-size:9px;font-weight:800}.course-main h3{color:var(--text-dark);letter-spacing:-.3px;margin-top:7px;font-family:Manrope,sans-serif;font-size:17px;font-weight:700}.light .course-main h3{color:var(--text-light)}.course-main p{color:var(--text-dark-soft);margin-top:7px;font-size:12px;line-height:1.6}.light .course-main p{color:var(--text-light-soft)}.pdf-button{min-height:34px;color:var(--accent-light);transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#5b8def12;border:1px solid #5b8def2e;border-radius:8px;align-items:center;gap:7px;margin-top:15px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.light .pdf-button{color:var(--accent-dark)}.pdf-button:hover{background:#5b8def21;border-color:#5b8def4d;transform:translateY(-1px)}.side-note{top:calc(var(--topbar-height) + 25px);border:1px solid var(--dark-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#5b8def14,#111722b3);padding:25px;position:sticky}.light .side-note{border-color:var(--light-border);background:linear-gradient(145deg,#5b8def0f,#fffffff2)}.side-note-icon{width:44px;height:44px;color:var(--accent-light);background:#5b8def1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:25px;font-family:Georgia,serif;font-size:23px;display:flex}.mini-label{color:var(--accent-light);letter-spacing:1.4px;font-size:9px;font-weight:800}.side-note h3{color:var(--text-dark);letter-spacing:-.5px;margin-top:10px;font-family:Manrope,sans-serif;font-size:20px;line-height:1.25}.light .side-note h3{color:var(--text-light)}.side-note p{color:var(--text-dark-soft);margin-top:12px;font-size:11px;line-height:1.7}.light .side-note p{color:var(--text-light-soft)}.exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.exercise-card{border:1px solid var(--dark-border);border-radius:var(--radius-md);min-height:255px;transition:border-color var(--transition), transform var(--transition), background-color var(--transition);background:#111722ad;flex-direction:column;padding:22px;display:flex;position:relative}.light .exercise-card{border-color:var(--light-border);background:var(--light-surface);box-shadow:0 8px 25px #1f305009}.exercise-card:hover{border-color:#5b8def40;transform:translateY(-3px)}.exercise-top{justify-content:space-between;align-items:center;display:flex}.exercise-number{color:var(--text-dark-muted);font-family:Manrope,sans-serif;font-size:11px;font-weight:800}.light .exercise-number{color:var(--text-light-muted)}.difficulty{border-radius:6px;padding:5px 8px;font-size:8px;font-weight:800}.difficulty.facile{color:#62c794;background:#58b9891a}.difficulty.moyen{color:var(--accent-light);background:#5b8def1a}.difficulty.difficile{color:#e6a184;background:#e089661a}.exercise-icon{width:43px;height:43px;color:var(--accent-light);background:#5b8def17;border-radius:11px;justify-content:center;align-items:center;margin-top:23px;display:flex}.exercise-card h3{color:var(--text-dark);letter-spacing:-.3px;margin-top:16px;font-family:Manrope,sans-serif;font-size:17px;font-weight:700}.light .exercise-card h3{color:var(--text-light)}.exercise-card p{max-width:450px;color:var(--text-dark-soft);margin-top:7px;font-size:11px;line-height:1.65}.light .exercise-card p{color:var(--text-light-soft)}.exercise-footer{border-top:1px solid var(--dark-border);color:var(--text-dark-muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-size:9px;font-weight:600;display:flex}.light .exercise-footer{border-color:var(--light-border);color:var(--text-light-muted)}.exercise-footer a{color:var(--accent-light);transition:color var(--transition-fast);align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.light .exercise-footer a{color:var(--accent-dark)}.exercise-footer a:hover{color:var(--accent)}.resources-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.resource-card{border:1px solid var(--dark-border);border-radius:var(--radius-md);min-height:270px;transition:border-color var(--transition), transform var(--transition);background:#111722ad;padding:24px;position:relative;overflow:hidden}.light .resource-card{border-color:var(--light-border);background:var(--light-surface);box-shadow:0 8px 25px #1f305009}.resource-card:hover{border-color:#5b8def40;transform:translateY(-3px)}.resource-index{color:var(--text-dark-muted);font-size:9px;font-weight:800;position:absolute;top:17px;right:20px}.light .resource-index{color:var(--text-light-muted)}.resource-icon{width:45px;height:45px;color:var(--accent-light);background:#5b8def17;border-radius:12px;justify-content:center;align-items:center;margin-bottom:27px;font-family:Manrope,sans-serif;font-size:19px;font-weight:700;display:flex}.resource-content h3{color:var(--text-dark);letter-spacing:-.3px;font-family:Manrope,sans-serif;font-size:17px;font-weight:700}.light .resource-content h3{color:var(--text-light)}.resource-content p{color:var(--text-dark-soft);margin-top:9px;font-size:11px;line-height:1.7}.light .resource-content p{color:var(--text-light-soft)}.resource-link{color:var(--accent-light);transition:color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:7px;margin-top:23px;font-size:10px;font-weight:700;display:inline-flex}.light .resource-link{color:var(--accent-dark)}.resource-link:hover{color:var(--accent);transform:translate(2px)}.footer{border-top:1px solid var(--dark-border);min-height:65px;color:var(--text-dark-muted);justify-content:space-between;align-items:center;gap:20px;padding:0 52px;font-size:9px;display:flex}.light .footer{border-color:var(--light-border);color:var(--text-light-muted)}.footer-math{color:var(--accent-light);letter-spacing:4px}.mobile-bottom-nav{display:none}@media (max-width:1100px){:root{--sidebar-width:225px}.content-area,.topbar{padding:0 35px}.hero{grid-template-columns:minmax(0,1fr) minmax(180px,.35fr)}.hero h1{font-size:clamp(46px,6vw,70px)}.course-layout{grid-template-columns:minmax(0,1fr) 230px}.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){:root{--mobile-bottom-height:72px}html,body{width:100%;min-width:0;overflow-x:hidden}.app-shell{width:100%;min-height:100svh}.sidebar,.math-symbol{display:none}.main-content{width:100%;min-height:100svh;padding-bottom:calc(var(--mobile-bottom-height) + env(safe-area-inset-bottom));margin-left:0}.mobile-header{z-index:60;border-bottom:1px solid var(--dark-border);-webkit-backdrop-filter:blur(18px);justify-content:space-between;align-items:center;height:67px;padding:0 18px;display:flex;position:sticky;top:0}.dark .mobile-header{background:#0a0d14e0}.light .mobile-header{border-color:var(--light-border);background:#f5f7fbe6}.mobile-brand{align-items:center;gap:10px;display:flex}.mobile-brand-mark{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;display:flex}.mobile-brand strong{color:var(--text-dark);font-family:Manrope,sans-serif;font-size:15px;font-weight:800;display:block}.light .mobile-brand strong{color:var(--text-light)}.mobile-brand span{color:var(--text-dark-muted);margin-top:2px;font-size:8px;font-weight:600;display:block}.light .mobile-brand span{color:var(--text-light-muted)}.mobile-theme-toggle{display:flex}.topbar{display:none}.mobile-level-wrapper{z-index:30;padding:12px 18px 0;display:block;position:relative}.mobile-level-switcher{background:#5b8def12;border:1px solid #5b8def17;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;width:100%;padding:4px;display:grid}.mobile-level-switcher button{height:38px;color:var(--text-dark-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border-radius:9px;font-size:11px;font-weight:800}.light .mobile-level-switcher button{color:var(--text-light-muted)}.mobile-level-switcher button.active{background:var(--accent);color:#fff;box-shadow:0 5px 15px #5b8def2e}.content-area{width:100%;max-width:none;padding:0 18px}.home-page,.hero{min-height:auto;display:block}.hero-copy{max-width:none;padding:58px 0 75px}.hero h1{letter-spacing:-2.7px;margin-top:20px;font-size:clamp(42px,13vw,62px);line-height:.98}.hero p{max-width:570px;margin-top:24px;font-size:13px;line-height:1.75}.hero-actions{grid-template-columns:1fr;gap:9px;margin-top:28px;display:grid}.primary-button,.secondary-button{border-radius:12px;width:100%;min-height:50px}.hero-visual{display:none}.page-section{padding:38px 0 45px}.page-header{margin-bottom:26px;display:block}.page-header h1{letter-spacing:-1.8px;margin-top:13px;font-size:clamp(32px,9vw,45px);line-height:1}.page-header p{margin-top:13px;font-size:12px;line-height:1.7}.course-layout{display:block}.chapter-list{gap:10px}.course-card{border-radius:14px;gap:13px;padding:17px}.course-number{border-radius:9px;width:36px;height:36px;font-size:9px}.course-main{flex:1}.course-chapter{font-size:8px}.course-main h3{margin-top:6px;font-size:15px;line-height:1.35}.course-main p{margin-top:6px;font-size:11px;line-height:1.6}.pdf-button{min-height:37px;margin-top:13px;padding:0 11px;font-size:9px}.side-note{display:none}.exercise-grid{grid-template-columns:1fr;gap:10px}.exercise-card{border-radius:14px;min-height:235px;padding:19px}.exercise-icon{margin-top:19px}.exercise-card h3{margin-top:14px;font-size:16px}.exercise-card p{font-size:11px}.exercise-footer{padding-top:15px}.resources-grid{grid-template-columns:1fr;gap:10px}.resource-card{border-radius:14px;min-height:215px;padding:20px}.resource-icon{margin-bottom:21px}.resource-content h3{font-size:16px}.footer{display:none}.mobile-bottom-nav{z-index:100;height:calc(var(--mobile-bottom-height) + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);border-top:1px solid var(--dark-border);-webkit-backdrop-filter:blur(20px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.dark .mobile-bottom-nav{background:#0d111af0}.light .mobile-bottom-nav{border-color:var(--light-border);background:#fffffff0}.mobile-bottom-nav button{min-width:0;color:var(--text-dark-muted);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.light .mobile-bottom-nav button{color:var(--text-light-muted)}.mobile-bottom-nav button.active{color:var(--accent-light)}.light .mobile-bottom-nav button.active{color:var(--accent-dark)}.mobile-nav-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mobile-nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 3px;font-size:8px;font-weight:700;overflow:hidden}.mobile-nav-dot{background:var(--accent);border-radius:50%;width:3px;height:3px;position:absolute;bottom:4px}}@media (max-width:390px){.mobile-header,.content-area,.mobile-level-wrapper{padding-left:14px;padding-right:14px}.hero-copy{padding-top:48px}.hero h1{letter-spacing:-2.3px;font-size:40px}.hero p{font-size:12px}.eyebrow{letter-spacing:1.4px;font-size:8px}.page-header h1{font-size:32px}.course-card{padding:15px}.course-number{width:33px;height:33px}.course-main h3{font-size:14px}.course-main p{font-size:10px}.pdf-button{justify-content:center;width:100%}.exercise-card,.resource-card{padding:17px}.mobile-nav-label{font-size:7px}}@media (max-width:340px){.mobile-brand span{display:none}.hero h1{font-size:36px}.hero-actions{gap:7px}.primary-button,.secondary-button{min-height:47px}.mobile-nav-icon{width:22px;height:22px}.mobile-nav-label{font-size:6.5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.sidebar,.topbar,.mobile-header,.mobile-bottom-nav,.footer,.theme-toggle,.level-switcher,.mobile-level-wrapper{display:none!important}.main-content{width:100%;margin:0}.content-area{max-width:none;padding:0}.app-shell{color:#000!important;background:#fff!important}}