body { padding: 0; margin: 0; font-family: 'Poppins', sans-serif; }
#indza-container { position: fixed; width: 100%; height: 100%; }
#indza-canvas { width: 100%; height: 100%; }
#indza-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; }
#indza-logo { width: 150px; height: 150px; background: url('../assets/img/inDzaCloud.png') no-repeat center; background-size: contain; margin: 0 auto 10px; }
#indza-progress-text { font-family: 'Righteous', cursive; font-size: 24px; color: #FFFFFF; }
#indza-loading-text { font-family: 'Poppins', sans-serif; font-size: 14px; color: #AAAAAA; margin-top: 5px; }
#indza-tips { color: #555555; font-weight: bold; font-family: 'Poppins', sans-serif;}

/* Detect system/browser dark mode preference */
@media (prefers-color-scheme: dark) {
  #indza-canvas { background: #121212; }
  #indza-progress-text { color: #FFFFFF; }
  #indza-loading-text { color: #BBBBBB; }
}
@media (prefers-color-scheme: light) {
  #indza-canvas { background: #FFFFFF; }
  #indza-progress-text { color: #000000; }
  #indza-loading-text { color: #555555; }
}