.signup-container{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 0 3px 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:4% auto 0}.dark-mode .signup-container{background-color:#e1d1d148}.login-container label{color:#000}.dark-mode .login-container label{color:#f6f4ec}.login-form{display:flex;flex-direction:column}.heading{color:#000;font-weight:500;font-size:40px;margin-bottom:5px}.paragraph{color:#000;font-weight:400;font-size:15px;margin-bottom:15px}.input-group{margin-bottom:20px}.input-group input{background:none;border:1px solid #000;padding:15px 23px;margin-top:10px;margin-bottom:5px;font-size:16px;border-radius:8px;color:#000;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}.input-group select{background:none;border:1px solid #353535;padding:15px 23px;margin-top:10px;font-size:16px;border-radius:8px;color:#000;width:100%;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 select{background-color:#f6f4ec}.input-group select:focus{border-color:#d30013;outline:none}.password-group{border:1px solid #979797;padding:2%;border-radius:10px;margin:2% 2% 5%}.password-confirm{width:100%;margin:0 auto}.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:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.dark-mode .button-signin{background-color:#1a1919}.button-signin:hover{background-color:#d30013}