body {
  margin: 0; padding: 0;
  font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: linear-gradient(135deg, #2c3e50, #4ca1af);
  color: #fff; display: flex; justify-content: center; align-items: center;
  height: 100vh; text-align: center;
}
.container { max-width: 600px; padding: 2rem; background: rgba(0,0,0,0.4);
  border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
h1 { font-size: 2.2rem; margin-bottom: 1rem; }
p { font-size: 1.1rem; line-height: 1.6; }
.loader { margin: 2rem auto; border: 6px solid rgba(255,255,255,0.2);
  border-top: 6px solid #fff; border-radius: 50%; width: 50px; height: 50px;
  animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);} }
footer { margin-top: 1.5rem; font-size: 0.9rem; opacity: 0.8; }
