body {
      background-color: #f1f3f6;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Roboto', sans-serif;
    }

    .login-card {
      background: #ffffff;
      border-radius: 10px;
      box-shadow: 0 0 30px rgba(38, 59, 128, 0.3);
      padding: 40px;
      width: 100%;
      max-width: 400px;
    }

    .login-card .card-title {
      color: #263b80;
      font-weight: 700;
      text-align: center;
      margin-bottom: 25px;
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    .form-label {
      font-weight: 600;
      color: #263b80;
    }

    .form-control:focus {
      border-color: #263b80;
      box-shadow: 0 0 10px rgba(38, 59, 128, 0.5);
    }

    .btn-techno {
      background-color: #263b80;
      color: #ffffff;
      border: none;
      transition: 0.3s;


    }

    .btn-techno:hover {
      background-color: #1a2a5d;
      color: #ffffff;
    }

    .link-techno {
      color: #263b80;
      text-decoration: none;
      font-weight: 500;
    }

    .link-techno:hover {
      color: #1a2a5d;
      text-decoration: underline;
    }

    .signup-card {
      background: #ffffff;
      border-radius: 10px;
      box-shadow: 0 0 30px rgba(38, 59, 128, 0.3);
      padding: 40px;
      width: 100%;
      max-width: 450px;
    }

    .signup-card .card-title {
      color: #263b80;
      font-weight: 700;
      text-align: center;
      margin-bottom: 25px;
      letter-spacing: 1px;
      text-transform: uppercase;
    }