body {
        background: linear-gradient(to bottom right, #32a852, #0c77b4);
         height: 100vh;
         display: flex;
         justify-content: center;
         align-items: center;
         margin: 0;
     }

     .login-container {
         background-color: white;
         padding: 50px;
         border-radius: 20px;
         box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
         max-width: 500px;
         width: 100%;
     }

     .login-container h2,
     .login-container h4 {
         text-align: center;
         color: #3a3a3a;
     }

     .login-container h2 {
         margin-bottom: 30px;
     }

     .login-container h4 {
         margin-bottom: 30px;
         color: #5B86E5;
     }

     .form-control {
         padding-left: 40px; /* İkon için alan açma */
		 border-radius: 20px;
		 padding-right: 10px;
		 padding-bottom: 12px;
		 padding-top: 12px;
     }

     .form-control:focus {
         box-shadow: none;
     }

     .icon {
         position: absolute;
         left: 10px;
         top: 50%;
         transform: translateY(-50%);
         color: #999;
         font-size: 18px;
     }

     .input-container {
         position: relative;
         margin-bottom: 20px;
     }

     .btn-custom {
         background: linear-gradient(to right, #36D1DC, #5B86E5);
         color: white;
         border-radius: 30px;
         border: none;
		 padding: 10px;
     }

     .btn-custom:hover {
         background: linear-gradient(to right, #5B86E5, #36D1DC);
     }

     .forgot-password {
         text-align: right;
         color: #5B86E5;
     }

     .forgot-password a {
         color: #5B86E5;
         text-decoration: none;
     }

     .forgot-password a:hover {
         text-decoration: underline;
     }

     .logo img {
         display: block;
         margin: 0 auto;
         width: 150px;
         height: auto;
     }

     .form-check-label {
         color: #3a3a3a;
     }