body {
  margin: 0;
  padding: 0;
  background-color: #121717;
  color: #ffffff;
  font-family: "Helvetica", "Arial", sans-serif;
  min-height: 100vh;   
  text-align: center;
}
.logo { position: fixed; top: 20px; left: 20px; }
.logo img { height: 100px; width: auto; }
.container {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: min(90vw, 600px); padding: 20px;
}
h1 { font-size: 3rem; margin-bottom: 20px; letter-spacing: 2px; }
p { font-size: 1.2rem; line-height: 1.6; }
.spinner {
  margin: 30px auto; width: 50px; height: 50px;
  border: 6px solid rgba(255,255,255,0.2);
  border-top-color: #fff; border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
.contact { margin-top: 40px; font-size: 1rem; text-align: left; display: inline-block; }
.contact p { margin: 10px 0; }
.contact i { margin-right: 8px; color: #fff; }
@media (max-width: 768px) {
  h1 { font-size: 2rem; }
  p { font-size: 1rem; }
  .container { width: 90%; padding: 10px; }
}