.login-container-signin{background-color:#fff;border-radius:8px;box-shadow:inset 0 -23px 25px 0 rgba(31,31,31,.17),inset 0 -36px 30px 0 hsla(0,0%,42%,.23),inset 2px 5px 40px 0 rgba(0,0,0,.1),2px 2px 1px rgba(0,0,0,.06),2px 4px 2px rgba(0,0,0,.09),2px 8px 4px rgba(0,0,0,.09),2px 16px 8px rgba(0,0,0,.09),2px 32px 16px rgba(0,0,0,.09);margin:5% auto;max-width:100%;width:50%;text-align:center;padding:20px}.dark-mode .login-container-signin{background-color:#1a1919}.login-form-signin{display:flex;flex-direction:column;align-items:center;width:100%}.heading-signin{color:#000;font-weight:500;font-size:2rem;margin-bottom:20px}.dark-mode .heading-signin{color:#f6f4ec}.input-group-signin{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin:10px 10px 20px}.input-group-signin input{background:none;border:1px solid #353535;padding:15px 20px;font-size:1rem;border-radius:8px;color:#979797;width:70%;box-shadow:inset 0 -23px 25px 0 hsla(0,0%,53%,.17),inset 0 -36px 30px 0 rgba(81,81,81,.23),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09)}.input-group-signin input:focus{border-color:#d30013;outline:none}.input-password{background:none;border:1px solid #353535;font-size:1rem;border-radius:8px;color:#979797;width:70%;padding:15px 40px 15px 20px}.icon-visibility{position:absolute;right:calc(15% + 10px);top:50%;transform:translateY(-50%);cursor:pointer;color:#000;font-size:20px}.input-group-signin span{color:#000}.button-signin{padding:10px 20px;border:none;border-radius:8px;background-color:#979797;box-shadow:inset 0 -23px 25px 0 rgba(31,31,31,.17),inset 0 -36px 30px 0 hsla(0,0%,42%,.23),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);color:#000;width:70%;margin:0 auto;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.button-signin:hover{background-color:#d30013}.bottom-text{display:flex;flex-direction:column;align-items:center;margin-top:20px;color:#000;font-size:.9rem;font-weight:400}.dark-mode .bottom-text-signin p{color:#f6f4ec}.bottom-text-signin a{color:#d30013;font-weight:700;text-decoration:none;transition:color .3s ease}.bottom-text-signin a:hover{color:#9a000d}@media (max-width:768px){.heading-signin{font-size:1.5rem}.button-signin{width:100%;padding:10px}.bottom-text{font-size:.8rem}}@media (max-width:550px){.login-container-signin{width:70%;padding:10px}.heading-signin{font-size:1.2rem}.button-signin{padding:8px;font-size:.9rem}.bottom-text{font-size:.7rem}}