.login-container{z-index:0;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.login-logo-container{align-items:flex-start;width:150px;display:flex;position:absolute;top:0;left:1rem}.login{-webkit-backdrop-filter:blur(16px);color:var(--color-primary);background-color:#ffffff79;border-radius:10px;flex-direction:column;gap:1rem;width:400px;max-width:94vw;padding:3rem 2rem;display:flex;box-shadow:0 8px 24px #0000002f}.login-form{flex-direction:column;gap:1.8rem;display:flex}.login-form button{z-index:1000;width:100%}.login-form-footer{flex-direction:column;align-items:center;gap:.5rem;display:flex}.login-form-password{position:relative}.error-message{color:red;text-align:right;width:100%;font-size:.8rem;font-weight:700;position:absolute;bottom:-1.1rem;left:0}.success-message{color:#4bb543;text-align:center;font-size:.9rem;font-weight:700}.login-forgot-button{color:var(--color-primary);text-align:center;cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem}.login-forgot-button:hover{text-decoration:underline}.auth-modal-backdrop{z-index:3000;-webkit-backdrop-filter:blur(6px);background:#07122075;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-modal-page{min-height:100vh}.auth-modal{width:min(420px,94vw);color:var(--color-primary);background:#fffffff0;border-radius:8px;flex-direction:column;gap:1.3rem;padding:2rem;display:flex;position:relative;box-shadow:0 18px 48px #00000042}.auth-modal h2{margin:0;font-size:1.45rem;line-height:1.2}.auth-modal-copy{margin:0;font-size:.95rem;line-height:1.45}.auth-modal-close{width:2rem;height:2rem;color:var(--color-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:1.6rem;line-height:1;position:absolute;top:.7rem;right:.7rem}.auth-modal-close:hover{background:#1e3a5f1a}.modal-error-message,.modal-success-message{margin:-.3rem 0 0;font-size:.86rem;font-weight:700}.modal-error-message{color:red}.modal-success-message{color:#2f8f46}.change-password-header{flex-direction:column;gap:.45rem;display:flex}.change-password-header h1{margin:0;font-size:1.45rem;line-height:1.2}.change-password-header p{margin:0;font-size:.95rem;line-height:1.45}
.input-wrapper .group{position:relative}.input-wrapper .input{border:none;border-bottom:1px solid var(--color-primary);background:0 0;width:100%;padding:10px 10px 10px 5px;font-size:1rem;display:block}.input-wrapper .input:focus{outline:none}.input-wrapper label{color:var(--color-primary);pointer-events:none;font-size:1rem;font-weight:400;transition:all .2s;position:absolute;top:10px;left:5px}.input-wrapper .input:focus~label,.input-wrapper .input:not(:placeholder-shown)~label{color:var(--color-primary);font-size:.8rem;top:-20px}.input-wrapper .bar{width:100%;height:3px;display:block;position:relative}.input-wrapper .bar:before,.input-wrapper .bar:after{content:"";background:var(--color-primary);width:0;height:2px;transition:all .2s;position:absolute;bottom:1px}.input-wrapper .bar:before{left:50%}.input-wrapper .bar:after{right:50%}.input-wrapper .input:focus~.bar:before,.input-wrapper .input:focus~.bar:after{width:50%}.input-wrapper .highlight{pointer-events:none;opacity:.5;width:100px;height:60%;position:absolute;top:25%;left:0}.input-wrapper .input:focus~.highlight{animation:.3s inputHighlighter}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--color-primary)!important;background-color:#0000!important;box-shadow:inset 0 0 0 1000px #fff0!important}.input-wrapper .input{color:var(--color-primary);background:0 0}@keyframes inputHighlighter{0%{background:var(--color-light)}to{background:0 0;width:0}}