:root{--primary:#2563eb;--dark:#0f172a;--soft:#f5f7fb}body{background:var(--soft);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.login-bg{min-height:100vh;background:radial-gradient(circle at top left,#2563eb 0,#0f172a 42%,#020617 100%);display:flex;align-items:center;justify-content:center}.login-card{background:#fff;border-radius:28px;padding:36px;width:100%;max-width:420px}.brand-dot{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;margin-bottom:18px}.topnav{background:#0f172a}.hero{background:linear-gradient(135deg,#111827,#2563eb);color:#fff;border-radius:26px;padding:34px}.course-card{border:0;border-radius:22px;overflow:hidden;transition:.2s}.course-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(15,23,42,.16)}.course-cover{height:170px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:52px;font-weight:900}.progress{height:9px;border-radius:99px}.module-card{border:0;border-radius:18px;overflow:hidden}.lesson-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 20px;border-bottom:1px solid #eef2f7;text-decoration:none;color:#111827}.lesson-row:hover{background:#f8fafc}.video-page{background:#0f172a;color:#fff;min-height:100vh}.video-box{background:#000;border-radius:22px;overflow:hidden}.video-box video{width:100%;max-height:650px;background:#000}.content-card{background:#fff;color:#111827;border-radius:22px;padding:26px}.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#fff;padding:24px}.sidebar a{display:block;color:#cbd5e1;text-decoration:none;padding:12px 14px;border-radius:12px;margin-bottom:6px}.sidebar a:hover,.sidebar a.active{background:#1e293b;color:#fff}.admin-main{padding:28px}.stat-card{border:0;border-radius:20px}.table-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 8px 25px rgba(15,23,42,.06)}