.centered-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1;
    }

    .centered-card {
      width: 100%;
      max-width: 480px;
      background: rgba(22, 22, 22, 0.95);
      backdrop-filter: blur(12px);
      border-radius: 12px;
      box-shadow: 0 15px 40px rgba(0,0,0,0.45);
      overflow: hidden;
    }

    .centered-card .form-content {
      padding: 2.5rem 3rem 3rem;
    }

    @media (max-width: 480px) {
      .centered-card .form-content {
        padding: 2rem;
      }
    }