@keyframes slideUpFromRightMiddle{0%{transform:translateY(100px) translate(50px);opacity:0}to{transform:translateY(0) translate(0);opacity:1}}.toastify__toast{animation:slideUpFromRightMiddle .5s ease-in}p{color:var(--p-color)}h2{color:var(--h2-color);font-family:verdana,arial;text-align:left}.login-container{background-color:var(--background-color);max-width:500px;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.login-container #logo{height:10vh}.login-form{border:var(--login-border-color) 1px solid;background-color:var(--login-bg-color);border-radius:15px;width:70%;height:auto;padding:15px;box-sizing:border-box}.password-info-container{max-height:0;opacity:0;overflow:hidden;transition:max-height 1s ease,opacity .5s ease}.password-info-container.visible{max-height:250px;opacity:1}.password-warning{color:var(--warning-color)}.login-btn{margin-top:10px;margin-bottom:5px;font-size:1em;color:var(--login-btn-color);background-color:var(--login-btn-bgcolor);border:var(--login-btn-bcolor) 1px solid;border-radius:5px;width:100%;height:3em;cursor:pointer}.login-btn:hover{background-color:var(--login-btn-hover-bgcolor);color:var(--login-btn-hover-color)}.google-login-btn{margin-top:10px;background-color:var(--google-login-btn-bgcolor);color:var(--google-login-btn-tcolor);border:var(--google-login-btn-bcolor) 1px solid;padding:10px;font-size:1rem;border-radius:5px;cursor:pointer;width:100%;height:3em;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease-in-out}.google-login-btn:hover{background-color:var(--google-login-btnhv-color);color:var(--google-login-btnhv-tcolor);border:var(--google-login-btnhv-bcolor) 1px solid}.forgot-password{text-align:left;font-family:calibri;font-size:1em;margin-top:0}.forgot-password a{color:var(--link-color)}.register-link{color:var(--register-link-tcolor);text-align:left;font-size:1em;font-family:sans-serif}.register-link a{text-decoration:none;color:var(--link-color)}.twofa-container{background-color:var(--background-color);max-width:500px;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.twofa-container #logo{height:10vh}.twofa-form{border:var(--login-border-color) 1px solid;background-color:var(--login-bg-color);border-radius:15px;width:70%;height:auto;padding:15px;box-sizing:border-box}.switch-method{margin-top:10px;color:#0048ff;cursor:pointer;text-decoration:underline;font-size:.9em}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.toggle-container{display:flex;align-items:center;margin:10px;flex-direction:row-reverse}.toggle{width:40px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ccc;border-radius:10px;position:relative;outline:none;cursor:pointer;transition:background-color .3s ease}.toggle:checked{background-color:#191919;border:#ffffff 1px solid}.toggle:checked:after,.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle:checked:after{transform:translate(20px)}.register-container{background-color:var(--background-color);max-width:500px;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.register-container #logo{height:10vh}.register-form{border:var(--login-border-color) 1px solid;background-color:var(--login-bg-color);border-radius:15px;width:70%;height:auto;padding:15px;box-sizing:border-box}.password-strength span{width:20%;height:5px;background-color:#a8a8a8;border-color:#949494;border-radius:5px;transition:background-color .3s ease-in-out}.password-requirements{list-style-type:none;border:1px solid #ff0000;padding:5px;margin-top:10px}.password-requirements.all-met{border-color:#139c09}.password-wrapper{position:relative;width:100%}.password-wrapper input{width:100%;padding-right:40px;border:1px solid #ccc;border-radius:5px;font-size:16px}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:20px;color:var(--input-label-color);transition:color .2s ease-in-out}.toggle-password:hover{color:#333}.register-btn{margin-top:10px;margin-bottom:5px;font-size:1em;color:var(--login-btn-color);background-color:var(--login-btn-bgcolor);border:var(--login-btn-bcolor) 1px solid;border-radius:5px;width:100%;height:3em;cursor:pointer}.register-btn:hover{background-color:var(--login-btn-hover-bgcolor);color:var(--login-btn-hover-color)}.separator{display:flex;flex-direction:row;align-items:center;justify-content:center}.separator hr{border:var(--separator-bcolor) 1px solid;width:100%;height:0}.separator p{font-family:verdana,arial;font-weight:700;text-align:center;padding:5px;border:#a3a3a3 1px solid;border-radius:5px;width:20%;color:#4e4e4e}.google-signup-btn{margin-top:10px;background-color:var(--google-login-btn-bgcolor);color:var(--google-login-btn-tcolor);border:var(--google-login-btn-bcolor) 1px solid;padding:10px;font-size:1rem;border-radius:5px;cursor:pointer;width:100%;height:3em;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .3s ease-in-out}.google-signup-btn:hover{background-color:var(--google-login-btnhv-color);color:var(--google-login-btnhv-tcolor);border:var(--google-login-btnhv-bcolor) 1px solid}.google-icon{width:30px;height:30px}.verification-content{border:var(--login-border-color) 1px solid;background-color:var(--login-bg-color);border-radius:15px;width:70%;height:auto;padding:15px;box-sizing:border-box}.verification-content p{color:var(--p-color)}.verification-content button{margin-top:10px;margin-bottom:5px;font-size:1em;color:var(--login-btn-color);background-color:var(--login-btn-bgcolor);border:var(--login-btn-bcolor) 1px solid;border-radius:5px;width:100%;height:3em;cursor:pointer}.forgot-password-container{background-color:var(--background-color);max-width:500px;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.forgot-password-container #logo{height:10vh}.forgot-password-form{border:var(--login-border-color) 1px solid;background-color:var(--login-bg-color);border-radius:15px;width:70%;height:auto;padding:15px;box-sizing:border-box}.reset-btn{margin-top:10px;margin-bottom:5px;font-size:1em;color:var(--login-btn-color);background-color:var(--login-btn-bgcolor);border:var(--login-btn-bcolor) 1px solid;border-radius:5px;width:100%;height:3em;cursor:pointer}.reset-btn:hover{background-color:var(--login-btn-hover-bgcolor);color:var(--login-btn-hover-color)}.login-link{color:var(--register-link-tcolor);text-align:left;font-size:1em;font-family:sans-serif}.error-message{color:var(--error-color);font-family:Times New Roman;font-size:1em}.success-message{color:var(--success-color)}.landing-container{margin:2rem;text-align:center;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f4f4f4}.landing-logo{width:100px}header{max-width:600px;padding:20px}h1{font-size:2.5rem;margin-bottom:10px}p{font-size:1.2rem;margin-bottom:20px}.signup-btn{padding:10px 20px;background-color:#000;color:#fff;text-decoration:none;font-size:1.2rem;border-radius:5px}.signup-btn:hover{background-color:#333}h2{color:var(--h2-color);font-family:Verdana,Arial,sans-serif}.reset-password-container{background-color:var(--background-color);max-width:500px;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.reset-password-container #logo{height:10vh}.reset-password-form{border:var(--login-border-color) 1px solid;background-color:var(--login-bg-color);border-radius:15px;width:70%;height:auto;padding:15px;box-sizing:border-box}.input-group input{background-color:var(--input-bg-color);color:var(--input-text-color);font-size:16px;width:100%;height:2.5rem;border:var(--input-border-color) 1px solid;border-radius:5px;box-sizing:border-box}.input-group input::placeholder{color:var(--input-placeholder-color)}.password-strength{display:flex;gap:5px;margin-top:10px}.password-strength span{width:20%;height:5px;background-color:#a8a8a8;border-radius:5px;transition:background-color .3s ease-in-out}.password-strength .filled{background-color:#00a501}.password-requirements{list-style-type:none;border:#ff0000 1px solid}.password-requirements.all-met{border:#139c09 1px solid}.password-requirements-container{max-height:0;opacity:0;overflow:hidden;transition:max-height 1s ease,opacity .3s ease}.password-requirements-container.visible{max-height:200px;opacity:1}.reset-password-btn{margin-top:10px;margin-bottom:5px;font-size:1em;color:var(--login-btn-color);background-color:var(--login-btn-bgcolor);border:var(--login-btn-bcolor) 1px solid;border-radius:5px;width:100%;height:3em;cursor:pointer}.reset-password-btn:hover{background-color:var(--login-btn-hover-bgcolor);color:var(--login-btn-hover-color)}.back-to-login{text-align:left;font-family:Calibri,sans-serif;font-size:1em;margin-top:0}.back-to-login a{color:var(--link-color);text-decoration:none}.valid{color:#118e07;font-family:Calibri}.invalid{color:#d60000;font-family:Calibri}h2{color:var(--h2-color);font-family:Verdana,Arial,sans-serif;text-align:center}.verification-content{border:var(--login-border-color) 1px solid;background-color:var(--login-bg-color);border-radius:15px;width:70%;padding:15px;box-sizing:border-box;text-align:center}.verification-content p{font-size:1em;color:var(--p-color);font-family:Arial,sans-serif}.retry-btn{margin-top:10px;margin-bottom:5px;font-size:1em;color:var(--login-btn-color);background-color:var(--login-btn-bgcolor);border:var(--login-btn-bcolor) 1px solid;border-radius:5px;width:100%;height:3em;cursor:pointer}.retry-btn:hover{background-color:var(--login-btn-hover-bgcolor);color:var(--login-btn-hover-color)}.verification-container{background-color:var(--background-color);max-width:500px;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.verification-container #logo{height:10vh}.verification-form{border:var(--login-border-color) 1px solid;background-color:var(--login-bg-color);border-radius:15px;width:70%;height:auto;padding:15px;box-sizing:border-box;text-align:center}.verification-form p{color:var(--p-color)}.input-group{width:100%;max-width:400px;text-align:left;margin:auto;padding:5px;box-sizing:border-box}.input-group label{color:var(--input-label-color);font-family:sans-serif;font-weight:700;display:block;margin-bottom:5px}.input-group input{background-color:var(--input-bg-color);color:var(--input-text-color);font-size:16px;width:100%;height:2.5rem;border:var(--input-border-color) 1px solid;border-radius:5px;box-sizing:border-box;padding-left:10px}.verify-btn{margin-top:10px;margin-bottom:5px;font-size:1em;color:var(--login-btn-color);background-color:var(--login-btn-bgcolor);border:var(--login-btn-bcolor) 1px solid;border-radius:5px;width:100%;height:3em;cursor:pointer}.verify-btn:hover{background-color:var(--login-btn-hover-bgcolor);color:var(--login-btn-hover-color)}.login-link{color:var(--register-link-tcolor);text-align:left;font-size:1em;font-family:sans-serif;margin-top:10px}.login-link a{text-decoration:none;color:var(--link-color)}h2{color:var(--h2-color);font-family:verdana,arial}.not-found-container{background-color:var(--background-color);max-width:500px;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.not-found-content{border:var(--login-border-color) 1px solid;background-color:var(--login-bg-color);border-radius:15px;width:70%;height:auto;padding:15px;box-sizing:border-box}.not-found-content h1{font-size:5rem;color:#ff4757;text-align:center}.not-found-content p{font-size:1.2rem;color:var(--p-color);text-align:center}.home-link{margin-top:10px;margin-bottom:5px;font-size:1em;color:var(--login-btn-color);background-color:var(--login-btn-bgcolor);border:var(--login-btn-bcolor) 1px solid;border-radius:5px;width:100%;height:3em;cursor:pointer;text-align:center}.home-link:hover{background-color:var(--login-btn-hover-bgcolor);color:var(--login-btn-hover-color)}body{background-color:var(--background-color)}.invalid-link-container{background-color:var(--background-color);max-width:500px;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}#logo{height:20vh}.invalid-link-content{border:var(--login-border-color) 1px solid;background-color:var(--login-bg-color);border-radius:15px;width:70%;height:auto;padding:15px;box-sizing:border-box;text-align:center}.invalid-link-content h1{font-size:2rem;color:#ff4757}.invalid-link-content p{font-size:1.2rem;color:var(--p-color)}.home-button{font-size:1em;color:var(--login-btn-color);background-color:var(--login-btn-bgcolor);border:var(--login-btn-bcolor) 1px solid;border-radius:5px;width:100%;height:3em;cursor:pointer;margin-top:10px}.home-button:hover{background-color:var(--login-btn-hover-bgcolor);color:var(--login-btn-hover-color)}*{box-sizing:border-box;font-family:Poppins,sans-serif}body.dark{--background-color: #000000}:root{--background-color: #f0f0f0;--h2-color: #333333;--border-color: #ffffff;--login-border-color: #b5b5b5;--login-bg-color: #ffffff;--input-bg-color: #ffffff;--input-label-color: #000000;--input-text-color: #000000;--input-border-color: #949494;--input-placeholder-color: #616161;--login-btn-bgcolor:#000000;--login-btn-bcolor: #000000;--login-btn-color: #ffffff;--login-btn-hover-bgcolor: #272727;--login-btn-hover-color: #ffffff;--separator-bcolor: #a3a3a3;--google-login-btn-bgcolor: #ffffff;--google-login-btn-bcolor: #000000;--google-login-btn-tcolor: #000000;--google-login-btnhv-color: #191919;--google-login-btnhv-tcolor: #ffffff;--google-login-btnhv-bcolor: #111111;--register-link-tcolor: #000000;--link-color: #0048ff;--error-color: #d60000;--warning-color: #ff9900;--p-color: #000000;--success-color: #118e07}[data-theme=dark]{--background-color: #000000;--h2-color: #bbbbbb;--border-color: #ffffff;--login-border-color: #696969;--login-bg-color: #191919;--input-bg-color: #121212;--input-label-color: #ffffff;--input-text-color: #ffffff;--input-border-color: #949494;--input-placeholder-color: #949494;--login-btn-bgcolor: #00db1a;--login-btn-bcolor: #000000;--login-btn-color: #000000;--login-btn-hover-bgcolor: #03a112;--login-btn-hover-color: #000000;--separator-bcolor: #676767;--google-login-btn-bgcolor: #000000;--google-login-btn-bcolor: #cccccc;--google-login-btn-tcolor: #ffffff;--google-login-btnhv-color: #dddddd;--google-login-btnhv-tcolor: #000000;--google-login-btnhv-bcolor: #111111;--register-link-tcolor: #ffffff;--link-color: #0048ff;--error-color: #d60000;--warning-color: #ff7300;--p-color: #ffffff;--success-color: #118e07}