/* Podstawowe style */
body, html {
  height:100%;
  background-color:#0b0d12;
  color:#bfefff;
  font-family:'Segoe UI', Arial, sans-serif;
  margin:0;
  padding:0;
}

header {
  text-align:center;
  padding-top:10vh;
}

header h1 {
  font-family: 'Orbitron', sans-serif;
  font-size:3rem;
  color:#00b8ff;
  text-shadow:0 0 15px #00cfff77,0 0 25px #00b8ff55;
}

header p {
  margin-top:0.5em;
  color:#8dd8ff;
  font-size:1.2rem;
}

/* Formularz kontaktowy */
main {
  max-width:600px;
  margin:5vh auto;
  padding:2rem;
  background:rgba(15,25,40,0.6);
  border-radius:12px;
  box-shadow:0 0 15px rgba(0,184,255,0.2);
}

form {
  display:flex;
  flex-direction:column;
  gap:1rem;
}

input, textarea, button {
  padding:0.8rem;
  border-radius:8px;
  border:1px solid rgba(0,184,255,0.4);
  background:rgba(0,0,0,0.3);
  color:#bfefff;
  box-shadow:0 0 8px rgba(0,184,255,0.2);
  font-size:1rem;
  transition:all 0.3s ease;
  width:100%;
}

input:focus, textarea:focus {
  outline:none;
  border-color:#00b8ff;
  box-shadow:0 0 15px rgba(0,184,255,0.5);
}

button {
  background-color:#00b8ff;
  color:#fff;
  border:none;
  font-weight:bold;
  cursor:pointer;
  box-shadow:0 0 15px rgba(0,184,255,0.5);
}

button:hover {
  background-color:#008ad4;
  box-shadow:0 0 25px #00b8ffaa;
  transform:scale(1.05);
}

/* Puls neonowej obwódki wokół formularza */
main.neon-border {
  border:1px solid rgba(0,184,255,0.4);
  animation:neonPulse 2.5s infinite alternate;
}

@keyframes neonPulse {
  0% { border-color: rgba(0,184,255,0.4); box-shadow:0 0 10px rgba(0,184,255,0.3); }
  50% { border-color: rgba(0,184,255,0.7); box-shadow:0 0 20px rgba(0,184,255,0.6); }
  100% { border-color: rgba(0,184,255,0.4); box-shadow:0 0 10px rgba(0,184,255,0.3); }
}

/* Linki i powrót */
a { color:#00b8ff; text-decoration:none; transition: all 0.3s ease; }
a:hover { text-shadow:0 0 15px #00b8ff, 0 0 25px #00b8ff55; }

@media (max-width:600px) {
  main { padding:1rem; }
  input, textarea, button { font-size:0.95rem; padding:0.7rem; }
}