body {
    font-family: 'Comic Sans MS', sans-serif;
    background-color: black;
    color: white;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container {
            background: white;
            padding: 2rem;
            max-width: 600px;
            margin: auto;
            border-radius: 8px;
            box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
        }
input, button, select {
            width: 100%;
            padding: 0.75rem;
            margin: 0.5rem 0;
            font-size: 1rem;
        }
#status {
            margin-top: 1rem;
            font-weight: bold;
        }
#download-link {
            display: none;
            margin-top: 1rem;
        }
.radio-group {
            margin: 0.5rem 0;
        }
.radio-group label {
            display: block;
            margin-bottom: 0.25rem;
       }  
#email-field {
            display: none;
        }

/*for submit*/
#submit-button {
  position: relative;
  padding: 0.75em 2em;
  font-size: 1.1rem;
  font-weight: bold;
  color: #0ff; /* neon cyan text */
  background: linear-gradient(135deg, #001f3f, #000814);
  border: 2px solid rgba(0, 255, 255, 0.6);
  border-radius: 2em;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: not-allowed;
  transition: 
    box-shadow 0.3s ease-in-out,
    transform 0.2s ease-in-out,
    opacity 0.3s ease-in-out;
  opacity: 0.5;
  box-shadow:
    0 0 8px rgba(0,255,255,0.8),
    inset 0 0 15px rgba(0,255,255,0.4);
}

/* Enabled state */
#submit-button:not([disabled]) {
  cursor: pointer;
  opacity: 1;
}

/* Hover glow & slight lift */
#submit-button:not([disabled]):hover {
  box-shadow:
    0 0 12px rgba(0,255,255,1),
    inset 0 0 20px rgba(0,255,255,0.6);
  transform: translateY(-2px) scale(1.02);
}

/* Focus ring */
#submit-button:not([disabled]):focus {
  outline: none;
  box-shadow:
    0 0 18px rgba(0,255,255,1),
    inset 0 0 20px rgba(0,255,255,0.6);
}

/* Pressed effect */
#submit-button:not([disabled]):active {
  transform: translateY(0) scale(0.98);
  box-shadow:
    0 0 6px rgba(0,255,255,0.6),
    inset 0 0 10px rgba(0,255,255,0.3);
}
.radio-group {
  display: flex;
  align-items: center;
  gap: 1rem; /* space between them */
}

.radio-group label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem; /* space between the radio and its text */
}