*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#182235;font-family:Cairo,Arial,sans-serif}header{background:#101b33;color:#fff;padding:15px 5%;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand .logo{width:45px;height:45px;border-radius:14px;background:#f59e0b;color:#111;display:grid;place-items:center;font-size:23px;font-weight:800}.brand b{display:block}.brand small{color:#bdc7d8;font-size:11px}.auth{max-width:1150px;margin:auto;min-height:calc(100vh - 75px);display:grid;grid-template-columns:1fr 430px;gap:45px;align-items:center;padding:40px 20px}.hero span,.welcome span{background:#fff0d0;color:#9a5c00;border-radius:20px;padding:6px 12px;font-weight:700;font-size:13px}.hero h1{font-size:43px;line-height:1.4;margin:18px 0}.hero p{color:#6d788b;font-size:18px}.card{background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:22px;box-shadow:0 10px 35px #1720330b}.tabs{display:flex;background:#f0f2f6;padding:5px;border-radius:11px;gap:5px;margin-bottom:20px}.tabs button{flex:1;border:0;padding:11px;border-radius:8px;background:transparent;cursor:pointer}.tabs .active{background:#101b33;color:#fff}label{display:block;font-size:13px;font-weight:700;margin:10px 0 5px}input{width:100%;padding:12px;border:1px solid #d9e0e9;border-radius:10px;font-family:inherit}.mainbtn,.lesson button,.submit{width:100%;border:0;border-radius:10px;padding:12px;margin-top:16px;background:#f59e0b;color:#111;font-weight:800;cursor:pointer}#authMsg{font-size:13px;color:#a14e00}#app{display:flex;min-height:calc(100vh - 75px)}aside{width:245px;background:#fff;border-left:1px solid #e4e9f0;padding:18px}aside button{width:100%;border:0;background:transparent;text-align:right;padding:12px;border-radius:10px;margin:3px 0;font-family:inherit;cursor:pointer}aside button:hover{background:#fff2d7}.student{padding:10px 8px 18px;margin-bottom:8px;border-bottom:1px solid #edf0f4}.student b,.student small{display:block}.student small{font-size:10px;color:#7a8597}main{flex:1;padding:25px;max-width:1100px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.stats strong{display:block;font-size:30px;margin-top:5px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.lesson{min-height:185px}.lesson h3{margin-bottom:7px}.lesson p{color:#6d788b;font-size:14px}.lesson.done{border:2px solid #4caf78}.quizq{border-bottom:1px solid #edf0f4;padding:10px 0}.option{display:block;width:100%;text-align:right;border:1px solid #dce3eb;background:#fff;padding:10px;margin:7px 0;border-radius:9px;cursor:pointer;font-family:inherit}.option.selected{border-color:#f59e0b;background:#fff7e3}.result{margin:10px 0}.result strong{float:left;font-size:20px}#toast{position:fixed;bottom:20px;left:20px;background:#101b33;color:#fff;padding:12px 18px;border-radius:10px;display:none;z-index:10}#toast.show{display:block}@media(max-width:800px){.auth{grid-template-columns:1fr;padding:25px 15px}.hero h1{font-size:30px}#app{display:block}aside{width:100%;border-left:0;border-bottom:1px solid #e4e9f0}.grid,.stats{grid-template-columns:1fr}main{padding:16px}}