.form-input{border-radius:8px;border:1px solid #ccc;width:100%;padding:10px;transition:border-color .3s}.form-input:focus{border-color:#007bff;outline:none}.bear-avatar{border-radius:50%;transition:all .2s ease-in-out;object-fit:contain}.input-container{width:100%;display:flex;flex-direction:column}.input-field{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;outline:none;transition:border-color .3s ease}.input-field:focus{border-color:#007bff}.error-text{color:red;font-size:12px;margin-top:5px}.login-form{display:flex;flex-direction:column;align-items:center;gap:10px;width:320px;max-width:100%;padding:20px;border-radius:10px;background-color:#070707f5}.avatar-container{display:flex;justify-content:center;margin-bottom:15px}.input-container{width:100%;display:flex;flex-direction:column;align-items:center}.input-wrapper{position:relative;width:90%}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer}.password-icon{width:20px;height:20px}.error-text{color:#f00b39d8;font-size:12px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.login-button{width:60%;padding:10px;border:none;border-radius:30px;background-color:#d0e48c;color:#444;font-size:16px;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#b3d14e}.app-container{width:400px;margin:0 auto;min-height:100vh;display:grid;place-items:center}