Es muy difícil poder darte una solución eficiente ignorando tantos detalles.

Por ejemplo, si es el único elemento visible (el form) y quieres que se pegue a la esquina izquierda, puedes hacer lo siguiente:

Agregarle un conenedor con la clase 'panel-wrapper', y hacer que éste tenga una posición absoluta, por lo tanto, podrás colocarlo donde desees mediante las propiedades top, right, bottom y left.

Otra opción es aplicar un display flex horizontal y hacer un align-items: flex-start y un justify-content: flex-start. Ésto es mucho mejor ya que cuando bajemos el scroll por ejemplo, el formulario no se verá, en tanto si lo hacemos de la otra manera, el formulario siempre estará visible ya que tiene una posición absoluta en pantalla.

<section class="panel-wrapper">
	<section class="panel">
 
		<section class="panel-head">
			<span class="logo"></span>
			<p class="panel-title">T&#38;#237;tulo del form</p>
		</section>
 
		<section class="panel-body">
 
			<section class="form-group-hoz">
				<label for="nombre">Nombre:</label>
				<input type="text" id="nombre" class="textfield"/>
			</section>
 
			<section class="form-group-hoz">
				<label for="apellido">Apellido:</label>
				<input type="text" id="apellido" class="textfield"/>
			</section>
 
			<section class="form-btn-group-hoz">
				<button type="submit" class="btn btn-primary">Enviar</button>
				<button type="reset" class="btn btn-default">Limpiar</button>
			</section>
 
		</section>
 
	</section>
</section>

1era forma:

.panel-wrapper
{
	left: 0;
	position: absolute;
	top: 0;
	width: 450px;
}

2da forma (recomendada):

.panel-wrapper
{
	align-items: flex-start;
	display: flex;
	flex-flow: row nowrap;
        height: 100vh;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	width: 100%;
}

Funciona en versiones actuales de Firefox y Chrome. No testeado en IE.