/* css/style.css */
body {
    background: #f3f5f7;
    font-family: Arial, sans-serif;
}
.header {
    background: #2f4858; /* gelap mirip gambar */
    color: #fff;
    padding: 25px 15px;
    position: relative;
}
.header .title {
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 1px;
}
.header .logo-left, .header .logo-right {
    width: 70px;
    position: absolute;
    top: 8px;
}
.header .logo-left { left: 15px; }
.header .logo-right { right: 15px; }

.top-buttons {
    text-align: center;
    margin-top: 15px;
}
.btn-custom-red { background: #e74c3c; color: #fff; border: none; }
.btn-custom-blue { background: #3498db; color: #fff; border: none; }
.btn-custom-green { background: #2ecc71; color: #fff; border: none; }

.card-prestasi {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
    padding: 0;
    overflow: hidden;
}
.card-prestasi img { width: 100%; height: 220px; object-fit: cover; display:block; }
.card-body { padding: 15px; font-size: 14px; color: #222; line-height:1.5; }
.filter-row {
    background: #fff;
    padding: 18px;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.04);
}
.footer-note { text-align:center; margin:30px 0; color:#666; font-size:13px;}