* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
    font-family: 'Segoe UI', Tahoma, sans-serif; 
}

/* Latar belakang diubah menjadi putih */
body.parallax-bg {
    background: #ffffff;
    background-size: 150% 150%;
    color: #333333; /* Warna teks diubah menjadi gelap agar terbaca */
    height: 100vh; 
    overflow: hidden; 
    display: flex; 
    flex-direction: column;
    align-items: center; 
    justify-content: center;
}

.header-banner { 
    position: absolute; 
    top: 30px; 
    z-index: 10; 
}

.header-banner img { 
    height: 60px; 
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); /* Shadow diperhalus untuk background putih */
}

/* Container Login & Admin disesuaikan agar terlihat di background putih */
.auth-container, .admin-container {
    background: rgba(0, 0, 0, 0.03); /* Abu-abu sangat transparan */
    backdrop-filter: blur(10px); 
    padding: 40px;
    border-radius: 12px; 
    text-align: center; 
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08); /* Shadow dipertipis */
    border: 1px solid rgba(0, 0, 0, 0.1); 
    width: 350px;
}

.auth-container h2, .admin-container h2 { 
    margin-bottom: 20px; 
    color: #4285F4; /* Biru Google */
}

input { 
    width: 100%; 
    padding: 12px; 
    margin-bottom: 15px; 
    border: 1px solid #ccc; /* Tambahan border agar input terlihat */
    border-radius: 6px; 
    font-size: 14px; 
    background: #fff;
    color: #333;
}

button { 
    width: 100%; 
    padding: 12px; 
    border: none; 
    border-radius: 6px; 
    background: #34A853; 
    color: white; 
    font-weight: bold; 
    font-size: 16px; 
    cursor: pointer; 
    transition: 0.3s; 
}

button:hover { 
    transform: scale(1.05); 
    background: #2b8a43;
}

#errorMsg { 
    color: #EA4335; 
    margin-top: 10px; 
    font-size: 14px; 
}

/* Wheel */
.wheel-container { 
    position: relative; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    margin-top: 50px; 
}

.wheel { 
    width: 500px; 
    height: 500px; 
    border-radius: 50%; 
    overflow: hidden; 
    border: 8px solid #f1f3f4; /* Border roda jadi abu-abu muda khas Google */
    box-shadow: 0 10px 20px rgba(0,0,0,0.15); 
    margin-bottom: 20px; 
}

.pointer { 
    position: absolute; 
    top: -20px; 
    left: 50%; 
    transform: translateX(-50%); 
    border-left: 20px solid transparent; 
    border-right: 20px solid transparent; 
    border-top: 40px solid #EA4335; 
    z-index: 10; 
    filter: drop-shadow(0 4px 4px rgba(0,0,0,0.3)); 
}

#spinBtn { 
    width: 250px; 
    background: #FBBC05; 
    color: #333; 
}

#spinBtn:disabled { 
    background: #e0e0e0; 
    color: #9e9e9e; 
    cursor: not-allowed; 
    transform: none; 
}

/* Modal Pemenang (Sengaja dibiarkan gelap agar dramatis saat muncul) */
#winnerModal { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(0, 0, 0, 0.85); 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    z-index: 100; 
}
#winnerModal.hidden { display: none; }
#winnerModal h2 { font-size: 32px; color: #FBBC05; margin-bottom: 10px; }
#winnerModal h1 { font-size: 64px; color: white; text-shadow: 0 0 20px #4285F4; margin-bottom: 30px; }
.close-btn { width: auto; padding: 10px 40px; background: #EA4335; }