:root{font-family:Inter,Arial,sans-serif;color:#f5f5f5;background:#111113;color-scheme:dark;font-size:16px}*{box-sizing:border-box}body{margin:0}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;border-bottom:1px solid #303034}.brand{text-decoration:none;color:inherit;display:grid}.brand>span{font-weight:900;font-size:32px;letter-spacing:-1px}.brand small{font-size:12px;letter-spacing:2px}.orange,.eyebrow{color:#ff8b35}main{max-width:1300px;margin:auto;padding:48px 5%}h1{font-size:clamp(28px,4vw,44px);line-height:1.12;margin:12px 0 24px}h2{font-size:24px}p{line-height:1.6;color:#b9b9c1}.eyebrow{font-size:14px;font-weight:700;letter-spacing:1px}.login{display:grid;grid-template-columns:1fr 420px;gap:70px;align-items:center;min-height:65vh}.intro{max-width:510px}.intro h1{font-size:clamp(40px,6vw,72px)}.card{background:#1b1b1f;border:1px solid #34343b;border-radius:16px;padding:28px}.card h2{margin-top:0}label{display:block;margin:18px 0 8px;font-size:14px}input,select{display:block;width:100%;border:1px solid #45454e;background:#111113;color:#fff;padding:13px;border-radius:8px;font:inherit}button{background:#ff8b35;color:#141414;border:0;border-radius:8px;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#2c2c32;color:#fff;border:1px solid #44444d}button.link{background:none;color:#ff9b53;padding:10px 0;text-align:left;font-size:14px}form>button[type=submit]{width:100%;margin-top:24px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row.spread{justify-content:space-between}.workspace{display:grid;grid-template-columns:300px 1fr;gap:28px;margin-top:28px}.lesson-list{padding:18px}.lesson-list button{width:100%;text-align:left;margin:6px 0;background:#242429;color:#ddd;font-weight:400}.lesson-list button.active{background:#ff8b35;color:#111}.lesson-list h3{color:#aaa;font-size:14px;margin:20px 8px 8px}iframe{width:100%;aspect-ratio:16/9;border:0;background:#000;border-radius:12px}.video h2{margin:20px 0 8px}.badge{font-size:14px;padding:6px 10px;border:1px solid #656570;border-radius:99px}.students{display:grid;gap:12px;margin:24px 0}.student{display:flex;align-items:center;justify-content:space-between;gap:20px}.student p{margin:6px 0;overflow-wrap:anywhere}.student button{white-space:nowrap}.adminform{max-width:700px}.empty{max-width:620px;margin:70px auto;text-align:center}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#f4f4f5;color:#222;padding:16px 24px;border-radius:10px;max-width:90vw;display:none;box-shadow:0 10px 30px #0009}:focus-visible{outline:3px solid #ffae71;outline-offset:4px}@media(max-width:850px){.login{grid-template-columns:1fr;gap:24px;min-height:0}.intro h1{font-size:40px}.workspace{grid-template-columns:1fr}.student{align-items:start;flex-direction:column}header{padding:20px 5%}main{padding-top:28px}.card{padding:20px}}