@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
    background: #fefefe;
    position: relative;
    min-height: 100vh;
}
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: url('../img/batik.png') repeat;
    opacity: 0.06;
    pointer-events: none;
    z-index: -1;
}

.bg-merah {
    background: linear-gradient(135deg, #ce1126 0%, #e60000 100%);
}

.judul-indonesia {
    color: #ce1126;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.card {
    border-radius: 16px;
    border: none;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    transition: transform 0.2s;
}
.card:hover {
    transform: translateY(-4px);
}

.kandidat-box {
    background: #fff;
    border: 2px solid #ce1126;
    border-radius: 20px;
    padding: 25px;
    text-align: center;
    transition: all 0.3s;
}
.kandidat-box:hover {
    box-shadow: 0 10px 30px rgba(206,17,38,0.15);
}

.btn-merah {
    background-color: #ce1126;
    border: none;
    color: white;
}
.btn-merah:hover {
    background-color: #a00d1a;
}

.progress-bar-indonesia {
    background: linear-gradient(90deg, #ce1126, #ff4d4d);
}