body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: #f4f6f9; background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('coradia.jpg'); background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
.card { background-color: white; padding: 30px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); max-width: 500px; width: 90%; text-align: center; }
.statusBox { padding: 15px; border-radius: 8px; margin: 20px 0; font-weight: bold; font-size: 1.1em; display: none; }
.infoItem { margin: 10px 0; font-size: 1em; color: #333; }
.infoLabel { font-weight: bold; color: #666; }
.icon { font-size: 3em; margin-bottom: 10px; }
.success { background-color: #d4edda; color: #155724; display: block; }
.warning { background-color: #f8d7da; color: #721c24; display: block; }
.minor-warning { background-color: #fff3cd; color: #856404; display: block; }
body.yellow-bg { background-color: #fffbe6; background-image: none; }
#loading { color: #666; }