/* واجهة مبسطة للطلاب والمستخدمين الجدد */
.account-types{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.account-types label{position:relative;margin:0}.account-types input{position:absolute;opacity:0}.account-types span{min-height:88px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:14px;border:2px solid #dce8ef;border-radius:15px;cursor:pointer}.account-types input:checked+span{border-color:var(--cyan);background:#ecfbfc}.account-types b{font-size:18px}.account-types small{color:var(--muted)}
.student-ui{font-size:16px;background:#f4f9fc}.student-ui .topbar{min-height:82px;height:auto}.student-ui .topbar nav{gap:12px}.student-ui .topbar nav a{min-height:46px;display:flex;align-items:center;padding:0 18px;border-radius:12px;font-weight:700}.student-ui .topbar nav a:first-child{background:#ffffff18}.student-ui .topbar .nav-logout{border:1px solid #ffffff55}.student-ui .dashboard,.student-ui .course-page{padding-top:48px}.student-ui .welcome{min-height:190px;padding:35px 40px}.student-ui .welcome h1{font-size:34px;margin:10px 0}.student-ui .welcome p{font-size:17px;margin-bottom:0}.simple-heading{margin:34px 0 20px}.simple-heading h2{margin:0 0 8px;font-size:28px}.simple-heading p{margin:0;color:var(--muted);line-height:1.7}.student-ui .course{border:1px solid #e5eef3;box-shadow:0 10px 28px #0b416f10}.student-ui .course h3{font-size:22px;margin:10px 0}.student-ui .course p{min-height:58px}.student-action{min-height:50px;display:flex!important;align-items:center;justify-content:center;gap:10px;margin-top:18px;border-radius:13px;background:linear-gradient(135deg,#bee128,#91c829);color:#173b61!important;font-size:16px}.student-ui .empty{display:flex;flex-direction:column;gap:10px;font-size:16px}.student-ui .empty b{font-size:22px}.back-link{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;margin-bottom:25px;border-radius:12px;background:#e7f4fa;color:var(--blue);font-weight:800}.simple-course>.tag{display:block;width:max-content}.simple-course>h1,.simple-lesson>h1{margin-bottom:14px}.course-summary{display:flex;gap:14px;margin:28px 0}.course-summary>div{min-width:150px;padding:18px 22px;background:#fff;border:1px solid #e5eef3;border-radius:16px}.course-summary b,.course-summary span{display:block}.course-summary b{font-size:28px;color:var(--blue)}.course-summary span{margin-top:5px;color:var(--muted);font-size:13px}.lesson-list{padding:28px}.lesson-list .simple-heading{margin:0 0 20px}.lesson-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:15px;min-height:82px;padding:14px 8px;border-bottom:1px solid #e6eef3}.lesson-row:last-child{border-bottom:0}.lesson-row i{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#e2f5f7;color:var(--blue);font-style:normal;font-size:19px;font-weight:800}.lesson-row span b,.lesson-row span small{display:block}.lesson-row span b{font-size:17px;margin-bottom:7px}.lesson-row span small{color:var(--muted)}.lesson-row em{min-width:84px;padding:10px 13px;text-align:center;border-radius:11px;background:#edf5f9;color:var(--blue);font-style:normal;font-weight:800}.lesson-row em.done{background:#e5f7e9;color:#238044}.simple-lesson .video-box{margin-top:20px}.simple-lesson .lesson-content{padding:30px;font-size:18px;line-height:2.2}.student-ui button,.student-ui input,.student-ui select,.student-ui textarea{min-height:46px}.guest-ui .auth-card label{font-size:15px}.guest-ui .auth-card input{min-height:50px;font-size:16px}.guest-ui .auth-card button{min-height:52px;font-size:16px}
@media(max-width:760px){.student-ui .topbar{align-items:center}.student-ui .topbar nav{width:auto}.student-ui .topbar nav a{padding:0 12px;min-height:42px}.student-ui .welcome{padding:26px 22px;min-height:0;flex-direction:column}.student-ui .welcome h1{font-size:27px}.student-ui .welcome .stat{width:100%;flex-direction:row;justify-content:center;gap:10px}.student-ui .dashboard,.student-ui .course-page{padding-top:32px}.course-summary>div{min-width:0;flex:1;padding:15px}.lesson-list{padding:16px}.lesson-row{grid-template-columns:46px 1fr;min-height:86px}.lesson-row i{width:42px;height:42px}.lesson-row em{grid-column:2;width:max-content;min-width:78px;margin-top:-4px}.simple-lesson .lesson-content{padding:20px;font-size:17px}.student-ui .course-page h1{font-size:31px}}