*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#07111f;color:#edf4ff;line-height:1.5}button,input{font:inherit}.top{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;gap:24px;padding:0 5%;background:rgba(7,17,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid #203149}.brand{background:none;border:0;color:#fff;font-size:20px;font-weight:800;cursor:pointer;margin-right:auto}.brand span{margin-right:8px}nav{display:flex;gap:4px}nav button,.icon,.back{border:0;background:transparent;color:#aebed3;padding:10px 14px;border-radius:12px;cursor:pointer}nav button:hover,.back:hover,.icon:hover{background:#13243a;color:#fff}.page{display:none;max-width:1200px;margin:auto;padding:48px 5% 80px}.page.active{display:block}.hero{min-height:570px;display:grid;grid-template-columns:1.4fr .8fr;align-items:center;gap:40px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#7dd3fc;margin-bottom:10px}.hero h1{font-size:clamp(46px,7vw,86px);line-height:.98;margin:0 0 24px;letter-spacing:-.055em}.hero h1 span{background:linear-gradient(90deg,#7dd3fc,#c4b5fd,#f0abfc);color:transparent;background-clip:text}.hero p{font-size:19px;color:#9fb0c5;max-width:650px}.actions{display:flex;gap:12px;margin-top:28px}.primary,.ghost{border-radius:13px;padding:12px 18px;border:1px solid #2b4562;cursor:pointer;font-weight:750}.primary{background:#e7f3ff;color:#07111f;border-color:#e7f3ff}.ghost{background:#0e1b2d;color:#e7f3ff}.orb{width:280px;height:280px;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:110px;background:radial-gradient(circle at 35% 30%,#1f4665,#101a38 55%,#070b17);box-shadow:0 0 100px rgba(125,211,252,.14);animation:float 4s ease-in-out infinite}.orb small{font-size:14px;text-align:center;position:absolute;margin-top:190px;color:#c9d6e8;font-weight:700}@keyframes float{50%{transform:translateY(-10px)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats div,.toolCard,.progressBox{background:#0c1a2b;border:1px solid #1e344e;border-radius:18px;padding:22px}.stats b{font-size:28px;display:block}.stats span{color:#8fa2ba}.sectionHead,.courseTop,.lessonBar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.sectionHead h2,.courseTop h2{font-size:38px;margin:0}.search{width:min(320px,100%);background:#0c1a2b;border:1px solid #29405b;color:#fff;border-radius:13px;padding:13px 15px;outline:none}.langGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.lang{padding:20px;background:#0c1a2b;border:1px solid #1e344e;border-radius:17px;cursor:pointer;transition:.2s}.lang:hover{transform:translateY(-3px);border-color:#6caed0}.lang b{font-size:18px}.lang small{display:block;color:#71869e;margin-top:5px}.lessonGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.lesson{background:#0c1a2b;border:1px solid #1e344e;border-radius:18px;padding:24px;cursor:pointer}.lesson h3{margin:6px 0}.lesson p{color:#91a4bb}.lessonCard{max-width:760px;margin:20px auto;background:#0c1a2b;border:1px solid #1e344e;border-radius:24px;padding:35px}.phrase{padding:28px;border-radius:18px;background:#091523;margin:20px 0}.phrase .target{font-size:clamp(28px,5vw,48px);font-weight:800;margin-bottom:12px}.phrase .meaning{color:#aabbd0;font-size:18px}.speaker{margin-top:15px}.lessonControls{display:flex;justify-content:space-between}.practiceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.toolIcon{font-size:34px}.toolCard p{color:#91a4bb;min-height:55px}.quiz{margin-top:28px;padding:25px;background:#0c1a2b;border:1px solid #1e344e;border-radius:18px}.answers{display:grid;gap:10px;margin-top:20px}.answers button{text-align:left;background:#102239;color:#eaf3ff;border:1px solid #29435f;padding:13px;border-radius:12px;cursor:pointer}.bar{height:10px;background:#172a40;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#7dd3fc,#c4b5fd);width:0}.progressLine{margin:18px 0}.muted{color:#91a4bb}.good{color:#8ce7b0}.bad{color:#ff9c9c}#toast{position:fixed;right:18px;bottom:18px;z-index:99;background:#e7f3ff;color:#07111f;padding:12px 16px;border-radius:12px;transform:translateY(120px);transition:.25s}#toast.show{transform:none}@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:25px 0 50px}.orb{width:210px;height:210px;font-size:75px}.orb small{margin-top:145px}.stats,.practiceGrid{grid-template-columns:1fr 1fr}.sectionHead{align-items:flex-start;flex-direction:column}}@media(max-width:500px){.page{padding-top:30px}.stats,.practiceGrid{grid-template-columns:1fr}.lessonCard{padding:22px}.hero h1{font-size:50px}}