.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-split-container{background:#07121f;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:stretch;align-items:stretch;height:auto;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-logo-container{align-items:flex-start;width:150px;display:flex;position:absolute;top:0;left:1rem}.login-split-container .login-brand-panel,.login-split-container .login-form-panel{min-height:100vh}.login-split-container .login-brand-panel{background-image:url(/images/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;padding:2rem;display:grid;position:relative;overflow:hidden}.login-split-container .login-brand-overlay{pointer-events:none;background:linear-gradient(#050b1429,#050b1485),radial-gradient(circle at 50% 48%,#ffffff24,#0000 32%);position:absolute;inset:0}.login-split-container .login-brand-link{z-index:2;cursor:pointer;width:min(500px,80%);display:block;position:relative}.login-split-container .login-brand-logo{object-fit:contain;filter:drop-shadow(0 18px 38px #00000057);width:100%;height:auto}.login-split-container .login-form-panel{color:#f8fbff;background:linear-gradient(135deg,#19314fbd,#0000 44%),#07121f;justify-content:center;align-items:center;padding:clamp(2rem,5vw,5rem);display:flex}.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-split-container .login{-webkit-backdrop-filter:none;width:min(410px,100%);box-shadow:none;color:#f8fbff;background:0 0;border-radius:0;gap:1.15rem;padding:0}.login-form{flex-direction:column;gap:1.8rem;display:flex}.auth-form-message{color:#f8fbffe6;text-align:center;margin:0 0 .35rem;font-size:1.05rem;font-weight:800;line-height:1.35}.auth-form-message .highlight{color:#f48a2a}.login-form button,.login>button{width:100%}.login-split-container .login .btn-primary-full{color:#07121f;background:#f48a2a;border:1px solid #f48a2a;box-shadow:0 16px 32px #f48a2a38}.login-split-container .login .btn-primary-full:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.2)}.login-split-container .login .btn-primary-outline{color:#f8fbff;box-shadow:none;background:#ffffff0a;border-color:#f8fbff6b}.login-split-container .login .btn-primary-outline:hover{background:#ffffff14;border-color:#f8fbffb8}.login-split-container .login .input-wrapper .input{color:#f8fbff;border-bottom-color:#f8fbff75}.login-split-container .login .input-wrapper label,.login-split-container .login .input-wrapper .input:focus~label,.login-split-container .login .input-wrapper .input:not(:placeholder-shown)~label{color:#f8fbffd6}.login-split-container .login .input-wrapper .bar:before,.login-split-container .login .input-wrapper .bar:after{background:#f48a2a}.login-split-container .login input:-webkit-autofill{-webkit-text-fill-color:#f8fbff!important;box-shadow:inset 0 0 0 1000px #07121f!important}.login-form-footer{flex-direction:column;align-items:center;gap:.5rem;display:flex}.login-split-container .login-form-footer{color:#f8fbffc7}.login-form-footer p{margin:0}.login-split-container .login-form-footer a{color:#f48a2a;text-decoration:none}.login-form-password{position:relative}.error-message{color:#ff7d7d;text-align:right;width:100%;font-size:.8rem;font-weight:700;position:absolute;bottom:-1.1rem;left:0}.login-split-container .login>.error-message{text-align:center;margin:-.4rem 0 0;position:static}.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-split-container .login-forgot-button{color:#f8fbff}.login-forgot-button:hover{text-decoration:underline}.auth-modal-backdrop{z-index:3000;-webkit-backdrop-filter:blur(6px);background:#0712208f;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-modal-page{min-height:100vh}.auth-modal{color:#07121f;background:#f8fbff;border-radius:8px;flex-direction:column;gap:1.3rem;width:min(420px,94vw);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{color:#07121fb8;margin:0;font-size:.95rem;line-height:1.45}.auth-modal .input-wrapper .input{color:#07121f;border-bottom-color:#07121f5c}.auth-modal .input-wrapper label,.auth-modal .input-wrapper .input:focus~label,.auth-modal .input-wrapper .input:not(:placeholder-shown)~label{color:#07121fb8}.auth-modal .input-wrapper .bar:before,.auth-modal .input-wrapper .bar:after{background:#f48a2a}.auth-modal .btn-primary-full{color:#07121f;background:#f48a2a;border:1px solid #f48a2a;box-shadow:0 12px 24px #07121f24}.auth-modal .btn-primary-full:disabled{opacity:.66;cursor:not-allowed}.auth-modal-close{color:#07121f;cursor:pointer;background:0 0;border:none;border-radius:50%;width:2rem;height:2rem;font-size:1.4rem;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}@media (max-width:760px){.login-split-container{grid-template-columns:1fr;min-height:100svh;overflow:auto}.login-split-container .login-brand-panel,.login-split-container .login-form-panel{min-height:auto}.login-split-container .login-brand-panel{min-height:34svh;padding:2rem 1.25rem}.login-split-container .login-brand-link{width:min(400px,85vw)}.login-split-container .login-form-panel{align-items:flex-start;min-height:66svh;padding:2.5rem 1.35rem}}
.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}}