:root {
  --bg: #ffffff;
  --card: #ffffff;
  --text: #000000;
  --muted: #333333;
  --accent: #cbfb00;
}
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; font-family: Arial, sans-serif; background: var(--bg); color: var(--text); }
body { display: flex; justify-content: center; align-items: center; }

.login-card {
  background: var(--card); 
  padding: 2rem 3rem; 
  border-radius: 20px; 
  border: 2px solid var(--accent); 
  box-shadow: 0 10px 25px rgba(0,0,0,0.08); 
  width: 100%; 
  max-width: 400px; 
  text-align: center;
}
.login-card img.logo { height: 150px; margin-bottom: 0.5rem; }
.login-card h1 { font-family:'Arial Black', Arial, sans-serif; font-weight:bold; font-size:2rem; margin-bottom: 2rem; }
.login-card p { margin-bottom: 2rem; color: var(--muted); }
.login-card button { 
  width: 100%; 
  padding: 0.75rem 1rem; 
  background: var(--accent); 
  border: none; 
  border-radius: 12px; 
  font-size: 1rem; 
  font-weight: bold; 
  cursor: pointer; 
  transition: all 0.3s ease; 
}
.login-card button:hover { background: #b0e300; }

#version-footer {
  position: fixed;
  bottom: 10px;
  left: 10px;
  font-size: 0.9rem;
  color: #666;
  font-style: italic;
  z-index: 9999;
}