:root{--navy:#071c32;--ink:#0c2238;--sky:#dff4fc;--blue:#0079b8;--orange:#f4a640;--cream:#f7f7f4;--line:#cfe0ea;--muted:#587083;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white;position:sticky;top:0;z-index:10}.brand{color:white;text-decoration:none;font-weight:800;letter-spacing:-.03em;font-size:20px}.brand-mark{color:var(--orange);margin-right:7px}.brand small{font-weight:700;font-size:9px;letter-spacing:.16em;margin-left:6px;color:#98bed5}.top-actions{display:flex;gap:16px;align-items:center}.level-chip{font-size:13px;background:#173b59;padding:6px 10px;border-radius:999px}.text-button{font:inherit;color:white;border:0;background:none;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.hero{background:radial-gradient(circle at 84% 18%,#1a5880 0,transparent 28%),linear-gradient(120deg,#071c32,#0d3656);color:white;padding:70px max(24px,calc((100vw - 1100px)/2)) 62px;display:grid;grid-template-columns:1.15fr .85fr;gap:52px;min-height:410px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#91d9f5;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.hero h1{font-size:clamp(39px,6vw,72px);line-height:.98;letter-spacing:-.06em;margin:14px 0 20px}.hero p{font-size:19px;max-width:625px;color:#c6dae8}.hero-image{height:290px;margin-top:2px;object-fit:cover;width:100%;border-radius:20px;border:7px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.25)}button{font:inherit}.primary{background:var(--orange);color:#122d43;border:0;border-radius:10px;padding:14px 20px;font-weight:800;cursor:pointer;box-shadow:0 6px 0 #cf7d1b}.primary:active{transform:translateY(3px);box-shadow:0 3px 0 #cf7d1b}.page{max-width:1100px;margin:0 auto;padding:50px 24px 80px}.welcome-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 8px 25px rgba(13,47,73,.05)}h2{font-size:34px;letter-spacing:-.04em;line-height:1.1;margin:0 0 13px}h3{margin:0;font-size:18px}.focus-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.focus-item{border:1px solid var(--line);border-radius:11px;padding:13px;font-weight:700;background:#fbfdfe}.focus-item span{display:block;color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.progress-card{background:#e8f6fb;border:0}.progress-line{height:9px;border-radius:99px;background:#c6e5ef;margin:22px 0 9px;overflow:hidden}.progress-line span{display:block;height:100%;width:0;background:var(--blue);transition:width .3s}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:40px 0}.module{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:.2s}.module:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(7,28,50,.11)}.module img{height:125px;width:100%;object-fit:cover}.module-content{padding:18px}.module-number{font-size:12px;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.module h3{margin:4px 0 5px}.module p{margin:0;color:var(--muted);font-size:14px}.lesson-head{display:grid;grid-template-columns:1fr .9fr;gap:36px;margin-bottom:32px}.lesson-head .hero-image{height:300px}.back{border:0;background:transparent;color:var(--blue);padding:0 0 18px;font-weight:800;cursor:pointer}.lesson-meta{color:var(--blue);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.lesson-intro{font-size:19px}.key-rule{border-left:5px solid var(--orange);background:#fff8e9;padding:17px 20px;margin:22px 0;border-radius:0 10px 10px 0}.bilingual{color:var(--muted);font-size:14px;margin-top:3px}.example{padding:18px 0;border-bottom:1px solid var(--line)}.example strong{font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.mini-card{border:1px solid var(--line);background:#f8fcfe;border-radius:12px;padding:15px}.mini-card .label{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:.09em}.quiz{margin-top:34px}.quiz h2{font-size:28px}.question{padding:22px;border:1px solid var(--line);border-radius:14px;background:white;margin:14px 0}.options{display:grid;gap:9px;margin-top:16px}.option{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:9px;padding:11px 13px;background:white;cursor:pointer;text-align:left}.option:hover{border-color:var(--blue);background:#f0faff}.option.correct{border-color:#37965d;background:#eaf8ef}.option.incorrect{border-color:#ce5160;background:#fff0f1}.feedback{font-weight:700;margin-top:10px}.lesson-footer{display:flex;justify-content:space-between;align-items:center;margin:30px 0}.completion{padding:18px;border-radius:12px;background:#eaf8ef;color:#145d33;font-weight:700}.hidden{display:none}.review-score{font-size:38px;font-weight:900;color:var(--blue)}.review-image{width:100%;max-height:270px;object-fit:cover;border-radius:16px;margin:24px 0}@media(max-width:760px){.topbar{height:62px}.level-chip{display:none}.hero,.welcome-grid,.lesson-head{grid-template-columns:1fr;gap:24px;padding-top:42px}.hero-image{height:200px}.module-grid,.cards,.focus-list{grid-template-columns:1fr}.page{padding-top:32px}.hero h1{font-size:48px}.top-actions{gap:4px}.brand small{display:none}}