*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:radial-gradient(circle at 80% 0,#31155f 0,#111126 32%,#070711 75%);color:#f7f5ff;min-height:100vh}.wrap{max-width:1180px;margin:auto;padding:24px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:900;font-size:22px}.brand b,.accent{color:#ff8a22}.card{background:#ffffff0d;border:1px solid #ffffff18;border-radius:22px;padding:22px;box-shadow:0 20px 60px #0004}.hero{margin-top:24px;padding:34px}.hero h1{font-size:clamp(34px,6vw,66px);line-height:1;margin:10px 0}.muted{color:#aaa8bb}.btn{border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer;background:#ff8a22;color:#160c03}.btn.alt{background:#ffffff12;color:white;border:1px solid #ffffff20}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav button{background:transparent;border:1px solid #ffffff18;color:#ccc;padding:9px 12px;border-radius:12px}.nav button.active{color:#fff;border-color:#ff8a22;background:#ff8a2218}.stat{font-size:32px;font-weight:900}.login{max-width:440px;margin:10vh auto}.field{width:100%;padding:14px;border-radius:12px;border:1px solid #ffffff22;background:#ffffff0b;color:#fff;margin:7px 0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.list{display:grid;gap:10px;margin-top:14px}.item{padding:16px;border-radius:16px;background:#ffffff0a;border:1px solid #ffffff12}.pill{display:inline-block;padding:5px 9px;border-radius:99px;background:#ff8a2220;color:#ffad65;font-size:12px;font-weight:800}.error{color:#ff9c9c}.ok{color:#8ee6ad}@media(max-width:760px){.grid{grid-template-columns:1fr}.wrap{padding:15px}.hero{padding:22px}.top{align-items:flex-start;flex-direction:column}}
.lessons{display:grid;gap:8px;margin-top:12px}.lesson{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff08}.option{display:block;padding:11px;margin:7px 0;border:1px solid #ffffff18;border-radius:12px;cursor:pointer}.option:hover{border-color:#ff8a22}.question h3{line-height:1.45}.skills{grid-template-columns:repeat(5,1fr)}@media(max-width:900px){.skills{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.skills{grid-template-columns:1fr}.nav{max-width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.nav button{white-space:nowrap}}
.lesson-btn{width:100%;text-align:left;background:transparent;border:0;color:inherit;padding:0;cursor:pointer}.step-nav{display:flex;gap:8px;overflow:auto;padding:8px 0}.step-chip{min-width:44px;border:1px solid #ffffff24;background:#ffffff0a;color:inherit;border-radius:999px;padding:8px 12px;cursor:pointer}.step-chip.active{border-color:#ff8a3d}.step-chip.done{opacity:.65}.workspace h2{margin:.5rem 0}.workspace-content{white-space:pre-wrap;line-height:1.65}.workspace-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

.activity-list{display:grid;gap:14px;margin-top:18px}.activity-card{padding:16px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff06}.activity-card h3{margin:8px 0 10px}.activity-count{font-size:.78rem;opacity:.65}.activity-options{display:grid;gap:8px}.answer-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.answer-row .field{flex:1;min-width:180px}.activity-feedback{margin-top:10px;min-height:22px}.activity-feedback.ok{color:#8ee6a5}.activity-feedback.error{color:#ff9c9c}.activity-card textarea{width:100%;margin:10px 0;resize:vertical}