.hz-custom-auth-wrap {
box-sizing: border-box;
width: 100%;
padding: 40px 20px;
}
.hz-custom-auth-box {
box-sizing: border-box;
width: 100%;
max-width: 420px;
min-height: 470px;
margin: 30px auto;
padding: 32px;
background: #fff;
border: 2px solid #000;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0,0,0,.10);
text-align: center;
}
.hz-custom-auth-box h2 {
margin: 0 0 24px;
font-size: 26px;
color: #111;
}
.hz-field {
margin-bottom: 18px;
text-align: left;
}
.hz-field label {
display: block;
margin-bottom: 6px;
font-weight: 700;
}
.hz-field input[type="text"],
.hz-field input[type="email"],
.hz-field input[type="password"] {
box-sizing: border-box;
width: 100%;
height: 46px;
padding: 10px 12px;
border: 1px solid #bbb;
border-radius: 5px;
font-size: 16px;
}
.hz-auth-button,
.hz-custom-auth-box input[type="submit"] {
box-sizing: border-box;
display: inline-block;
width: 100%;
min-height: 46px;
padding: 11px 16px;
border: 0;
border-radius: 5px;
background: #0073aa;
color: #fff !important;
font-size: 16px;
font-weight: 700;
text-decoration: none !important;
cursor: pointer;
}
.hz-auth-button:hover,
.hz-custom-auth-box input[type="submit"]:hover {
background: #005a87;
color: #fff !important;
}
.hz-auth-links {
margin-top: 20px;
font-size: 14px;
}
.hz-auth-links a {
color: #0073aa;
text-decoration: none;
}
.hz-auth-links a:hover {
text-decoration: underline;
}
.hz-message {
margin-bottom: 18px;
padding: 12px 14px;
border-radius: 5px;
font-size: 14px;
text-align: left;
}
.hz-error {
border: 1px solid #b32d2e;
background: #fff5f5;
color: #8a1f1f;
}
.hz-success {
border: 1px solid #15803d;
background: #f0fff4;
color: #166534;
}
@media (max-width: 600px) {
.hz-custom-auth-wrap {
padding: 20px 14px;
}
.hz-custom-auth-box {
min-height: 0;
margin: 20px auto;
padding: 24px 20px;
}
}