/* style.css */
body {
  background-color: #000; /* pure black background */
  color: #BFD7ED; /* soft pastel blue (angelic 💙) */
  font-family: 'Arial', sans-serif;
  text-align: center;
  padding: 40px;
  margin: 0; /* remove browser default white margins */
  min-height: 100vh; /* fill the screen fully */
}

h1 {
  color: #BFD7ED; /* pastel blue for main title */
  font-size: 3em;
  margin-bottom: 20px;
}

p {
  font-size: 1.3em;
  margin: 10px 0;
}

button {
  background: linear-gradient(135deg, #000, #BFD7ED); /* black → soft blue gradient */
  color: white;
  border: none;
  padding: 12px 25px;
  font-size: 1.2em;
  border-radius: 12px;
  cursor: pointer;
  margin-top: 25px;
  transition: all 0.4s ease;
  box-shadow: 0 0 15px #BFD7ED88; /* soft glowing effect */
}

button:hover {
  background: linear-gradient(135deg, #BFD7ED, #000); /* reverse gradient */
  box-shadow: 0 0 25px #BFD7ED; /* brighter glow on hover */
}