*{box-sizing:border-box}body{margin:0;background:#08090d;color:#f5f7fb;font-family:Inter,system-ui,Arial}.logo{font-size:21px;font-weight:800;margin-bottom:35px;display:flex;gap:10px;align-items:center}.logo b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#d2bcff,#7655ff)}aside{position:fixed;width:255px;inset:0 auto 0 0;padding:25px 16px;background:#0c0e13;border-right:1px solid #252a34}aside small{display:block;color:#616a79;letter-spacing:1.5px;margin:15px 12px}aside>a{display:block;color:#929aaa;text-decoration:none;padding:12px;border-radius:10px;margin:3px 0}.active,aside>a:hover{background:#181b24;color:white}.help{position:absolute;bottom:25px;left:16px;right:16px;border:1px solid #282d37;border-radius:13px;padding:14px;color:#aab2c0;font-size:12px}.help p{color:#747d8d}main{margin-left:255px}header{height:76px;border-bottom:1px solid #252a34;display:flex;justify-content:space-between;align-items:center;padding:0 34px;background:#090b10}.search{border:1px solid #252a34;background:#12151c;color:#737c8c;padding:11px 14px;border-radius:10px;width:310px}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffd4c4,#9d79ff);color:#17131d;font-weight:800}section{padding:35px;max-width:1450px;margin:auto}label{font-size:10px;letter-spacing:1.5px;color:#a18ce7;font-weight:800}h1{font-size:34px;margin:8px 0}h2{letter-spacing:-.5px}.muted{color:#8e97a6;line-height:1.65}.hero{margin-top:25px;min-height:245px;border:1px solid #2b303b;border-radius:20px;padding:32px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(125deg,#1b1426,#10131a)}.hero h2{font-size:27px}.orb{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dccbff,#704fff);box-shadow:0 0 90px #7655ff55;font-size:30px;font-weight:900}.btn{display:inline-block;border:0;background:#fff;color:#090a0e;padding:11px 17px;border-radius:10px;font-weight:800;text-decoration:none;margin-top:17px;cursor:pointer}.dark{background:#191c25;color:#e7e9ee;border:1px solid #303541}.head{display:flex;justify-content:space-between;align-items:center;margin:38px 0 17px}.head h2{font-size:19px}.head span{color:#737c8b;font-size:11px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid article{border:1px solid #272c36;border-radius:16px;overflow:hidden;background:#101219}.cover{height:155px;background:radial-gradient(circle,#7655ff3b,transparent 35%),linear-gradient(135deg,#211731,#12151c);padding:14px;display:flex;justify-content:space-between;align-items:flex-end}.grid article:nth-child(2) .cover{background:radial-gradient(circle,#43d69e2b,transparent 35%),linear-gradient(135deg,#122a27,#12151c)}.cover strong{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111}.cover em{font-style:normal;font-size:9px;background:#0b0d12cc;padding:6px 8px;border-radius:7px}.body{padding:19px}.body h2{font-size:19px}.body p{font-size:12px;color:#838c9b;line-height:1.6;min-height:38px}.body small{color:#687180}.license{border:1px solid #2b303b;background:#11141b;border-radius:16px;padding:23px;display:grid;grid-template-columns:1fr 430px;gap:25px;align-items:center}.license form{display:flex;gap:8px}.license input,select,.admin input{width:100%;padding:12px;border-radius:9px;border:1px solid #2b303b;background:#0b0e13;color:white}.license .btn{margin:0}.error{color:#ff9aa4}.lessonpage{margin:0}.lessonlayout{display:grid;grid-template-columns:1fr 340px;gap:22px;padding:30px}.video{aspect-ratio:16/9;background:radial-gradient(circle,#7655ff38,transparent 40%),#030407;border:1px solid #282d37;border-radius:16px;display:grid;place-items:center;position:relative}.video button{width:70px;height:70px;border:0;border-radius:50%;font-size:22px}.video span{position:absolute;left:16px;top:15px;font-size:10px}.curr{position:static;width:auto;border:1px solid #282d37;border-radius:15px;padding:0;background:#101219;overflow:hidden}.curr h3{padding:17px;margin:0;border-bottom:1px solid #282d37}.curr div{padding:13px;border-bottom:1px solid #20252e;color:#8c95a4;font-size:11px}.curr div.current{background:#1a1d27;color:white}.curr span{float:right;color:#606979}.admin{margin:0;min-height:100vh;display:grid;place-items:center}.admin>div{width:min(550px,92%);padding:30px;border:1px solid #282d37;border-radius:18px;background:#101219}.admin form{display:grid;gap:10px}.generated{margin-top:20px;padding:15px;background:#171a22;border-radius:12px}@media(max-width:800px){aside{display:none}main{margin:0}section{padding:20px 16px}.search{display:none}.grid{grid-template-columns:1fr}.license{grid-template-columns:1fr}.hero .orb{display:none}.lessonlayout{grid-template-columns:1fr;padding:18px}.curr{grid-column:1}header{padding:0 17px}}