.animated-banners-container{z-index:10;height:100%;color:var(--primary-foreground);flex-direction:column;justify-content:center;padding:0 3rem;display:flex;position:relative}@media (min-width:1280px){.animated-banners-container{padding:0 5rem}}.animated-banners-logo-content{align-items:center;gap:.75rem;display:flex}.animated-banners-logo-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.animated-banners-logo-text{font-size:1.25rem;font-weight:700}.animated-banners-content{flex-direction:column;flex:1;justify-content:center;max-width:32rem;display:flex}.animated-banners-banner-content{opacity:1;transition:all .5s ease-out;transform:translateY(0)}.animated-banners-banner-content.animating{opacity:0;transform:translateY(2rem)}.animated-banners-icon-badge{margin-bottom:2rem}.animated-banners-icon-wrapper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;border-radius:1rem;justify-content:center;align-items:center;width:5rem;height:5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;display:flex}.animated-banners-icon-wrapper svg{width:2rem;height:2rem}.animated-banners-title{text-wrap:balance;margin-bottom:1.5rem;font-size:1.875rem;font-weight:700;line-height:1.2}@media (min-width:1280px){.animated-banners-title{font-size:2.25rem}}@media (min-width:1536px){.animated-banners-title{font-size:3rem}}.animated-banners-description{opacity:.9;font-size:1.125rem;line-height:1.75}@media (min-width:1280px){.animated-banners-description{font-size:1.25rem}}.animated-banners-indicators{gap:.5rem;margin-top:3rem;display:flex}.animated-banners-indicator{cursor:pointer;background-color:#fff6;border:none;border-radius:9999px;height:.375rem;transition:all .3s}.animated-banners-indicator:hover{background-color:#fff9}.animated-banners-indicator.active{background-color:var(--primary-foreground);width:2.5rem}.animated-banners-indicator:not(.active){width:.5rem}.animated-banners-decorative1{opacity:.1;width:24rem;height:24rem;position:absolute;bottom:0;right:0}.animated-banners-decorative1:before{content:"";background-color:var(--primary-foreground);filter:blur(3rem);border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:0}.animated-banners-decorative2{opacity:.05;width:8rem;height:8rem;position:absolute;top:25%;right:3rem}.animated-banners-decorative2:before{content:"";background-color:var(--primary-foreground);filter:blur(2rem);border-radius:50%;position:absolute;inset:0}.animated-banners-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.animated-banners-particle{background-color:#ffffff4d;border-radius:50%;position:absolute}.animated-banners-particle1{width:.5rem;height:.5rem;animation:6s ease-in-out infinite float;top:33.333%;left:25%}.animated-banners-particle2{background-color:#fff3;width:.75rem;height:.75rem;animation:6s ease-in-out 2s infinite float;top:66.666%;right:33.333%}.animated-banners-particle3{background-color:#fff6;width:.375rem;height:.375rem;animation:6s ease-in-out infinite float;bottom:25%;left:33.333%}
.auth-layout-container{min-height:100vh;display:flex}.auth-layout-sidebar{background:linear-gradient(to bottom right,var(--brand-blue-default),var(--brand-blue-pressed));width:50%;display:none;position:relative;overflow:hidden}@media (min-width:1024px){.auth-layout-sidebar{display:flex}}.auth-layout-background-pattern{opacity:.1;position:absolute;inset:0}.auth-layout-background-pattern:before{content:"";background:radial-gradient(circle at 30% 20%,#fff3 0%,#0000 50%);position:absolute;inset:0}.auth-layout-background-pattern:after{content:"";background:radial-gradient(circle at 70% 80%,#ffffff26 0%,#0000 40%);position:absolute;inset:0}.auth-layout-content{background-color:var(--text-primary-light);flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}@media (min-width:1024px){.auth-layout-content{padding:3rem}}.auth-layout-content-full-width{width:100%}.auth-layout-form-container{width:100%;max-width:28rem}