.login-container{background-color:#fff;border:2px solid #d30013;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 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);padding:40px;max-width:400px;width:100%;text-align:center;margin:5% auto}.dark-mode .login-container{background-color:#e1d1d148;border:2px solid #d30012ae}.login-container label{color:#000}.dark-mode .login-container label{color:#f6f4ec}.login-container p{color:#000;font-weight:700;font-size:1.3rem}.login-form{display:flex;flex-direction:column}.paragraph{color:#000;font-weight:400;font-size:15px;margin-bottom:15px}.input-group{margin-bottom:20px}.input-group input{background:none;padding:15px 23px;margin-top:10px;margin-bottom:5px;font-size:16px;border-radius:8px;color:#000;font-weight:700;font-style:italic;width:88%;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)}.dark-mode .input-group input{background-color:#f6f4ec}.input-group input:focus{border-color:#d30013;outline:none}.button-signin{padding:15px;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;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.dark-mode .button-signin{background-color:#1a1919;color:#f6f4ec}.button-signin:hover{background-color:#d30013}