@font-face {
	font-family: 'Nunito';
	src: url('fonts/nunito-regular.ttf') format('ttf');
	font-weight: normal;
	font-style: normal;
}

	body {
	  background: linear-gradient(135deg, #ff4e50, #f9d423); /* red to orange */
	  min-height: 100vh;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  font-family: 'Nunito', sans-serif;
	}
    .login-box {
      background: rgba(255, 255, 255, 0.1);
      border-radius: 1rem;
      padding: 2rem;
      backdrop-filter: blur(10px);
      box-shadow: 0 0 15px rgba(0,0,0,0.2);
      width: 100%;
      max-width: 400px;
      color: white;
    }
	
	.form-control{
		font-size:14px;
	}

	.form-control:focus {
	  border-color: #dc3545;
	  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
	}
    .btn-primary {
      background-color: #3498db;
      border: none;
    }
	
	.btn-red {
	  background-color: #dc3545;
	  color: white;
	}

	.btn-red:hover {
	  background-color: #c82333;
	}
	
    .logo {
      font-size: 1.5rem;
      font-weight: bold;
      margin-bottom: 1.5rem;
      text-align: center;
    }