* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', sans-serif; }
body { background: linear-gradient(135deg, #ff9a00, #1d8cf8); color: white; }
.screen { display: none; text-align: center; padding: 20px; }
.screen.active { display: block; }
h1, h2 { margin: 20px 0; }
input, select, button {
  display: block; width: 100%; padding: 15px; margin: 10px 0;
  border: none; border-radius: 12px; font-size: 16px;
}
input, select { background: rgba(255,255,255,0.2); color: white; }
input::placeholder, select { color: rgba(255,255,255,0.7); }
button {
  background: linear-gradient(145deg, #f16529, #d04a02);
  color: white; font-weight: bold;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2);
  transition: all 0.3s;
}
button:hover { transform: translateY(-2px); }