:root{--green:#6552c7;--dark:#27223e;--muted:#898397;--line:#eae7ef;--bg:#f8f7fb;--yellow:#ffc5ad}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3{letter-spacing:-.7px}aside{width:240px;padding:30px 21px;background:#fff}.shell{margin-left:240px}.brand b{background:#2d254a;border-radius:15px}.brand span{font-weight:800}.brand small{letter-spacing:1.6px;font-size:8px}nav{gap:5px}nav a{color:#827b92;font-size:13px;padding:12px 15px}nav a.active{background:#f0ecfb;color:#6552c7}.seed{background:#f3effb;color:#7b65aa;font-size:22px}.aside-bottom p{font-size:9px}.hero{background:#2d254a;border-radius:24px;padding:36px 40px;box-shadow:0 12px 35px #45327412}.hero p{color:#c8c0df}.hero .eyebrow{color:#d5b6f5}.hero button{background:#ffc5ad;color:#492f3b}.hero h2{font-size:34px}.han-card{background:#fff0e3;color:#6c4b67;box-shadow:14px 15px 0 #514168}.floating{background:#6a558a80}.card,.stat{border:1px solid #eae7ef;box-shadow:0 4px 15px #44336003}.icon{background:#f1ecfa;color:#7460b0}.tag{background:#f0eafa;color:#7b5fba}.word-card{background:#fff2e9;border-color:#f5e4d8}.note{background:#f0edf8;color:#74678d}.bar{background:#eeeaf6}.secondary{background:#f1edf9!important;color:#6552c7!important}.stat small:first-child{letter-spacing:1px;font-size:10px}.stat strong{color:#322a49}.avatar{background:#f0e9fb}.course-grid .card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #4433600d}.course-grid .card{transition:transform .2s,box-shadow .2s}.searchbar{display:flex;align-items:center;gap:14px;margin-top:25px}.searchbar input{max-width:370px}.searchbar span{font-size:12px;color:var(--muted)}.welcome aside{display:none}.welcome .shell{margin:0}.welcome header{display:none}.welcome main{max-width:1450px;padding:0 65px}.welcome footer{max-width:1320px;margin:auto;padding:28px 0}.landing-nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.landing-nav .brand{margin:0}.landing-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.landing-links a:hover{color:var(--green)}.landing-links button{padding:11px 19px;font-size:12px}.landing-hero{min-height:570px;display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;padding:50px 0 75px}.landing-hero h1{font-size:clamp(40px,4.7vw,68px);font-weight:800;line-height:1.09;letter-spacing:-3px;margin:24px 0}.landing-hero h1 em{font-style:normal;color:#8670d6}.landing-hero p{font-size:16px;max-width:470px;line-height:1.85;color:#8a819a}.landing-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;background:#f0eafa;border:1px solid #e6def4;border-radius:30px;padding:7px 13px;font-size:9px;letter-spacing:1.1px}.landing-actions{display:flex;align-items:center;gap:15px;margin:28px 0 17px}.landing-actions button{padding:16px 24px;border-radius:12px}.landing-actions a{font-size:13px;color:#70667f}.under-cta{display:flex;gap:20px;font-size:11px;color:#968aa2}.landing-art{height:460px;position:relative;background:#eee7fa;border-radius:46% 46% 24px 24px;display:grid;place-items:center;isolation:isolate}.landing-art:before{content:'';width:320px;height:320px;border:1px solid #d6c5ec;border-radius:50%;position:absolute}.landing-art:after{content:'';width:380px;height:380px;border:1px dashed #d6c5ec;border-radius:50%;position:absolute;z-index:-1}.big-han{width:210px;height:275px;background:#32274c;color:#fff3ea;transform:rotate(-8deg);border-radius:25px;padding:30px;text-align:center;box-shadow:15px 22px 0 #c5b5e180}.big-han b{font-family:serif;font-size:130px;line-height:1.2;font-weight:500;display:block}.big-han span{letter-spacing:3px;font-size:11px;color:#d5c8e9}.mini-float{position:absolute;background:#fff;border:1px solid #eee6f2;box-shadow:0 15px 35px #4a326414;border-radius:14px;padding:14px 18px}.mini-float strong{display:block}.mini-float small{color:#9a8fa5;font-size:10px}.float-greet{top:52px;right:-13px;transform:rotate(5deg)}.float-greet strong{font-size:28px;color:#574774}.float-progress{bottom:47px;left:-20px;transform:rotate(3deg);width:195px}.float-progress strong{font-size:12px}.float-word{right:3px;bottom:7px;border-radius:18px;background:#ffc5ad;width:92px;height:104px;transform:rotate(11deg);display:grid;place-content:center;text-align:center}.float-word strong{font-size:39px;font-family:serif}.float-word small{color:#75505b}.petal{position:absolute;top:16px;left:30px;color:#9b81ce;font-size:45px}.landing-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0;gap:25px}.landing-strip>div{display:flex;align-items:center;gap:14px}.landing-strip b{font-size:25px;color:#7460b0}.landing-strip span{font-size:12px;color:#8b8197}.landing-section{padding:70px 0}.landing-section .eyebrow{font-size:10px}.landing-section h2{font-size:34px;line-height:1.25;margin:15px 0}.landing-section .section-head{align-items:end;margin:0 0 28px}.landing-section .section-head p{max-width:330px;font-size:13px;color:#8a819a}.feature-course{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-course article{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}.course-cover{height:165px;padding:25px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.cover-purple{background:#eae1f8}.cover-peach{background:#ffe8d9}.cover-mint{background:#dcefe7}.course-cover strong{font-family:serif;font-size:90px;position:absolute;right:24px;top:0;color:#614a82}.cover-peach strong{color:#aa725c}.cover-mint strong{color:#588273}.course-cover span{font-size:10px;letter-spacing:1.5px;background:#fff9;padding:5px 10px;border-radius:20px}.feature-course .content{padding:23px}.feature-course h3{font-size:19px;margin:8px 0}.feature-course p{color:#908799;font-size:12px;min-height:40px}.feature-course button{padding:10px 14px;font-size:12px;width:100%;margin-top:17px}.course-meta{font-size:10px;color:#a297ad;border-top:1px solid var(--line);padding-top:12px}.how-section{background:#302647;color:#fff;padding:45px;border-radius:24px;display:grid;grid-template-columns:1fr 1.15fr;gap:60px}.how-section .eyebrow{color:#d5b1ef}.how-section h2{font-size:34px;line-height:1.25}.how-section p{font-size:13px;color:#c3b8d4}.steps{display:grid;gap:23px}.step{display:flex;gap:18px}.step b{background:#ffffff12;border:1px solid #ffffff20;border-radius:12px;width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;color:#ffc5ad}.step h3{font-size:15px;margin:0}.step p{margin:5px 0;font-size:12px}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.showcase-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 18px 50px #4b36500b}.showcase-card .word{font-size:80px;text-align:center}.showcase-card .choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.showcase-card .choices button{font-size:13px;background:#f8f5fc;border:1px solid #e8e1f1;color:#625573}.demo-result{min-height:24px;font-size:12px;color:#5a9375}.benefits{list-style:none;padding:0}.benefits li{padding:9px 0;font-size:13px;color:#7b7188}.benefits li:before{content:'✓';color:#8c72cb;margin-right:14px}.faq{max-width:820px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-size:14px;font-weight:650;cursor:pointer}.faq p{font-size:13px;color:#8a8095;margin:15px 0}.landing-end{background:#eee7f8;text-align:center;padding:45px 25px;border-radius:23px;margin:10px 0 60px}.landing-end h2{font-size:31px;margin:0 0 12px}.landing-end p{font-size:13px;color:#8d7b9e}.landing-end button{margin-top:15px}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}.practice-grid .card{padding:26px}.practice-grid .mode-icon{font-size:30px;background:#eee7fa;border-radius:15px;width:62px;height:62px;display:grid;place-items:center;margin-bottom:22px}.practice-grid p{font-size:13px;color:var(--muted);min-height:65px}.practice-grid button{width:100%}.match-board{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.match-col{display:grid;gap:10px}.match-col button{background:#faf7ff;color:var(--dark);border:1px solid #e5daef;min-height:55px}.match-col button.selected{border-color:#8d69ca;background:#eae0fa}.match-col button.matched{background:#edf6ef;border-color:#b7d9bb;color:#688c6b;opacity:.6}.daily-label{background:#fff0e7;color:#a7745b;padding:6px 10px;border-radius:8px;font-size:11px}.empty-search{padding:30px;text-align:center;color:var(--muted)}@media(max-width:1100px){.welcome main{padding:0 35px}.landing-hero{gap:25px}.landing-art{height:380px}.big-han{width:180px;height:245px}.big-han b{font-size:110px}.float-greet{right:0}.float-progress{left:-10px}.landing-links{gap:20px}.how-section{gap:30px}.landing-hero h1{font-size:50px}.landing-strip>div{gap:8px}.landing-strip b{font-size:20px}}@media(max-width:700px){aside{width:100%;padding:10px;flex-wrap:wrap;gap:8px}.shell{margin:0}nav{gap:0}nav a{padding:6px;font-size:16px}.brand{gap:7px}.brand span{font-size:20px}.hero{padding:26px}.hero h2{font-size:29px}.welcome main{padding:0 20px}.landing-nav{height:80px}.landing-links>a{display:none}.landing-links button{padding:10px;font-size:11px}.landing-hero{grid-template-columns:1fr;padding:25px 0 40px;gap:35px}.landing-hero h1{font-size:46px;letter-spacing:-2px}.landing-hero p{font-size:14px}.landing-art{height:350px;margin:0 12px}.float-greet{right:-10px;top:30px}.float-progress{bottom:30px}.landing-strip{grid-template-columns:1fr 1fr;gap:20px}.landing-section{padding:42px 0}.landing-section h2{font-size:28px}.landing-section .section-head{display:block}.feature-course{grid-template-columns:1fr}.course-cover{height:140px}.feature-course p{min-height:0}.how-section{grid-template-columns:1fr;padding:27px;gap:25px}.how-section h2{font-size:28px}.showcase{grid-template-columns:1fr;gap:25px}.showcase-card{padding:23px}.practice-grid{grid-template-columns:1fr}.practice-grid p{min-height:0}.searchbar{display:block}.searchbar span{display:block;margin-top:8px}.welcome footer{margin:0 20px}.landing-end h2{font-size:26px}.under-cta{font-size:10px;gap:12px}.landing-actions{gap:12px}.landing-actions button{padding:14px 18px}.landing-hero .eyebrow{font-size:8px}nav a span{display:none}.course-grid{grid-template-columns:1fr}.landing-section .section-head a{display:inline-block;margin-top:10px}}
[hidden]{display:none!important}.course-cover strong{pointer-events:none}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.feature-course{grid-template-columns:repeat(4,1fr)}.grammar-pattern{background:#f0eafa;border-left:4px solid #8c70cb;padding:20px;border-radius:12px;margin:18px 0;font-size:23px}.grammar-explanation{font-size:15px;line-height:1.9;color:#766985}@media(max-width:1100px){.feature-course{grid-template-columns:1fr 1fr}}@media(max-width:700px){.feature-course{grid-template-columns:1fr}.grammar-pattern{font-size:20px}}