/* style.css - detailed styles approximating the screenshot */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
:root{
  --primary:#0b5394;
  --accent:#e83e8c;
  --muted:#6c757d;
}
*{box-sizing:border-box}
body{font-family:'Poppins',sans-serif;margin:0;background:#f3f6f9;color:#222}
.container{width:1100px;margin:0 auto;padding:20px}

/* Topbar */
.topbar{background:var(--accent);color:#fff;padding:6px 0}
.topbar .container{display:flex;justify-content:space-between;align-items:center;font-size:14px}

/* Navbar */
.navbar{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.05)}
.nav-inner{display:flex;align-items:center;gap:20px;padding:10px 0}
.brand img{height:72px}
.nav-toggle{display:none;background:#0b5394;color:#fff;border:none;padding:8px 12px;border-radius:4px}
.nav-links{list-style:none;margin:0;padding:0;display:flex;gap:16px;margin-left:auto}
.nav-links li a{color:#0b5394;text-decoration:none;padding:8px 12px;font-weight:600}
@media(max-width:1000px){
  .container{width:95%}
  .nav-links{display:none}
  .nav-toggle{display:block}
}

/* Hero */
.hero{margin-top:10px}
.carousel{position:relative;overflow:hidden;border-radius:6px}
.slide{display:none}
.slide.active{display:block}
.slide img{width:100%;display:block}

/* Main Grid */
.main-grid{display:flex;gap:20px;padding-bottom:40px}
.left{flex:1}
.right{width:320px}

/* Cards */
.card{background:#fff;border-radius:6px;padding:18px;margin-bottom:18px;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.notice-inner{display:flex;gap:12px;align-items:center}
.notice-img{width:160px;border-radius:6px}

/* Teacher grid */
.teacher-grid{display:flex;gap:12px;flex-wrap:wrap}
.teacher{width:calc(25% - 9px);background:#fff;border-radius:6px;overflow:hidden;text-align:center;border:1px solid #eef2f6}
.teacher img{width:100%;height:140px;object-fit:cover}
.teacher .tinfo{padding:8px}

/* courses */
.courses-grid{display:flex;gap:12px;flex-wrap:wrap}
.course{width:calc(33.333% - 8px);background:#fff;border-radius:6px;overflow:hidden;border:1px solid #eef2f6}
.course img{width:100%;height:140px;object-fit:cover}
.course h5{padding:10px 12px 0;margin:0}
.course p{padding:0 12px 12px;margin:0;color:var(--muted)}
.course-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid #f1f1f1}

/* info list */
.info-list{list-style:none;padding:0;margin:0}
.info-list li{padding:10px 0;border-bottom:1px dashed #eee;display:flex;justify-content:space-between}

/* blog grid */
.blog-grid{display:flex;gap:12px;flex-wrap:wrap}
.blog-card{width:calc(33.333% - 8px);background:#fff;border-radius:6px;overflow:hidden}
.blog-card img{width:100%;height:120px;object-fit:cover}
.blog-card h5{padding:10px;margin:0;font-size:16px}
.blog-card p{padding:0 10px 10px;margin:0;color:var(--muted)}
.readmore{display:inline-block;padding:8px 10px;color:var(--primary);text-decoration:none}

/* sidebar widgets */
.search-card{display:flex;gap:8px;align-items:center}
.search-card input{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px}
.products-card .product{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f1f1f1}
.product img{width:60px;height:60px;object-fit:cover;border-radius:6px}

/* footer */
.site-footer{background:#0b1a2a;color:#fff;padding:28px 0;margin-top:30px}
.footer-grid{display:flex;gap:20px}
.footer-grid .col{flex:1}
.footer-grid h5{margin-top:0}
.site-footer a{color:#cfe6ff;text-decoration:none}
.copyright{background:#071226;text-align:center;padding:8px;color:#9fb6d9;margin-top:12px}

/* small */
.btn{display:inline-block;background:var(--primary);color:#fff;padding:8px 12px;border-radius:4px;text-decoration:none}
.btn-sm{padding:6px 10px;background:#fff;border:1px solid var(--primary);color:var(--primary);border-radius:4px}

/* responsiveness */
@media(max-width:900px){
  .main-grid{flex-direction:column}
  .right{width:100%}
  .teacher{width:48%}
  .course{width:48%}
  .blog-card{width:100%}
}