#form { width: 320px; margin: 130px auto 0; }
    #form > .logo { text-align: center; margin-bottom: 14px; }
        #form > .logo > img { width: 100%; display: block; }
    #form > h2 { text-align: center; font-size: 18px; font-weight: 600; margin: 0 0 20px; color: var(--c-text-soft); }
    #form > .submit { margin-top: 12px; width: 100%; border: none; background: var(--c-main); color: white; font-weight: bold; font-size: 16px; padding: 10px; cursor: pointer; border-radius: 6px; }
    #form > .submit:hover { opacity: .9; }

.box-form > .boxes > .field { width: 100%; font-size: 14px; padding: 10px 15px; border: solid 1px #aaa; }
    .box-form > .boxes > .field:first-child { border-radius: 6px 6px 0 0; }
    .box-form > .boxes > .field:last-child { border-radius: 0 0 6px 6px; }
    .box-form > .boxes > .field:not(:first-child) { border-top: none; }
    .box-form > .boxes > .field:only-child { border-radius: 6px; }

.err-msg { color: red; font-size: 14px; margin-top: 8px; text-align: center; }
#forgot-link { font-size: 12px; margin-top: 15px; display: inline-block; }
.center { text-align: center; }