.login-layout{display:grid;min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 1024px){.login-layout{grid-template-columns:60fr 40fr}}.login-hero{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;--tw-bg-opacity: 1;background-color:rgb(42 57 80 / var(--tw-bg-opacity, 1));padding:2.5rem 1.5rem}@media (min-width: 480px){.login-hero{padding:3rem 2rem}}@media (min-width: 768px){.login-hero{padding:4rem 3rem}}@media (min-width: 1024px){.login-hero{padding:5rem 4rem}}.hero-branding{position:relative;z-index:10;margin-left:auto;margin-right:auto;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;max-width:24rem;gap:1rem}@media (min-width: 480px){.hero-branding{max-width:28rem;gap:1.25rem}}@media (min-width: 768px){.hero-branding{max-width:32rem;gap:1.5rem}}@media (min-width: 1024px){.hero-branding{max-width:36rem}}.hero-logo{--tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / .15));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);width:100%;max-width:200px}@media (min-width: 480px){.hero-logo{max-width:240px}}@media (min-width: 768px){.hero-logo{max-width:280px}}@media (min-width: 1024px){.hero-logo{max-width:20rem}}.hero-content{width:100%;text-align:center}.hero-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}@media (min-width: 768px){.hero-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}}.hero-title{font-weight:600;line-height:1.25;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));font-size:1.5rem;line-height:2rem}@media (min-width: 480px){.hero-title{font-size:1.875rem;line-height:2.25rem}}@media (min-width: 768px){.hero-title{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 1024px){.hero-title{font-size:3rem;line-height:1}}.hero-subtitle{margin-left:auto;margin-right:auto;line-height:1.625;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));max-width:20rem;font-size:.75rem;line-height:1rem}@media (min-width: 480px){.hero-subtitle{max-width:24rem;font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.hero-subtitle{max-width:28rem;font-size:1rem;line-height:1.5rem}}.login-panel{display:flex;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:2rem 1rem}@media (min-width: 480px){.login-panel{padding:2.5rem 1.5rem}}@media (min-width: 768px){.login-panel{padding:3rem 2.5rem}}.panel-inner{width:100%;border-radius:1.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(176 176 176 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);max-width:24rem;padding:1.5rem}@media (min-width: 480px){.panel-inner{max-width:28rem;padding:2rem}}@media (min-width: 768px){.panel-inner{max-width:32rem;padding:2.5rem}}.panel-header>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.panel-header{margin-bottom:1.5rem}@media (min-width: 768px){.panel-header{margin-bottom:2rem}}.panel-title{font-weight:600;--tw-text-opacity: 1;color:rgb(42 57 80 / var(--tw-text-opacity, 1));font-size:1.5rem;line-height:2rem}@media (min-width: 480px){.panel-title{font-size:1.875rem;line-height:2.25rem}}.panel-subtitle{--tw-text-opacity: 1;color:rgb(176 176 176 / var(--tw-text-opacity, 1));font-size:.75rem;line-height:1rem}@media (min-width: 480px){.panel-subtitle{font-size:.875rem;line-height:1.25rem}}.login-form{display:flex;flex-direction:column;gap:1rem}@media (min-width: 480px){.login-form{gap:1.25rem}}@media (min-width: 768px){.login-form{gap:1.5rem}}.form-group{display:flex;flex-direction:column;gap:.375rem}@media (min-width: 768px){.form-group{gap:.5rem}}.form-group label{font-weight:500;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1));font-size:.75rem;line-height:1rem}@media (min-width: 480px){.form-group label{font-size:.875rem;line-height:1.25rem}}.form-group input{width:100%;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(42 57 80 / var(--tw-ring-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.form-group input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(176 176 176 / var(--tw-text-opacity, 1))}.form-group input::placeholder{--tw-text-opacity: 1;color:rgb(176 176 176 / var(--tw-text-opacity, 1))}.form-group input:focus{--tw-text-opacity: 1;color:rgb(80 156 219 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(80 156 219 / var(--tw-ring-opacity, 1))}.form-group input{height:2.5rem;font-size:.875rem;line-height:1.25rem}@media (min-width: 480px){.form-group input{height:2.75rem;font-size:1rem;line-height:1.5rem}}@media (min-width: 768px){.form-group input{height:3rem}}.form-group input.error{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.form-group input.error:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.form-validation{font-weight:500;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1));opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;font-size:10px}@media (min-width: 480px){.form-validation{font-size:.75rem;line-height:1rem}}.form-validation.show{opacity:1}.password-field{position:relative;display:flex;width:100%;align-items:center}.password-field input{width:100%;padding-right:3rem}.password-field input::-ms-reveal,.password-field input::-ms-clear{display:none}.toggle-password{position:absolute;right:.75rem;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;padding:.25rem;--tw-text-opacity: 1;color:rgb(42 57 80 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.toggle-password:hover{--tw-text-opacity: 1;color:rgb(80 156 219 / var(--tw-text-opacity, 1))}.toggle-password:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(80 156 219 / .4)}.toggle-password i{font-size:1.125rem;line-height:1.75rem}@media (min-width: 480px){.toggle-password i{font-size:1.25rem;line-height:1.75rem}}.toggle-password__show{display:block}.toggle-password__show.hidden,.toggle-password__hide{display:none}.toggle-password__hide:not(.hidden){display:block}.form-footer{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 768px){.form-footer{gap:1rem}}.login-submit{margin-left:auto;margin-right:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:transparent;--tw-text-opacity: 1;color:rgb(42 57 80 / var(--tw-text-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(42 57 80 / var(--tw-ring-opacity, 1))}.login-submit:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(80 156 219 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.login-submit:focus{--tw-bg-opacity: 1;background-color:rgb(42 57 80 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px}.login-submit{width:75%;padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem}@media (min-width: 480px){.login-submit{width:66.666667%;padding:.75rem 1.25rem;font-size:1rem;line-height:1.5rem}}@media (min-width: 768px){.login-submit{width:50%;padding-left:1.5rem;padding-right:1.5rem}}.form-forgot{display:flex;justify-content:center}.forgot-password{font-weight:500;--tw-text-opacity: 1;color:rgb(80 156 219 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.forgot-password:hover{--tw-text-opacity: 1;color:rgb(42 57 80 / var(--tw-text-opacity, 1))}.forgot-password:focus{--tw-text-opacity: 1;color:rgb(42 57 80 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px}.forgot-password{font-size:.75rem;line-height:1rem}@media (min-width: 480px){.forgot-password{font-size:.875rem;line-height:1.25rem}}
