body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background: linear-gradient(135deg, #0f2027, #2c5364, #1a2980, #26d0ce);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Orbitron', Arial, sans-serif;
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
}

.neon-border {
  background: rgba(20, 20, 30, 0.85);
  border-radius: 24px;
  padding: 48px 64px;
  box-shadow: 0 0 40px 10px #00ffe7, 0 0 80px 20px #00c3ff;
  border: 2px solid #00ffe7;
  text-align: center;
}

.neon-text {
  color: #00ffe7;
  font-size: 3rem;
  letter-spacing: 2px;
  text-shadow:
    0 0 10px #00ffe7,
    0 0 20px #00ffe7,
    0 0 40px #00c3ff,
    0 0 80px #00c3ff;
  margin-bottom: 16px;
}

.subtitle {
  color: #fff;
  font-size: 1.3rem;
  margin-bottom: 32px;
  text-shadow: 0 0 8px #00ffe7;
}

.loader {
  border: 8px solid #222;
  border-top: 8px solid #00ffe7;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  animation: spin 1.2s linear infinite;
  box-shadow: 0 0 20px #00ffe7;
}

@keyframes spin {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}