:root{--navy:#142557;--blue:#3157d5;--blue-soft:#e9efff;--ink:#182139;--muted:#66718b;--paper:#f5f7fb;--line:#dce3ef;--shadow:0 16px 42px rgba(28,45,91,.1)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.65}
.global-nav{position:relative;z-index:50;background:#fff;border-bottom:1px solid var(--line);padding:11px max(18px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;direction:rtl;color:var(--ink)}.global-brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;font-size:.82rem}.lesson-picker-wrap{display:flex;align-items:center;gap:9px;color:var(--muted)}.lesson-picker{min-width:215px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:8px 11px;font:inherit}
.home-shell{width:min(1120px,calc(100% - 28px));margin:auto;padding:30px 0 60px}.home-hero{border-radius:30px;padding:clamp(30px,6vw,68px);background:radial-gradient(circle at 15% 15%,#4f72e7 0,transparent 34%),linear-gradient(135deg,#101e4b,#233d8b);color:#fff;box-shadow:var(--shadow)}.kicker{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.15em;color:#7180a2;margin-bottom:8px}.home-hero .kicker{color:#b8c7ff}.home-hero h1{font-size:clamp(2.2rem,6vw,4.7rem);line-height:1.12;max-width:820px;margin:0}.home-hero p{font-size:1.08rem;max-width:700px;opacity:.88}.home-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.home-stats span{border:1px solid #ffffff38;background:#ffffff17;padding:9px 14px;border-radius:999px}
.catalog{padding:46px 0 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.section-heading h2,.path-section h2{font-size:clamp(1.6rem,3vw,2.25rem);margin:0}.section-heading p{max-width:430px;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lesson-card{display:flex;flex-direction:column;min-height:310px;padding:23px;border:1px solid var(--line);border-radius:22px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 8px 24px #1c2d5b0d;transition:.2s}.lesson-card:hover{transform:translateY(-5px);border-color:#a9b9ee;box-shadow:var(--shadow)}.lesson-card.featured{background:linear-gradient(160deg,#fff,#edf1ff);border-color:#b8c5ef}.lesson-number{font-size:2.2rem;font-weight:800;color:#d6dcef;line-height:1}.lesson-tag{align-self:flex-start;margin:18px 0 8px;padding:5px 10px;border-radius:999px;background:var(--blue-soft);color:#2847ad;font-size:.78rem;font-weight:700}.lesson-card h3{font-size:1.55rem;margin:4px 0 8px}.lesson-card p{color:var(--muted);margin:0}.lesson-action{margin-top:auto;color:var(--blue);font-weight:800;padding-top:22px}.path-section{margin-top:28px;padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.path-grid div{display:flex;align-items:center;gap:10px}.path-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff}
body[data-lesson="simple-past"]{padding:0!important}body[data-lesson="simple-past"] iframe{height:calc(100vh - 65px)!important}
@media(max-width:760px){.global-nav{align-items:stretch;flex-direction:column}.lesson-picker-wrap{justify-content:space-between}.lesson-picker{min-width:0;flex:1}.lesson-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.path-grid{grid-template-columns:1fr 1fr}.home-shell{padding-top:18px}.home-hero{border-radius:22px}}@media(max-width:430px){.lesson-picker-wrap>span{display:none}.path-grid{grid-template-columns:1fr}}

/* Main personal homepage */
.main-home{width:min(1180px,calc(100% - 28px));margin:auto;padding:22px 0 42px}.main-hero{min-height:570px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;padding:clamp(32px,6vw,72px);border-radius:34px;background:linear-gradient(135deg,#6046d7 0%,#3157d5 43%,#159b9b 100%);color:#fff;box-shadow:0 26px 70px #29377a33}.main-hero:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:#ffb84d;filter:blur(1px);opacity:.22;right:-110px;bottom:-150px}.hero-copy{position:relative;z-index:2}.main-chip{display:inline-flex;padding:7px 13px;border:1px solid #ffffff47;background:#ffffff18;border-radius:999px;font-weight:700}.main-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.98;margin:24px 0 20px;letter-spacing:-.04em}.main-hero h1 em{font-style:normal;color:#ffda86}.main-hero p{max-width:690px;font-size:1.1rem;opacity:.9}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.main-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:13px;text-decoration:none;font-weight:800}.main-btn.light{background:#fff;color:#2947ab}.main-btn.glass{border:1px solid #ffffff4f;background:#ffffff13;color:#fff}.main-btn.dark{background:#17244d;color:#fff}.hero-art{position:relative;min-height:390px;display:grid;place-items:center}.hero-letter{position:relative;z-index:3;display:grid;place-items:center;width:220px;height:220px;border-radius:48px;transform:rotate(-8deg);background:linear-gradient(145deg,#fff,#dce5ff);color:#3f42b7;font:900 9rem/1 "Segoe UI";box-shadow:0 30px 60px #17245d55}.orbit{position:absolute;border:2px solid #ffffff55;border-radius:50%}.orbit-one{width:330px;height:330px}.orbit-two{width:420px;height:260px;transform:rotate(32deg)}.spark{position:absolute;font-size:2rem}.s1{top:35px;right:30px;color:#ffda86}.s2{bottom:42px;left:35px;color:#8ff1d6}.s3{top:100px;left:20px}.quick-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 56px}.quick-strip>div{display:flex;align-items:center;gap:13px;padding:17px 19px;border:1px solid var(--line);border-radius:18px;background:#fff}.quick-strip p{display:flex;flex-direction:column;margin:0}.quick-strip small{color:var(--muted)}.quick-icon{display:grid;place-items:center;min-width:52px;height:52px;border-radius:15px;color:#fff;font-weight:900}.quick-icon.purple{background:#7555d9}.quick-icon.orange{background:#ef8b38}.quick-icon.green{background:#159b78}.main-section{padding:34px 0}.main-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.main-heading h2{font-size:clamp(2rem,4vw,3rem);margin:0;line-height:1.15}.main-heading p{max-width:470px;color:var(--muted)}.main-kicker{color:#7153d8;font-size:.78rem;font-weight:900;letter-spacing:.15em}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.project-card{display:flex;align-items:center;gap:24px;min-height:260px;padding:28px;border-radius:26px;color:#fff;text-decoration:none;overflow:hidden}.project-card.english{background:linear-gradient(135deg,#163a77,#246ea9)}.project-card.ideas{background:linear-gradient(135deg,#c45a37,#ef9d45)}.project-symbol{display:grid;place-items:center;flex:0 0 125px;height:125px;border-radius:30px;background:#ffffff1d;border:1px solid #ffffff35;font-size:3.3rem;font-weight:900}.project-card h3{font-size:1.7rem;margin:8px 0}.project-card p{opacity:.85}.project-card b{display:block;margin-top:18px}.mini-tag{display:inline-block;padding:5px 10px;background:#ffffff1c;border-radius:999px;font-size:.76rem;font-weight:800}.lessons-section{padding-top:58px}.lesson-grid.colorful .lesson-card{border:0;color:#fff;min-height:330px}.lesson-grid.colorful .lesson-card p{color:#ffffffd1}.lesson-grid.colorful .lesson-number{color:#ffffff54}.lesson-grid.colorful .lesson-tag{background:#ffffff20;color:#fff}.lesson-grid.colorful .lesson-action{color:#fff}.lesson-blue{background:linear-gradient(145deg,#226cc1,#173a7c)!important}.lesson-violet{background:linear-gradient(145deg,#7955da,#4933a2)!important}.lesson-orange{background:linear-gradient(145deg,#ee9140,#bb4e31)!important}.study-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:42px;padding:30px 34px;border-radius:24px;background:#e9eeff}.study-banner span{color:#5a67a0;font-weight:800}.study-banner h2{margin:4px 0}.main-footer{display:flex;align-items:center;gap:22px;margin-top:45px;padding:28px 5px 5px;border-top:1px solid var(--line);color:var(--muted)}.main-footer p{margin:0}.main-footer a{margin-inline-start:auto;color:var(--blue)}.footer-brand{font-size:1.6rem;font-weight:900;color:var(--navy)}.footer-brand span{color:#f0903c}
@media(max-width:820px){.main-hero{grid-template-columns:1fr;min-height:0}.hero-art{min-height:300px}.hero-letter{width:170px;height:170px;font-size:7rem}.quick-strip{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.main-heading{align-items:start;flex-direction:column}.study-banner{align-items:start;flex-direction:column}}@media(max-width:520px){.main-hero{padding:28px 22px;border-radius:24px}.main-hero h1{font-size:3.2rem}.hero-art{min-height:240px}.hero-letter{width:135px;height:135px;border-radius:30px;font-size:5.5rem}.orbit-one{width:230px;height:230px}.orbit-two{width:270px}.project-card{align-items:flex-start;flex-direction:column}.project-symbol{flex-basis:auto;width:80px;height:80px}.main-footer{align-items:flex-start;flex-direction:column}.main-footer a{margin:0}}

.lesson-green{background:linear-gradient(145deg,#1ba78c,#075952)!important}.lesson-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}


.lesson-pink{background:linear-gradient(145deg,#8d58d2,#391c71)!important}

.project-grid{grid-template-columns:repeat(2,1fr)}.project-card.game{background:linear-gradient(135deg,#5830a4,#d62f78)}.project-card.ai-lab{background:linear-gradient(135deg,#052d46,#087d87 55%,#16a575)}@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,1fr)}.project-card{align-items:flex-start;flex-direction:column}.project-symbol{flex-basis:auto}}@media(max-width:820px){.project-grid{grid-template-columns:1fr}}
.vocab-feature{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:25px;margin:55px 0 20px;padding:clamp(26px,5vw,50px);border-radius:28px;background:linear-gradient(135deg,#092f49,#116e7c 60%,#178c74);color:#fff;overflow:hidden}.vocab-feature .main-kicker{color:#9fe6de}.vocab-feature h2{font-size:clamp(2.4rem,6vw,4.5rem);margin:5px 0}.vocab-feature p{max-width:700px;color:#ffffffd5;line-height:1.8}.vocab-numbers{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.vocab-numbers span{padding:9px 12px;border:1px solid #ffffff30;background:#ffffff10;border-radius:9px}.vocab-numbers b{display:block;font-size:1.15rem}.vocab-button{background:#fff;color:#0b5666;margin-top:5px}.vocab-feature-art{position:relative;min-height:280px;display:grid;place-items:center}.vocab-feature-art strong{display:grid;place-items:center;width:145px;height:145px;border-radius:28px;background:#fff;color:#0e6571;font:900 4.8rem Arial;box-shadow:0 20px 55px #001b2566}.vocab-word{position:absolute;padding:7px 10px;border:1px solid #ffffff38;background:#ffffff12;border-radius:7px;font:800 .75rem Arial;letter-spacing:.08em}.vocab-word.one{top:18px;right:20px}.vocab-word.two{top:55px;left:5px}.vocab-word.three{bottom:30px;right:5px}.vocab-word.four{bottom:8px;left:50px}.vocab-word.five{top:130px;right:-5px}@media(max-width:760px){.vocab-feature{grid-template-columns:1fr}.vocab-feature-art{min-height:210px}.vocab-feature-art strong{width:115px;height:115px;font-size:3.8rem}}