:root{--bg:#06171e;--panel:#0b242d;--panel2:#0f303b;--text:#f5fbfd;--muted:#9eb4bd;--line:#1e4653;--accent:#18c6bd;--accent2:#74e5db;--gold:#e2bc67;--good:#4fd39d;--bad:#ff7676;--shadow:0 22px 70px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0,#0e3542 0,transparent 30%),linear-gradient(180deg,#06171e,#071c24 55%,#05151b);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.shell{width:min(1100px,calc(100% - 28px));margin:auto;padding:20px 0 70px}.lesson-shell{width:min(980px,calc(100% - 24px))}.topbar{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:10px 0 20px}.topbar.sticky{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(6,23,30,.97),rgba(6,23,30,.88),rgba(6,23,30,0));backdrop-filter:blur(8px)}.brand{color:#fff;text-decoration:none;font-weight:900;font-size:20px;letter-spacing:-.02em}.brand span{color:var(--accent2)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:13px;border:1px solid var(--line);background:#102c35;color:#fff;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}.btn:hover{border-color:#347080}.btn.primary{background:linear-gradient(135deg,var(--accent),#0e9f9c);border-color:transparent;color:#022126}.btn.ghost{background:transparent}.btn:disabled{opacity:.42;cursor:not-allowed}.card{background:linear-gradient(180deg,rgba(15,48,59,.88),rgba(9,34,42,.9));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero{padding:clamp(24px,5vw,54px);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-100px;background:radial-gradient(circle,rgba(24,198,189,.26),transparent 68%);pointer-events:none}.hero.compact{padding:28px 32px}.eyebrow{margin:0 0 8px;color:var(--accent2);font-size:12px;font-weight:900;letter-spacing:.16em}.hero h1,.step h2,.result h2{margin:0;letter-spacing:-.035em}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.96}.lead{color:#c8d8dd;font-size:clamp(16px,2vw,20px);line-height:1.7;max-width:760px}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.hero-grid div{padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(4,21,27,.38)}.hero-grid strong{display:block;font-size:28px}.hero-grid span{color:var(--muted);font-size:13px}.section{padding:34px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.section h2{margin:0;font-size:30px}.tag,.lock{display:inline-flex;padding:7px 10px;border-radius:999px;background:#12343e;border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:800}.lesson-grid{display:grid;gap:12px}.lesson-card{display:grid;grid-template-columns:58px 1fr auto;gap:15px;align-items:center;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(10,37,46,.75)}.lesson-card.locked{opacity:.58}.lesson-card.done{border-color:#398c73}.lesson-num{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#102e38;color:var(--accent2);font-weight:900}.lesson-copy h3{margin:0 0 4px}.lesson-copy p{margin:0;color:var(--muted);font-size:14px}.progress-wrap{display:flex;align-items:center;gap:8px;flex:1;max-width:420px}.progress{height:9px;background:#0d2b34;border-radius:99px;overflow:hidden;flex:1}.progress span,.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px;transition:width .25s ease}.progress-wrap small{color:var(--muted);width:42px;text-align:right}.goal-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.goal-chips span{padding:8px 11px;border-radius:999px;border:1px solid #2d5964;background:#0a2a33;color:#d5edef;font-weight:800;font-size:13px}.step{display:grid;grid-template-columns:58px 1fr;gap:18px;margin-top:18px;padding:25px}.step.locked{opacity:.38;pointer-events:none;filter:saturate(.6)}.completed-stage{border-color:#2c7662}.stage-num{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#153944,#0b2730);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent2);font-size:20px;font-weight:900}.step h2{font-size:clamp(26px,4vw,38px)}.step p{line-height:1.65}.check-list{padding-left:22px;color:#d2e2e7;line-height:1.9}.check-list li::marker{color:var(--accent)}.phrase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.phrase-grid article{padding:15px;border-radius:15px;background:#082630;border:1px solid var(--line)}.phrase-grid b{display:block;margin-bottom:5px}.phrase-grid span{color:var(--muted);font-size:13px;direction:rtl;display:block;text-align:left}.tip,.recommendation{margin:18px 0;padding:15px 17px;border-radius:15px;background:#102f39;border-left:4px solid var(--gold);color:#dce9ec}.wide{min-width:0}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.muted{color:var(--muted);margin:4px 0}.mini-score{padding:9px 12px;border-radius:999px;background:#0c2d37;border:1px solid var(--line);font-weight:800;color:var(--accent2)}.passage{margin:18px 0;padding:18px;border-radius:16px;background:#081f27;border:1px solid #234d59;color:#d6e4e8;line-height:1.8}.question{font-size:clamp(20px,3vw,28px);line-height:1.4}.choices{display:grid;gap:10px}.choice{width:100%;display:flex;align-items:center;gap:13px;min-height:54px;padding:11px 14px;border:1px solid var(--line);border-radius:15px;background:#0b2933;color:#f7fcfd;text-align:left;font:inherit;cursor:pointer}.choice span{width:32px;height:32px;border-radius:10px;background:#123944;display:grid;place-items:center;color:var(--accent2);font-weight:900}.choice:hover{border-color:#3b7380}.choice.correct{border-color:var(--good);background:rgba(79,211,157,.1)}.choice.wrong{border-color:var(--bad);background:rgba(255,118,118,.08)}.feedback{margin-top:15px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);line-height:1.55}.feedback.good{border-color:#2f8265;background:rgba(79,211,157,.08)}.feedback.bad{border-color:#915454;background:rgba(255,118,118,.07)}.feedback p{margin:5px 0 0;color:#cbdde2}.actions{display:flex;justify-content:flex-end;margin-top:16px}.strategy-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.strategy-flow span{display:flex;gap:9px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:#092631}.strategy-flow b{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:#03262a}.example-box{padding:18px;border-radius:17px;background:#071f27;border:1px solid var(--line)}.example-box p{font-size:18px;font-weight:800}.example-options{display:flex;flex-wrap:wrap;gap:8px}.example-options span{padding:7px 10px;border-radius:10px;background:#102e38}.example-options .correct{background:rgba(79,211,157,.15);color:#86e6bd}.example-box small{display:block;margin-top:13px;color:var(--muted)}.challenge-item{padding:17px 0;border-bottom:1px solid var(--line)}.challenge-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.challenge-options label{padding:11px;border-radius:12px;background:#0b2933;border:1px solid var(--line);cursor:pointer}.result{margin-top:18px;padding:clamp(24px,5vw,42px);border-color:#337c68}.result-main{display:grid;grid-template-columns:.45fr 1fr;gap:24px;align-items:center}.big-score{font-size:clamp(58px,10vw,96px);font-weight:950;line-height:1;color:var(--accent2);letter-spacing:-.06em}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.skill-grid article{padding:15px;border:1px solid var(--line);border-radius:15px;background:#082630}.skill-grid span,.skill-grid small{display:block;color:var(--muted)}.skill-grid strong{display:block;font-size:25px;margin:5px 0 10px}.skill-grid .progress{margin-bottom:8px}.result-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.hidden{display:none!important}
@media(max-width:720px){.shell{width:min(100% - 18px,1100px)}.topbar{flex-wrap:wrap}.progress-wrap{order:3;flex-basis:100%;max-width:none}.hero-grid,.phrase-grid,.strategy-flow,.skill-grid,.result-main{grid-template-columns:1fr}.lesson-card{grid-template-columns:50px 1fr}.lesson-card .btn,.lesson-card .lock{grid-column:1/-1}.step{grid-template-columns:1fr;padding:19px}.stage-num{width:42px;height:42px}.challenge-options{grid-template-columns:1fr}.hero.compact{padding:23px}.section-head{align-items:flex-start;flex-direction:column}}

.video-stage{margin-top:18px;padding:22px}.video-frame{margin-top:14px;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#020b0e}.video-frame video{display:block;width:100%;aspect-ratio:16/9;background:#020b0e}.video-note{margin:10px 0 0;color:var(--muted);font-size:13px}.lesson-card.ready{opacity:1}.lesson-card .status{font-size:12px;color:var(--accent2);font-weight:900}.course-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.course-stats div{padding:14px;border:1px solid var(--line);border-radius:15px;background:#092630}.course-stats b{display:block;font-size:24px}.course-stats span{font-size:12px;color:var(--muted)}@media(max-width:720px){.course-stats{grid-template-columns:repeat(2,1fr)}}