body,html{align-items:center;background-color:#e6f0ff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.content{text-align:center}.content img{display:block;height:auto;margin:0 auto;max-height:60vh;max-width:60%}footer{bottom:20px;color:#555;display:flex;font-size:.9em;justify-content:space-between;left:25px;position:absolute;right:25px}a.contact-info{color:inherit;font-weight:500;text-decoration:none}a.contact-info:hover{text-decoration:underline}.login-page{flex-direction:column;height:100vh;position:relative}.login-page,.logo-container{align-items:center;display:flex}.logo-container{flex:1}.logo{max-width:300px;width:100%}.login-container{position:absolute;top:75%;transform:translateY(-50%);width:280px}.login-form{display:flex;flex-direction:column;gap:10px}.login-form button,.login-form input{border:1px solid #ccd0d5;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:8px}.login-form button{align-self:flex-end;background-color:#0069d9;border:none;color:#fff;cursor:pointer;transition:background-color .2s ease}.login-form button:hover{background-color:#0053ba}.error{color:#c00;margin-bottom:10px;text-align:center}