@import"https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&family=Noto+Sans+SC:wght@400;500;700;800&display=swap";:root{--green: #58cc02;--green-dark: #46a302;--green-soft: #dff7bd;--yellow: #ffc800;--yellow-soft: #fff1b3;--blue: #1cb0f6;--blue-soft: #d5f0ff;--red: #ff6b6b;--red-soft: #ffd6d6;--ink: #24313f;--ink-soft: #5c6775;--paper: #fffdf7;--paper-strong: #ffffff;--line: #dbe6d3;--shadow: 0 18px 40px rgba(36, 49, 63, .12);--shadow-strong: 0 14px 0 rgba(36, 49, 63, .08);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;--content-width: min(1120px, calc(100vw - 32px) )}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Nunito,Noto Sans SC,sans-serif;background:linear-gradient(180deg,#f7ffe7,#fffdf7 28%,#eef8ff);color:var(--ink)}button,a{font:inherit}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}.page-shell{position:relative;min-height:100vh;overflow:hidden}.page-shell__content{position:relative;z-index:1;width:var(--content-width);margin:0 auto;padding:24px 0 48px}.page-shell__glow{position:absolute;border-radius:999px;filter:blur(8px);opacity:.55}.page-shell__glow--one{width:420px;height:420px;top:-140px;right:-90px}.page-shell__glow--two{width:300px;height:300px;left:-90px;bottom:60px}.accent-green .page-shell__glow--one,.accent-green .page-shell__glow--two{background:radial-gradient(circle,#58cc023d,#58cc0200)}.accent-blue .page-shell__glow--one,.accent-blue .page-shell__glow--two{background:radial-gradient(circle,#1cb0f63d,#1cb0f600)}.accent-yellow .page-shell__glow--one,.accent-yellow .page-shell__glow--two{background:radial-gradient(circle,#ffc8003d,#ffc80000)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;padding:14px 18px;border:1px solid rgba(255,255,255,.65);border-radius:28px;background:#ffffffc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.brand{display:inline-flex;align-items:center;gap:12px}.brand__badge{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(180deg,#78de2b,#58cc02);color:#fff;font-weight:900;letter-spacing:.06em;box-shadow:0 10px 22px #58cc024d}.brand__text{font-size:1.15rem;font-weight:900;letter-spacing:.02em}.topbar__stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.stat-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;font-size:.92rem;font-weight:800;background:#fff;border:2px solid transparent}.stat-chip__label{color:var(--ink-soft);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.stat-chip--yellow{border-color:#f6de72;background:#fff9dc}.stat-chip--red{border-color:#ffb6b6;background:#fff0f0}.stat-chip--blue{border-color:#9fdbfb;background:#eef9ff}.home-layout,.learn-layout,.lesson-layout,.result-layout{animation:float-in .42s ease}.hero-card{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-bottom:24px;padding:36px;border-radius:var(--radius-xl);background:radial-gradient(circle at top right,rgba(255,200,0,.28),transparent 34%),linear-gradient(145deg,#fffffff0,#f5ffe7f5);border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow)}.hero-card__copy{display:flex;flex-direction:column;gap:18px}.hero-card__eyebrow,.section-label,.level-node__eyebrow{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800}.hero-card h1,.learn-header h1,.result-card h1{font-size:clamp(2.2rem,5vw,3.7rem);line-height:.98}.hero-card__text,.learn-header p,.card p,.question-card p,.result-card p{color:var(--ink-soft);line-height:1.55}.hero-card__actions,.result-actions,.lesson-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.text-link{font-weight:800;color:var(--blue)}.hero-card__art{position:relative;min-height:280px;border-radius:28px;background:linear-gradient(180deg,#fff,#eef9ff);overflow:hidden;border:1px solid rgba(255,255,255,.85)}.hero-card__orb{position:absolute;border-radius:999px}.hero-card__orb--green{width:220px;height:220px;top:22px;left:26px;background:radial-gradient(circle,#58cc02ad,#58cc0200)}.hero-card__orb--yellow{width:160px;height:160px;right:10px;bottom:10px;background:radial-gradient(circle,#ffc8009e,#ffc80000)}.hero-card__panel{position:absolute;right:22px;top:22px;display:grid;gap:8px;padding:22px;width:min(220px,calc(100% - 44px));border-radius:24px;background:#ffffffd6;box-shadow:var(--shadow)}.hero-card__panel-title{font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-card__panel strong{font-size:2.6rem;line-height:1}.dashboard-grid,.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{display:grid;gap:14px;padding:26px;border-radius:var(--radius-lg);background:#ffffffe0;border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow)}.spotlight-card{background:linear-gradient(160deg,#58cc0224,#fffffff2 58%),#fff}.mini-stats,.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-stats div,.result-stats div{display:grid;gap:6px;padding:16px;border-radius:20px;background:#fff;border:1px solid var(--line)}.mini-stats strong,.result-stats strong{font-size:1.8rem;line-height:1}.feature-list{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--ink-soft)}.primary-button{position:relative;border:0;border-radius:18px;padding:16px 22px;font-weight:900;color:#fff;cursor:pointer;transition:transform .18s ease,filter .18s ease}.primary-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.04)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{cursor:not-allowed;opacity:.45}.primary-button.is-full{width:100%}.primary-button--green{background:linear-gradient(180deg,#78de2b,#58cc02);box-shadow:0 8px #45a100,0 16px 24px #58cc0238}.primary-button--blue{background:linear-gradient(180deg,#54c9ff,#1cb0f6);box-shadow:0 8px #1290ca,0 16px 24px #1cb0f633}.primary-button--yellow{background:linear-gradient(180deg,#ffd84c,#ffc800);color:var(--ink);box-shadow:0 8px #e3ac00,0 16px 24px #ffc8003d}.primary-button--red{background:linear-gradient(180deg,#ff9797,#ff6b6b);box-shadow:0 8px #e05858,0 16px 24px #ff6b6b38}.primary-button--ghost{color:var(--ink);background:#fff;box-shadow:0 8px #dce5ef,0 16px 24px #24313f14}.learn-layout{display:grid;gap:22px}.learn-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:10px 4px}.learn-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);align-items:start}.learn-sidebar{display:grid;gap:18px}.goal-card{background:linear-gradient(180deg,#1cb0f61f,#fffffff2),#fff}.goal-meter,.progress-bar{height:16px;border-radius:999px;background:#e9eef3;overflow:hidden}.goal-meter__fill,.progress-bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#58cc02,#1cb0f6)}.course-path{position:relative;display:grid;gap:18px}.level-node{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.level-node__track{position:absolute;left:44px;width:12px;height:calc(100% + 18px);margin-top:72px;background:linear-gradient(180deg,#58cc022e,#1cb0f63d);border-radius:999px}.level-node:last-child .level-node__track{display:none}.level-node__orb{position:relative;display:grid;place-items:center;width:92px;height:92px;margin-left:auto;border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--node-accent) 68%,white),var(--node-accent));color:#fff;font-size:1.35rem;font-weight:900;box-shadow:0 12px color-mix(in srgb,var(--node-accent) 82%,black 14%);transform:translateY(calc((var(--node-index) % 2) * 6px))}.level-node__card{display:grid;gap:8px;padding:22px;border-radius:24px;background:#ffffffe6;border:1px solid rgba(255,255,255,.78);box-shadow:var(--shadow)}.level-node__card h3{font-size:1.5rem}.level-node__meta{display:flex;justify-content:space-between;gap:10px;color:var(--ink-soft);font-weight:800}.level-node.is-current .level-node__card{outline:3px solid rgba(88,204,2,.3)}.level-node.is-complete .level-node__orb{background:linear-gradient(180deg,#8be83e,#58cc02)}.level-node.is-locked{cursor:not-allowed;opacity:.54}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.lesson-main,.lesson-sidebar{display:grid;gap:18px}.progress-block{display:grid;gap:10px;padding:18px 22px;border-radius:24px;background:#ffffffdb;box-shadow:var(--shadow)}.progress-block__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;color:var(--ink-soft)}.question-card{display:grid;gap:22px;padding:30px;border-radius:30px;background:#ffffffeb;box-shadow:var(--shadow)}.question-card__badge{justify-self:start;padding:8px 12px;border-radius:999px;background:var(--yellow-soft);color:#856200;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.question-card h2{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.05}.answer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.answer-option{min-height:84px;border:2px solid #dce8db;border-radius:22px;padding:18px;background:#fff;color:var(--ink);font-weight:800;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.answer-option:hover:not(:disabled),.match-chip:hover:not(:disabled){transform:translateY(-2px);border-color:#a9d992;box-shadow:0 10px 18px #58cc021a}.answer-option.is-selected,.match-chip.is-selected{border-color:var(--green);background:#f4ffe8}.match-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.match-column{display:grid;gap:14px}.match-column__title{font-weight:900}.match-column__items{display:grid;gap:12px}.match-chip{border:2px solid #dce8db;border-radius:18px;padding:14px 16px;background:#fff;cursor:pointer;font-weight:800;text-align:left}.match-chip.is-matched{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.matched-preview{display:grid;gap:10px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#f9fcff,#f2fff0);border:1px solid var(--line)}.matched-preview__empty{color:var(--ink-soft)}.matched-pill{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);font-weight:800}.match-message{font-weight:800;color:var(--green-dark)}.match-message.is-wrong{color:var(--red)}.feedback-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-radius:24px;box-shadow:var(--shadow)}.feedback-bar.is-correct{background:linear-gradient(180deg,#ecffd7,#d8f9b8)}.feedback-bar.is-wrong{background:linear-gradient(180deg,#fff0f0,#ffd8d8)}.feedback-bar__title{font-size:1.15rem;font-weight:900}.feedback-bar__button{border:0;border-radius:16px;padding:14px 18px;background:var(--ink);color:#fff;font-weight:900;cursor:pointer}.lesson-status,.warning-card{position:sticky;top:20px}.lesson-status__metrics{display:flex;gap:10px;flex-wrap:wrap}.lesson-status__metrics span{padding:10px 12px;border-radius:999px;background:#f5f8fb;font-weight:800}.warning-card{background:linear-gradient(180deg,#ff6b6b1f,#fffffff5),#fff}.result-layout{display:grid;place-items:center;min-height:calc(100vh - 140px)}.result-card{width:min(640px,100%);padding:34px;text-align:center}.result-stats{margin:10px 0}@keyframes float-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.hero-card,.dashboard-grid,.learn-grid,.lesson-layout{grid-template-columns:1fr}.learn-header,.topbar{align-items:flex-start;flex-direction:column}.level-node{grid-template-columns:84px minmax(0,1fr)}.level-node__track{left:36px}.lesson-status,.warning-card{position:static}}@media (max-width: 720px){.page-shell__content{padding:18px 0 36px}.hero-card,.question-card,.card,.result-card{padding:22px}.hero-card__art{min-height:220px}.mini-stats,.result-stats,.answer-options,.match-board{grid-template-columns:1fr}.feedback-bar{flex-direction:column;align-items:stretch}}