body {
      background: url('/assets/img/honda-background.jpg') no-repeat center center/cover;
      height: 100vh;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: Arial, sans-serif;
    }

    .main {
      background: rgba(255, 255, 255, 0.1);
      border-radius: 15px;
      padding: 40px;
      width: 445px !important;
      backdrop-filter: blur(10px);
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
      
      color: black;
      text-align: center;
      
    }

    .password-wrapper {
      position: relative;
      width: 100%;
    }

    .password-wrapper input {
      width: 100%;
      padding: 10px 40px 10px 10px;
      border-radius: 5px;
      background: rgba(255, 255, 255, 0.2);
      color: #fff;
      border: none;
      outline: none;
    }

    .password-toggle-icon {
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      color: black;
      cursor: pointer;
      pointer-events: auto;
    }

    .main h3 {
      margin-bottom: 20px;
    }

    .main label {
      display: block;
      text-align: left;
      margin-top: 15px;
      margin-bottom: 5px;
    }

    .main input {
      width: 100%;
      padding: 10px;
      border: none;
      border-radius: 5px;
      background: rgba(255, 255, 255, 0.2);
      color: black;
      outline: none;
    }

    .main input::placeholder {
      color: black;
    }

    .wrap {
      margin-top: 20px;
    }

    .wrap button {
      width: 100%;
      padding: 10px;
      border: none;
      border-radius: 5px;
      color: white;
      cursor: pointer;
      font-weight: bold;
      transition: background 0.3s ease;
    }

    .wrap button:hover {
      background: rgba(255, 255, 255, 0.5);
    }

    .main p {
      margin-top: 20px;
      font-size: 14px;
    }

    .main a {
      color: #021ef1;
      font-weight: bold;
      text-decoration: underline;
    }