:root{
 --brand:#0f2e4e;
 --brand-2:#1b4f7a;
 --accent:#15c6f4;
 --gold:#f5b942;
 --bg:#f4f7fb;
 --text:#10202f;
}
body{background:var(--bg);color:var(--text);}
.bg-brand{background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;}
.hero{
  background: radial-gradient(circle at top right, rgba(21,198,244,.18), transparent 35%), linear-gradient(135deg,var(--brand),#0a1e34);
  color:#fff;padding:4rem 0;
}
.card-premium{border:0;border-radius:1rem;box-shadow:0 10px 30px rgba(16,32,47,.08);}
.btn-brand{background:linear-gradient(135deg,var(--accent),#0ea5cf);border:0;color:#fff;}
.btn-brand:hover{opacity:.95;color:#fff;}
.badge-soft{background:rgba(21,198,244,.12);color:var(--brand-2);}
.course-cover{height:180px;object-fit:cover;border-top-left-radius:1rem;border-top-right-radius:1rem;}
.sidebar-admin{min-height:100vh;background:#0e2238;color:#dbe7f5;}
.sidebar-admin a{color:#dbe7f5;text-decoration:none;display:block;padding:.75rem 1rem;border-radius:.75rem;}
.sidebar-admin a:hover,.sidebar-admin a.active{background:rgba(255,255,255,.08);}
.player-wrap iframe{width:100%;min-height:420px;border:0;border-radius:1rem;background:#000;}
.login-wrap{max-width:460px;margin:4rem auto;}
.table-card{background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,.04);}
.stat-card{border:0;border-radius:1rem;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.05);}
.progress{height:.8rem;border-radius:99px;}
@media (max-width:768px){
 .hero{padding:3rem 0}
 .player-wrap iframe{min-height:220px}
 .course-cover{height:160px}
}