.form-container{flex-direction:column;justify-content:center;align-items:center;height:70vh;display:flex}.auth-link{cursor:pointer;color:#3b82f6;transition:color .3s}.auth-link:hover{color:#2563eb}
.form{flex-direction:column;align-items:center;gap:30px;display:flex}.form-action-button{text-transform:uppercase;letter-spacing:.1rem;cursor:pointer;color:#fff;background-color:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-top:25px;padding:10px;font-weight:600;transition:background-color .3s;display:flex}.form-action-button:hover{background-color:#2563eb}
.group{position:relative}.group .form-input{background:0 0;background-color:var(--background);color:gray;border:none;border-bottom:1px solid gray;border-radius:0;width:100%;margin:0;padding:10px 10px 10px 5px;font-size:18px;display:block}.group .form-input:focus{outline:none}.group .form-input:focus~.form-input-label,.group .form-input:not(:placeholder-shown)~.form-input-label{color:var(--secondary-font-color);font-size:14px;top:-14px}.group input[type=password]{letter-spacing:.3em}.group .form-input-label{color:gray;pointer-events:none;font-size:16px;font-weight:400;transition:top .3s,font-size .3s,color .3s;position:absolute;top:10px;left:5px}.group .form-input-label.shrink{color:var(--secondary-font-color);font-size:12px;top:-14px}
.form{flex-direction:column;align-items:center;gap:30px;display:flex}.form-action-button{text-transform:uppercase;letter-spacing:.1rem;cursor:pointer;color:#fff;background-color:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-top:25px;padding:10px;font-weight:600;transition:background-color .3s;display:flex}.form-action-button:hover{background-color:#2563eb}