.h1{margin:0;margin-bottom:1rem;font-size:2.25rem;line-height:2.5rem;font-weight:900}.p{margin-top:1.25rem;margin-bottom:1.25rem;margin-left:0;margin-right:0;font-size:.875rem;font-weight:500;line-height:1.25rem;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.span{font-size:.75rem;line-height:1rem}.a{margin-top:.75rem;margin-bottom:.75rem;margin-left:0;margin-right:0;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity));text-decoration-line:none}.button{border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity));padding:.75rem 2.75rem;font-size:.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:75ms}.button:active{--tw-scale-x: .95;--tw-scale-y: .95;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))}.button:focus{outline:2px solid transparent;outline-offset:2px}.button.ghost{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity));background-color:transparent}.form{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-left:1.25rem;padding-right:1.25rem;text-align:center}@media (min-width: 1024px){.form{padding-left:3rem;padding-right:3rem}}.input{margin-top:.5rem;margin-bottom:.5rem;width:100%;border-style:none;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));padding:.75rem}.login-container{position:relative;min-height:480px;width:768px;max-width:100%;overflow:hidden;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--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)}.form-container{position:absolute;top:0;height:100%;transition-property:all;transition-duration:.6s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sign-in-container{left:0;z-index:20;width:50%}.login-container.right-panel-active .sign-in-container{--tw-translate-x: 100%;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))}.sign-up-container{left:0;z-index:0;width:50%;opacity:0}.login-container.right-panel-active .sign-up-container{z-index:50;--tw-translate-x: 100%;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));opacity:1}.overlay-container{position:absolute;top:0;left:50%;z-index:100;height:100%;width:50%;overflow:hidden;transition-property:all;transition-duration:.6s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)}.login-container.right-panel-active .overlay-container{--tw-translate-x: -100%;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))}.overlay{background:linear-gradient(to right,#60a5fa,#3b82f6,#1e3a8a);background-repeat:no-repeat;background-size:cover;background-position:0 0;position:relative;left:-100%;height:100%;width:200%;--tw-translate-x: 0px;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-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:all;transition-duration:.6s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)}.login-container.right-panel-active .overlay{--tw-translate-x: 50%;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))}.overlay-panel{position:absolute;top:0;display:flex;height:100%;width:50%;--tw-translate-x: 0px;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));flex-direction:column;align-items:center;justify-content:center;padding-left:2.5rem;padding-right:2.5rem;text-align:center;transition-property:all;transition-duration:.6s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)}.overlay-left{--tw-translate-x: -20%;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))}.login-container.right-panel-active .overlay-left{--tw-translate-x: 0px;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))}.overlay-right{right:0;--tw-translate-x: 0px;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))}.login-container.right-panel-active .overlay-right{--tw-translate-x: 20%;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))}.social-container{margin-top:1.25rem;margin-bottom:1.25rem}.social-container a{margin-left:.25rem;margin-right:.25rem;display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}