body {
    
  background: linear-gradient(135deg, #dff6ff, #ffffff);
    min-height: 100vh;
    margin: 0;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .glass-form {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 2rem 0.8rem 2rem 0.8rem;
    width: 100%;
    max-width: 900px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    animation: fadeInUp 0.6s ease-out both;
  }

  @keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
  }

  .step {
    display: none;
  }

  .step.active {
    display: block;
  }

  .progress {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    overflow: hidden;
  }

  .progress-bar {
    transition: width 0.4s ease-in-out;
  }