:root{--ink:#14213d;--muted:#62708a;--cream:#fffaf1;--paper:#f7f8fc;--violet:#6753d6;--violet-dark:#4936b5;--coral:#ff806d;--yellow:#ffd66b;--mint:#8ee3c2;--blue:#93c9ff;--line:#e3e5ef;--shadow:0 18px 55px rgba(32,35,75,.10)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}main{min-height:calc(100vh - 180px)}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:15px max(24px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid rgba(227,229,239,.8);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--violet);color:#fff;font-size:21px;box-shadow:0 8px 18px rgba(103,83,214,.25)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1}.nav-wrap nav{display:flex;gap:22px}.nav-wrap nav a,.text-link{text-decoration:none;font-size:14px;font-weight:650}.nav-wrap nav a:hover{color:var(--violet)}.header-actions,.locale-switcher{display:flex;align-items:center;gap:10px}.locale-switcher{padding:4px;border-radius:999px;background:#f0f1f6}.locale-switcher a{padding:4px 7px;border-radius:999px;text-decoration:none;font-size:11px;font-weight:800}.locale-switcher a.active{background:#fff;color:var(--violet);box-shadow:0 2px 8px rgba(0,0,0,.08)}.header-actions form{margin:0}.link-button{border:0;background:none;padding:0;cursor:pointer;font-size:14px;font-weight:650;color:var(--ink)}.menu-toggle{display:none;margin-left:auto;border:0;background:none;font-size:26px}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 20px;background:var(--violet);color:#fff;text-decoration:none;font-weight:750;cursor:pointer;box-shadow:0 9px 24px rgba(103,83,214,.22)}.button:hover{background:var(--violet-dark);transform:translateY(-1px)}.button.small{padding:8px 14px;border-radius:9px;font-size:14px}.button.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5);box-shadow:none}.button.ghost-dark{background:transparent;color:var(--violet);border:1px solid var(--violet);box-shadow:none}.button.full{width:100%}.eyebrow{display:block;color:var(--violet);font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:650px;padding:70px max(28px,calc((100vw - 1180px)/2));overflow:hidden;background:radial-gradient(circle at 82% 35%,#8874ee 0,#6753d6 34%,transparent 35%),linear-gradient(135deg,#20164d,#4936b5 56%,#6753d6);color:#fff}.hero .eyebrow{color:#dcd6ff}.hero h1{max-width:670px;margin:16px 0 18px;font-size:clamp(42px,6vw,76px);line-height:1.04;letter-spacing:-.05em}.hero p{max-width:610px;color:#e6e2ff;font-size:18px}.hero-actions,.trust-line{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-actions .button:first-child{background:#fff;color:var(--violet)}.trust-line{gap:22px;color:#dcd6ff;font-size:13px}.language-orbit{position:relative;height:450px}.orbit-center{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:120px;height:120px;transform:translate(-50%,-50%);border-radius:38px;background:#fff;color:var(--violet);font-size:40px;font-weight:900;box-shadow:0 25px 70px rgba(21,13,71,.35)}.lang-card{position:absolute;padding:14px 20px;border-radius:16px;background:rgba(255,255,255,.94);color:var(--ink);font-weight:800;box-shadow:var(--shadow);animation:float 5s ease-in-out infinite}.l1{left:8%;top:18%}.l2{right:2%;top:17%;animation-delay:-1s}.l3{left:0;bottom:16%;animation-delay:-2s}.l4{right:7%;bottom:13%;animation-delay:-3s}@keyframes float{50%{transform:translateY(-12px)}}
.section,.page-head,.dashboard-head,.lesson-hero,.lesson-layout,.form-shell,.narrow,.feed,.teacher-grid,.filter-row,.pricing-grid,.ai-stage,.game-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.section{padding:82px 0}.section-heading{margin-bottom:28px}.section-heading h2,.page-head h1{margin:8px 0;font-size:clamp(30px,4vw,48px);line-height:1.12}.section-heading.row,.page-head.split{display:flex;align-items:end;justify-content:space-between;gap:30px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{display:flex;min-height:280px;padding:28px;flex-direction:column;border-radius:24px;transition:.2s}.feature-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.feature-card-head{display:flex;align-items:center;gap:12px}.feature-card-number{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:12px;background:rgba(255,255,255,.58);font-size:12px;font-weight:900}.feature-card h3{margin:0;font-size:24px;line-height:1.25}.feature-card p{margin:20px 0;color:#39435a;flex:1}.feature-card-action{align-self:flex-start;margin-top:auto}.coral{background:#ffd5cf}.yellow{background:#ffe9ac}.mint{background:#c8f4e4}.blue{background:#d5eaff}.direction-band{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:60px;border-radius:32px;background:var(--ink);color:#fff;margin-bottom:80px}.direction-band h2{font-size:40px;margin:10px 0}.direction-band p{color:#cbd2df}.language-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.language-list span{padding:18px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background:rgba(255,255,255,.06);font-size:19px;font-weight:750}
.page-head{padding:70px 0 32px}.page-head>p,.page-head div>p{max-width:680px;color:var(--muted)}.page-head.center{text-align:center}.page-head.center p{margin:12px auto}.form-shell{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:80px 0}.form-shell.compact{max-width:900px}.form-intro h1{font-size:48px;line-height:1.1}.form-intro p{color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.form-panel{padding:30px}.form-panel p{margin:0 0 18px}.form-panel label{display:block;margin-bottom:6px;font-weight:750}.form-panel input,.form-panel select,.form-panel textarea{width:100%;padding:12px 13px;border:1px solid #cfd4e2;border-radius:10px;background:#fff}.form-panel textarea{min-height:130px}.form-panel .helptext{display:block;color:var(--muted);font-size:12px}.form-panel ul.errorlist{padding:10px 14px;border-radius:8px;background:#fff0ef;color:#a12b22}.form-help{margin-top:20px!important;color:var(--muted)}.narrow{max-width:820px;padding-bottom:70px}
.dashboard-head{display:flex;align-items:center;justify-content:space-between;padding:60px 0 25px}.dashboard-head h1{font-size:44px;margin:8px 0}.direction-pill{display:inline-flex;gap:12px;padding:9px 15px;border-radius:999px;background:#ece9ff;color:var(--violet);font-weight:750}.progress-ring{--progress:0;display:grid;place-items:center;width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--violet) calc(var(--progress)*1%),#e8e9f0 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--paper)}.progress-ring strong,.progress-ring span{z-index:1}.progress-ring strong{font-size:30px;align-self:end}.progress-ring span{font-size:12px;align-self:start;color:var(--muted)}.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.course-card{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}.course-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#ece9ff;color:var(--violet);font-size:22px;font-weight:900}.course-card h3{font-size:23px;margin:6px 0}.course-card p{color:var(--muted)}.done-badge{margin-left:12px;color:#16855a;font-size:13px;font-weight:750}.empty-state{padding:38px;border:1px dashed #b7bdcc;border-radius:20px;background:#fff;text-align:center}.lesson-hero{padding:55px 0 32px}.lesson-hero>a{color:var(--violet)}.lesson-hero h1{font-size:50px;margin:14px 0 5px}.lesson-hero p{max-width:700px;color:var(--muted)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding-bottom:70px}.lesson-item{margin-bottom:18px;padding:30px;border-radius:22px;background:#fff;border:1px solid var(--line)}.lesson-item h2{font-size:30px}.item-kind{padding:5px 9px;border-radius:999px;background:#fff0cd;font-size:12px;font-weight:800}.pronunciation{padding:12px 15px;border-radius:10px;background:#f1efff;color:var(--violet);font-weight:750}.lesson-aside{position:sticky;top:90px;height:max-content;padding:25px;border-radius:22px;background:var(--ink);color:#fff}.lesson-aside p{color:#cbd2df}.ai-mini{display:flex;justify-content:space-between;margin:25px 0;padding:13px;border:1px solid #47526c;border-radius:12px}.ai-mini span{color:#ffd66b}
.feed{max-width:900px;padding-bottom:70px}.post-card{display:block;margin-bottom:14px;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none}.post-card:hover{border-color:#b9afe9}.post-card h2{margin:10px 0}.post-card p,.post-card div,.author-line{color:var(--muted)}.post-category{padding:5px 9px;border-radius:999px;background:#ece9ff;color:var(--violet);font-size:12px;font-weight:800}.post-detail{margin:50px 0 20px;padding:35px;border-radius:22px;background:#fff}.post-detail h1{font-size:40px}.post-detail>p{font-size:18px}.replies article{margin:12px 0;padding:18px;border-left:3px solid var(--violet);background:#fff}.replies article span{float:right;color:var(--muted);font-size:12px}.filter-row{display:flex;gap:10px;padding-bottom:25px}.filter-row a{padding:8px 13px;border-radius:999px;background:#fff;text-decoration:none}.teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:70px}.teacher-card{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff}.avatar{display:grid;place-items:center;width:58px;height:58px;margin-bottom:15px;border-radius:18px;background:#d9d4ff;color:var(--violet);font-size:25px;font-weight:900}.contact-note{padding:12px;border-radius:10px;background:#f2f3f7;color:var(--muted);font-size:13px}
.game-shell{max-width:760px;margin-bottom:80px;padding:45px;border-radius:28px;background:var(--ink);color:#fff;text-align:center}.score{text-align:right;color:#cbd2df}.quiz-word{margin:40px 0;font-size:56px;font-weight:900}.answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.answer-grid button{padding:18px;border:2px solid transparent;border-radius:15px;background:#fff;cursor:pointer;font-weight:750}.answer-grid .correct{background:#bff0db;border-color:#32ad7d}.answer-grid .wrong{background:#ffd3ce;border-color:#f36b5b}.game-result{min-height:55px;padding:20px;font-weight:800}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px;padding-bottom:80px}.price-card{padding:35px;border:1px solid var(--line);border-radius:26px;background:#fff}.price-card h2{font-size:46px}.price-card li{margin:12px 0}.price-card.featured{background:var(--violet);color:#fff}.coming{display:inline-block;padding:10px 15px;border-radius:10px;background:rgba(255,255,255,.16)}.ai-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:650px}.ai-stage h1{font-size:52px;line-height:1.1}.ai-stage p{color:var(--muted)}.ai-visual{position:relative;height:400px}.ai-core,.pulse{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.ai-core{display:grid;place-items:center;width:150px;height:150px;background:var(--violet);color:#fff;font-size:45px;font-weight:900;box-shadow:0 0 70px rgba(103,83,214,.45)}.pulse{border:1px solid #bcb3ef}.p1{width:260px;height:260px}.p2{width:370px;height:370px}.disabled-list{display:grid;gap:8px;margin:25px 0;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;padding:35px max(24px,calc((100vw - 1180px)/2));background:#111a31;color:#fff}footer p{color:#9fa9bd}
@media(max-width:960px){.menu-toggle{display:block}.nav-wrap{display:none;position:absolute;top:68px;left:0;right:0;padding:20px;background:#fff;box-shadow:var(--shadow)}.nav-wrap.open{display:block}.nav-wrap nav,.header-actions{align-items:flex-start;flex-direction:column}.header-actions{margin-top:18px}.hero{grid-template-columns:1fr;padding-top:80px}.language-orbit{height:330px}.feature-grid{grid-template-columns:1fr 1fr}.course-grid,.direction-band,.lesson-layout,.form-shell,.ai-stage{grid-template-columns:1fr}.lesson-aside{position:static}.teacher-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero{min-height:760px}.hero h1{font-size:43px}.language-orbit{height:280px}.orbit-center{width:95px;height:95px}.lang-card{padding:10px}.feature-grid,.course-grid,.teacher-grid,.pricing-grid{grid-template-columns:1fr}.direction-band{padding:30px}.language-list{grid-template-columns:1fr}.section-heading.row,.page-head.split,.dashboard-head{align-items:flex-start;flex-direction:column}.progress-ring{width:120px;height:120px}.answer-grid{grid-template-columns:1fr}.ai-stage h1,.lesson-hero h1,.form-intro h1{font-size:38px}}

/* Forum 2.0 */
.forum-head-actions,.post-actions,.reply-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.forum-shell,.community-dashboard{width:min(1180px,calc(100% - 40px));margin:0 auto 80px}.forum-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.forum-sidebar{position:sticky;top:88px;padding:18px}.forum-sidebar h2{margin:2px 10px 14px}.board-link{display:block;padding:12px;border-radius:12px;text-decoration:none}.board-link:hover,.board-link.active{background:#eeeaff;color:var(--violet)}.board-link small{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.4}.forum-filter{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(2,minmax(125px,.7fr)) minmax(130px,.8fr) auto;gap:9px;margin-bottom:16px;padding:14px}.forum-filter input,.forum-filter select{min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#fff}.forum-topic{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:20px;margin-bottom:12px;padding:22px}.forum-topic.pinned{border-left:4px solid var(--yellow)}.topic-tags{display:flex;flex-wrap:wrap;gap:7px}.status-badge{padding:4px 8px;border-radius:999px;background:#fff0cd;color:#805d00;font-size:12px;font-weight:800}.status-badge.solved{background:#d9f7e9;color:#08764c}.forum-topic h2{margin:10px 0 5px;font-size:21px}.forum-topic h2 a{text-decoration:none}.forum-topic p{margin:0 0 10px;color:var(--muted)}.topic-meta{color:var(--muted);font-size:12px}.topic-stats{display:grid;grid-template-columns:1fr 1fr;align-content:center;text-align:center}.topic-stats strong{font-size:21px}.topic-stats span{color:var(--muted);font-size:11px}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:22px}.pagination a,.pagination span{padding:8px 13px;border-radius:9px;background:#fff;text-decoration:none}.forum-detail-shell{padding-top:35px}.back-link{color:var(--violet);text-decoration:none}.post-detail.panel{margin-top:18px;border:1px solid var(--line)}.post-body{margin:28px 0;font-size:18px}.learning-context{margin:22px 0;padding:14px 18px;border-radius:14px;background:#f3f1ff}.learning-context p{margin:4px 0}.post-actions form,.reply-actions form,.notification-item form{margin:0}.chip-button{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;cursor:pointer}.chip-button:hover{border-color:var(--violet);color:var(--violet)}.chip-button.danger{color:#b93636}.chip-button.accept{background:#e0f8ed;color:#08764c}.replies article{border:1px solid var(--line);border-left:3px solid var(--violet);border-radius:14px}.replies article.accepted{border-color:#68c79f;background:#f1fff8}.accepted-label{display:inline-block;margin-bottom:10px;color:#08764c}.reply-head{display:flex;justify-content:space-between}.reply-head span{color:var(--muted);font-size:12px}.report-box{margin-top:18px}.notification-link{position:relative}.notification-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:3px;padding:0 5px;border-radius:999px;background:var(--coral);color:#fff;font-size:10px}.notification-list{display:grid;gap:12px}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:18px}.notification-item.unread{border-left:4px solid var(--violet)}.notification-item p{margin:3px 0}.notification-item small{color:var(--muted)}.community-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.community-column{padding:24px}.community-column h2{margin-top:0}.community-column>a{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none}.community-column small{color:var(--muted)}
@media(max-width:960px){.forum-shell{grid-template-columns:1fr}.forum-sidebar{position:static}.forum-filter{grid-template-columns:1fr 1fr}.community-dashboard{grid-template-columns:1fr}.forum-heading{align-items:flex-start}.forum-head-actions{width:100%}}
@media(max-width:620px){.forum-filter{grid-template-columns:1fr}.forum-topic{grid-template-columns:1fr}.topic-stats{display:flex;gap:8px;justify-content:flex-start}.topic-stats span{margin-right:12px}.post-detail h1{font-size:30px}}
.forum-attachments{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:22px 0}.forum-attachments img{display:block;width:100%;max-height:420px;object-fit:contain;border:1px solid var(--line);border-radius:14px;background:#f7f8fc}.forum-attachments audio{width:100%;align-self:center}
.verified-teacher{color:#16845b;font-weight:700}.teacher-request-card{margin:18px 0;padding:18px;border-radius:18px;background:#f6f4ff;display:grid;gap:10px}.teacher-request-card>div{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:12px}.teacher-request-card form{display:flex;gap:10px;align-items:center}.text-link{display:inline-block;margin-top:12px;color:#6246d9;font-weight:700}