body.AA-LOGIN {
	margin: 0;
	background: hsl(201, 24%, 25%);
}

.AA-LOGIN header {
    text-align: center;
    padding: 5vh 0 5vh;
}
.AA-LOGIN header .logo img {
	width: 260px;
	height: 80px;
	object-fit: contain;
}
.AA-LOGIN header h2 {
	margin: 0;
    font: 700 28px "HelvN", 'Arial', sans-serif;
	color: white;
}
.AA-LOGIN .AA-box,
.AA-LOGIN form {
	width: 600px;
    max-width: calc(100% - 48px);
    margin: auto;
    padding: 24px;
    position: relative;
    background: hsl(212, 30%, 90%);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: right;
    color: black;
    text-shadow: 0px 0px 1px hsla(0, 0%, 0%, 0.5);
    border-radius: 24px;
    box-shadow: 12px 12px 28px hsla(0, 0%, 0%, 0.66)
}
.AA-LOGIN .AA-box {
    font: 700 16px "HelvN", Arial, sans-serif;
	text-align: center;
	text-decoration: none;
    letter-spacing: -0.5px;
    color: hsl(217, 29%, 14%);
}
.AA-LOGIN .AA-messages {
	margin-bottom: 8px;
    font: 700 16px "HelvN", Arial, sans-serif;
	text-decoration: none;
    letter-spacing: -0.5px;
    color: hsl(217, 29%, 14%);
    opacity: 0.5;
}
.AA-LOGIN .AA-messages p { margin: 0; }
.AA-LOGIN .AA-messages code { font: 400 12px monospace; }
.AA-LOGIN .AA-input {
	display: flex;
	flex-flow: row;
    position: relative;
    width: 100%;
    margin: 0px 0 8px 0;
    background: white;
    box-shadow: 3px 3px 8px hsla(0, 0%, 0%, 0.35);
    border-radius: 80px
}
.AA-LOGIN .AA-input label {
    width: 130px;
    padding: 19px 10px 18px;
    font: 100 20px "HelvN", Arial, sans-serif;
    text-align: right;
    background: hsl(217, 29%, 14%);
    color: hsla(0, 0%, 100%, 0.5);
    text-shadow: 0px 0px 1px hsla(0, 0%, 100%, 0.25);
    border-radius: 80px 0 0 80px;
}
.AA-LOGIN .AA-input input {
	width: calc(100% - 182px);
    padding: 18px 16px 17px;
    font: 700 22px "HelvN", 'Arial', sans-serif;
    border: 0;
    outline: 0;
    text-align: left;
    transition: all 0.5s ease;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 0px transparent, 0px 0px 0px transparent;
    border-radius: 0 80px 80px 0;
}
.AA-LOGIN .AA-message {
	margin: 0px 0 8px;
    font: 400 14px "HelvN", 'Arial', sans-serif;
}
.AA-LOGIN .AA-button,
.AA-LOGIN button {
	margin: 8px 0 0;
	padding: 16px 32px;
    background: hsl(217, 29%, 14%);
    color: hsl(176, 77%, 48%);
    text-align: center;
	text-decoration: none;
    border: 0;
    outline: 0;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    border-radius: 80px;
    box-shadow: 3px 3px 8px hsla(0, 0%, 0%, 0.35);
}
.AA-LOGIN .AA-button:hover,
.AA-LOGIN button:hover {
    background: hsl(176, 77%, 48%);
    color: hsl(217, 29%, 14%);
}
.AA-LOGIN .AA-info {
	position: absolute;
    left: 32px;
    bottom: 36px;
}
.AA-LOGIN .AA-info a {
    font: 700 16px "HelvN", Arial, sans-serif;
	text-decoration: none;
    letter-spacing: -0.5px;
    color: hsl(217, 29%, 14%);
    opacity: 0.5;
}
.AA-LOGIN .AA-info p {
    font: 400 14px "HelvN", Arial, sans-serif;
    color: hsl(217, 29%, 14%);
    letter-spacing: -0.3px;
    opacity: 0.5;
}