body {
      font-family: 'Poppins', sans-serif;
      background: linear-gradient(120deg, #F6A6A6 , #FFFFFF, #7BAFDA);
      background-size: 200% 200%;
      animation: gradientMove 8s ease infinite;
      min-height: 100vh;
    }
    @keyframes gradientMove {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }
    .navbar-tsje {
      background: linear-gradient(90deg,#F6A6A6 , #FFFFFF, #7BAFDA);
    }
    .navbar-brand {
      color: black !important;
      font-weight: bold;
      letter-spacing: 1px;
    }
    .card-login {
      max-width: 420px;
      margin: 100px auto;
      border-radius: 16px;
      box-shadow: 0 10px 40px rgba(0,0,0,0.4);
      background-color: white;
    }
    .card-login .card-header {
      background: linear-gradient(90deg, #F6A6A6 , #FFFFFF, #7BAFDA);
      color: #B22222;
      font-weight: bold;
      text-align: center;
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
    }
    .form-control {
      border-radius: 8px;
    }
    .btn-primary {
      background-color: #002F6C;
      border: none;
      border-radius: 8px;
    }
    .btn-primary:hover {
      background-color: #B22222;
    }