.login-container {
				background-color: #ffffff;
				padding: 2.5rem;
				border-radius: 12px;
				box-shadow: 0 4px 6px - 1px rgba(0, 0, 0, 0.1), 0 2px 4px - 1px rgba(0, 0, 0, 0.06);
				width: 100%;
				max-width: 400px;
				margin: auto auto;				
			}
			.login-title {
				font-size: 2rem;
				font-weight: 800;
				color: #111827;
				margin-bottom: 2rem;
				text-align: left;
			}
			.input-field{
				width: 100%;
				padding: 0.75rem 1rem;
				border: 1px solid #d1d5db;
				border-radius: 6px;
				font-size: 1rem;
				color: #1f2937;
				transition: border-color 0.2s, box-shadow 0.2s;
			}
			.input-field:focus{
				outline: none;
				border-color: #2563eb;
				box-shadow: 0 0 0 3px rgba(37,99,235,0.15);

			}
			
			.btn-submit{
				width: 100%;
				padding: 0.75rem;
				background-color: #2563eb;
				color: #ffffff;
				border: none;
				border-radius: 6px;
				font-size: 1rem;
				font-weight: 600;
				cursor: pointer;
				transition:  background-color 0.2s;
				margin-top: 0.5rem;
			}
			.btn-submit:hover{
				background-color: #1d4ed8;
			}
			.error-box{
				background-color: #fef2f2;
				border: 1px solid #fee2e2;
				color: #991b1b;
				padding: 0.75rem;
				font-size: 0.875rem;
				margin-bottom: 1.25rem;
			}