*{box-sizing:border-box}body{margin:0;background:#08090d;color:#f5f5f7;font:16px system-ui}a{color:inherit;text-decoration:none}header{height:70px;border-bottom:1px solid #292b35;padding:0 6%;display:flex;align-items:center;justify-content:space-between}main{max-width:1150px;margin:auto;padding:55px 24px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}article,.panel,aside{background:#12141b;border:1px solid #292c38;border-radius:20px;padding:24px}.cover{height:160px;border-radius:14px;background:linear-gradient(135deg,#28154b,#11131a);display:grid;place-items:center;color:#b69aff;font-weight:800}h1{font-size:44px}.btn,button{display:inline-block;background:#fff;color:#111;border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}.auth{min-height:100vh;display:grid;place-items:center}.panel{width:min(520px,100%)}input,select,textarea{width:100%;padding:13px;margin:6px 0 14px;background:#08090d;color:#fff;border:1px solid #3a3d49;border-radius:9px}.panel button{width:100%}.alert{padding:12px;border-radius:9px}.bad{background:#3a171d;color:#ffb8c0}.ok{background:#123322;color:#baf7d0}.course{display:grid;grid-template-columns:1fr 330px;gap:24px}.video{background:#000;border-radius:16px;overflow:hidden;min-height:280px;display:grid;place-items:center}.video video{display:block;max-width:100%}.lesson{display:block;padding:13px;border-radius:10px;margin:5px 0;color:#c5c7d0}.lesson:hover{background:#1c1e27}@media(max-width:800px){.grid,.course{grid-template-columns:1fr}h1{font-size:35px}}