*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#172033}.hidden{display:none!important}.lock{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#eff6ff,#f8fafc);padding:20px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:26px;box-shadow:0 12px 30px rgba(18,38,63,.08)}.login{width:min(430px,100%)}input{width:100%;padding:14px;border:1px solid #d1d5db;border-radius:12px;margin:12px 0}.primary,.ghost{border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer}.primary{background:#2563eb;color:white}.ghost{background:white;border:1px solid #e5e7eb}.big{padding:14px 20px}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:#2563eb}.pill{display:inline-block;padding:7px 11px;border-radius:999px;background:#dbeafe;color:#1e40af;font-weight:800;font-size:.78rem}.err{color:#b91c1c}.muted{color:#6b7280}header,main{max-width:1200px;margin:auto}header{padding:28px 24px 8px;display:flex;justify-content:space-between;align-items:center}header h1{margin:.2rem 0}main{padding:24px}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:28px;align-items:center}.hero h2{font-size:2.1rem;margin:.5rem 0}.hero p{color:#6b7280;line-height:1.6}.progressbox{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:22px}.bigpct{font-size:2.7rem;font-weight:900}.bar{height:11px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:16px 0}.bar div{height:100%;background:#2563eb;width:0}.stats{display:flex;justify-content:space-between;color:#6b7280;font-size:.9rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.oppo{padding:14px;border:1px solid #e5e7eb;border-radius:14px;margin-top:10px}.oppo span,.summary span{display:block;color:#6b7280;font-size:.85rem;margin-top:3px}.summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.viewhead{display:flex;gap:16px;align-items:center;margin-bottom:18px}.modulegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.module{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;cursor:pointer}.module:hover{border-color:#bfdbfe}.module .meta{display:flex;justify-content:space-between;color:#6b7280;font-size:.85rem}.classlist{display:grid;gap:12px}.classrow{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 18px;cursor:pointer}.classrow.done{background:#f0fdf4;border-color:#bbf7d0}.num{font-weight:900;color:#2563eb;min-width:48px}.classtitle{flex:1}.status{font-size:.82rem;font-weight:800;color:#6b7280}.done .status{color:#16a34a}.lesson{max-width:820px}.lesson p,.lesson li{line-height:1.65;color:#394357}.lesson button{margin-top:20px}@media(max-width:850px){.hero,.grid{grid-template-columns:1fr}.modulegrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){main{padding:16px}.modulegrid,.summary{grid-template-columns:1fr}.hero h2{font-size:1.7rem}}