* { margin: 0; padding: 0; box-sizing: border-box; }
			body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: whitesmoke; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
			.login-container { background: white; border-radius: 15px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); padding: 40px; width: 100%; max-width: 400px; }
			.login-header { text-align: center; margin-bottom: 30px; }
			.logo-img-container { width: 100px; height: 100px; margin: 0 auto 20px; }
			.logo-img-container img { width: 100%; height: 100%; object-fit: contain; }
			.logo { font-size: 28px; font-weight: 700; color: #000; margin-bottom: 10px; }
			.subtitle { color: #6c757d; font-size: 14px; }
			.form-group { margin-bottom: 20px; }
			.form-group label { display: block; margin-bottom: 8px; color: #333; font-weight: 500; }
			.form-group input { background-color: #dfdfdf; width: 100%; padding: 20px 20px; border: none; border-radius: 6px; font-size: 16px; }
            .form-group input:focus { border-color: #0AA29B; box-shadow: 0 0 0 3px rgba(10, 162, 155, 0.1); outline: none; }
			.btn-login { width: 100%; padding: 20px; background: #006863; color: white; border: none; border-radius: 6px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; }
			.btn-login:hover { background: #09978E; transform: translateY(-2px); }
            .btn-login:disabled { background: #ccc; cursor: not-allowed; transform: none; }
			.message { padding: 12px; border-radius: 8px; margin-bottom: 20px; font-size: 14px; text-align: center; display: none; }
			.message.error { background: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; }
			.message.success { background: #d4edda; border: 1px solid #c3e6cb; color: #155724; }
			#form-codigo { display: none; }