body {
  background: linear-gradient(135deg, #4facfe, #00f2fe);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.welcome-card {
  max-width: 500px;
  border-radius: 20px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
  overflow: hidden;
  background: #fff;
  animation: fadeIn 1s ease-in-out;
}
.welcome-header {
  background: #007bff;
  color: white;
  padding: 20px;
  text-align: center;
}
.welcome-header h1 {
  margin: 0;
  font-size: 1.8rem;
}
.welcome-body {
  padding: 30px;
  text-align: center;
}
.welcome-body p {
  font-size: 1.1rem;
  margin-bottom: 20px;
  color: #333;
}
.btn-custom {
  border-radius: 30px;
  padding: 10px 25px;
  font-size: 1.1rem;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}