body, html {
      height: 100%;
      margin: 0;
      font-family: 'poppins', sans-serif;
    }

    .overlay {
      flex: 1;
      backdrop-filter: blur(4px);
      background-color: rgba(255, 255, 255, 0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      position: relative;
      z-index: 2;
    }

    .form-box {
      position: relative;
      background-color: rgba(255, 255, 255, 0.9);
      padding: 2.5rem 2rem 2rem;
      border-radius: 15px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
      max-width: 400px;
      width: 100%;
      z-index: 2;
      backdrop-filter: blur(10px);
    }

    .form-box h2 {
      text-align: center;
      margin-bottom: 1.5rem;
      color: #0d6efd;
    }

    .form-group {
      margin-bottom: 1rem;
    }

    .form-group label {
      font-weight: 500;
      margin-bottom: 0.5rem;
      display: block;
    }

    .form-group input {
      width: 100%;
      padding: 0.5rem;
      border-radius: 6px;
      border: 1px solid #ced4da;
    }

    button[type="submit"] {
      background-color: #0d6efd;
      color: white;
      border: none;
      padding: 0.5rem 1.25rem;
      width: 100%;
      border-radius: 6px;
      margin-top: 1rem;
    }

    .toggle-link {
      text-align: center;
      margin-top: 1rem;
      font-size: 0.9rem;
    }

    .toggle-link a {
      color: #0d6efd;
      text-decoration: none;
    }

    .ribbon {
    position: absolute;
    top: 21px;
    left: -40px;
    background: #e70f0f;
    color: white;
    padding: 10px 40px;
    font-weight: bold;
    transform: rotate(-45deg);
    z-index: 3;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    clip-path: polygon(24% 0%, 74% 0%, 100% 100%, -1% 100%);
    z-index: 5;
}

    .navbar {
      background-color: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(6px);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .footer {
      background-color: rgba(255, 255, 255, 0.9);
      padding: 2rem 0;
      backdrop-filter: blur(6px);
    }

    .footer .bi:hover {
      color: #0d6efd;
    }