.container{width:100vw;min-height:100vh;display:flex;overflow-y:auto;position:relative;align-items:center;justify-content:center;padding:16px;background:#f5f5f5}.form-container{width:100%;max-width:480px;padding:1rem;display:flex;position:relative;border-radius:16px;flex-direction:column;background-color:#fff;box-sizing:border-box;gap:1.5rem}.form-container .form-header{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.form-header .form-logos{display:flex;flex-direction:column;align-items:center;gap:1rem}.form-header .form-logos img{width:clamp(80px,25vw,120px);height:auto}.form-description p{font-weight:300;font-size:clamp(.9rem,2vw,1rem)}.form-login{display:flex;flex-direction:column;gap:1.5rem}.form-inputgroup{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group a{align-self:flex-end;text-decoration:none;font-size:1rem}.input-group a:hover{color:var(--accent)}.input-container{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;border:1px solid black}.input-container input{width:100%;border:none;outline:none;font-size:1.1rem}.button{width:100%;border:none;font-weight:700;padding:1rem;border-radius:8px;font-size:1rem;cursor:pointer}@media(min-width:768px){.form-container{padding:2rem;gap:2rem}.form-header .form-logos{flex-direction:row;justify-content:space-between;width:100%}}