body {
    font-family: 'Segoe UI', Roboto, Arial, sans-serif;
    background-color: #f4f6f9;
    color: #222;
}
.hero {
    background: linear-gradient(135deg, #0d47a1, #1976d2);
    color: #fff;
    padding: 80px 0;
}
.card-news img, .card-gallery img {
    height: 190px;
    object-fit: cover;
}
.card-teacher img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.section-title {
    border-left: 5px solid #1976d2;
    padding-left: 12px;
    margin-bottom: 25px;
}
footer a:hover { color: #fff !important; }
.badge-kategori {
    background-color: #1976d2;
}