body{font-family: 'Almarai', Tahoma, Arial; background:#fffbea;color:#333;margin:0;padding:0;direction:rtl}
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;700&display=swap');
.site-header{background:linear-gradient(90deg,#ffd26a,#ffb347);padding:18px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:22px;font-weight:700;margin-right:12px}
.admin-link{margin-left:12px;background:#fff;border-radius:8px;padding:8px 12px;text-decoration:none;color:#333}
.main-title{text-align:center;font-size:28px;margin:18px 0 6px}
.lead{text-align:center;margin:0 0 18px;color:#6b6b6b}
.lessons{display:flex;flex-wrap:wrap;gap:18px;padding:20px;justify-content:center}
.lesson-card{background:#ffffff;border-radius:12px;padding:12px;width:260px;box-shadow:0 6px 18px rgba(0,0,0,0.08);text-align:center;border:6px solid #fff9e6}
.lesson-card img{width:100%;height:160px;object-fit:cover;border-radius:8px}
.lesson-card h2{font-size:18px;margin:10px 0 6px}
.btn{display:inline-block;margin-top:8px;padding:8px 14px;background:#ff9f80;color:#fff;border-radius:10px;text-decoration:none}
.site-footer{background:#ffefcf;padding:14px;text-align:center;margin-top:30px}
.lesson-page{max-width:900px;margin:20px auto;padding:12px;background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.lesson-img{width:100%;height:420px;object-fit:cover;border-radius:10px;margin-bottom:12px}
.back{display:inline-block;margin-bottom:12px;color:#666;text-decoration:none}
.admin-login{padding:40px;text-align:center}
.manage{padding:20px}
.error{color:#c00}