*,#text,h1,h2,h3,h4,h5,h6,p,a,span,div,button,input,select,textarea,label{font-family:DM Sans,sans-serif}.alert{display:flex;align-items:center;height:100px}#alert-container{width:100%}#error-message{width:90%!important;height:100%;display:flex;overflow:auto;align-items:center}.alert .btn-close{width:10%}.form-title{display:flex;text-align:center}body{background:#f9f9f9!important}.login-container{height:100vh;display:flex;width:100%;align-items:center;justify-content:center}.form-container{background:#fff;width:40%;border-radius:7px;box-shadow:0 0 4px #d2d2d2;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:40px}.form{height:100%;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:space-around;gap:20px}.login-btn{width:100%;border:3px solid #7f82f6;height:50px;display:flex;justify-content:center;align-items:center;color:#7f82f6;border-radius:7px;cursor:pointer;transition:.2s ease}.login-btn:hover{background:#7f82f6;transition:.2s ease;color:#fff}.login-btn.active{transition:.2s ease;box-shadow:0 0 7px #5b5ef0;background:#5b5ef0}.form-title span{font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center}.form-inputs{border:3px solid #cccccc;border-radius:5px;width:100%;height:55px;transition:.3s;background:transparent;color:#000;padding:0 10px}.form-inputs:focus{transition:.3s;border:3px solid #7376f5;box-shadow:0 0 4px #7376f5;outline:none}.theme-toggle{position:absolute;top:20px;right:20px;font-size:30px;color:#d5d5d5;background:#fff;padding:10px;border-radius:7px;cursor:pointer;transition:.2s ease;box-shadow:0 0 6px #ddd;width:50px;display:flex;justify-content:center}.theme-toggle:hover{transition:.2s ease;color:silver;background:#31363f}.password-input{display:flex;position:relative;align-items:center;align-content:center}span.see-password{position:absolute;right:20px;font-size:20px;color:#ababab;cursor:pointer}body.dark{background:#31363f!important}body.dark .form-inputs{color:#fff}body.dark .theme-toggle{color:#acacac;background:#222831;box-shadow:0 0 6px #222831}body.dark .theme-toggle:hover{color:#818181;background:#dadada}body.dark .form-container{background:#222831;color:#fff;box-shadow:0 0 4px #222831}.login-btn.disabled{border:3px solid #b1b1b1!important;color:#b1b1b1}@media (max-width: 992px){.form-container{width:70%}}@media (max-width: 768px){.form-container{width:100%;height:80%}.theme-toggle{top:10px;right:10px}#user-help{text-align:center;display:flex;align-items:center;justify-content:center}}#user-help{color:#7376f5}