.auth-image{--auth-bg:var(--surface-code);--auth-title-color:var(--text-inverse);--auth-desc-color:color-mix(in srgb,var(--text-inverse) 55%,transparent);--auth-dot-bg:var(--border-code);--auth-dot-active-bg:var(--color-primary);--auth-feature-label-color:var(--text-inverse);--auth-divider:var(--border-width-thin) solid var(--border-code);background:var(--auth-bg);justify-content:space-between;min-height:100%;overflow:hidden;isolation:isolate}.auth-image,.auth-image-carousel{display:flex;flex-direction:column;align-items:center;position:relative}.auth-image-carousel{z-index:1;gap:var(--spacing-lg);flex:1;justify-content:center;width:100%;max-width:400px;text-align:center;padding:var(--spacing-xl)}.auth-image-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:auth-fade-in .3s ease-out both}.auth-image-icon-wrap:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(ellipse at center,rgba(160,60,15,.6) 0,rgba(100,35,8,.25) 40%,transparent 70%);pointer-events:none;z-index:0}.auth-image-icon-box{position:relative;z-index:1;background:var(--auth-bg);padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center}.auth-image-icon{width:calc(var(--spacing-xl) * 4);height:calc(var(--spacing-xl) * 4);object-fit:contain}.auth-image-slide{display:flex;flex-direction:column;gap:var(--spacing-sm)}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}@keyframes auth-slide-in{0%{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}.auth-image-title{font-family:var(--system-mono-font);font-size:var(--type-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);color:var(--auth-title-color);white-space:pre-line}.auth-image-description,.auth-image-title{animation:auth-slide-in .38s ease-out both}.auth-image-description{font-size:var(--system-font-size);line-height:var(--line-height-snug);color:var(--auth-desc-color);animation-delay:.14s}.auth-image-dots{display:flex;gap:var(--spacing-xs);align-items:center}.auth-image-dot{width:var(--spacing-lg);height:var(--spacing-xs);background:var(--auth-dot-bg);border:none;padding:0;cursor:pointer;transition:background var(--system-transition)}.auth-image-dot[data-active]{--auth-dot-bg:var(--auth-dot-active-bg)}.auth-image-features{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);width:100%;align-self:stretch;border-top:var(--auth-divider)}.auth-image-feature{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center;padding:var(--spacing-md) var(--spacing-sm);border-right:var(--auth-divider)}.auth-image-feature:last-child{border-right:none}.auth-image-feature-icon{width:var(--size-11);height:var(--size-11);object-fit:contain}.auth-image-feature-label{font-family:var(--system-mono-font);font-size:var(--type-meta);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);color:var(--auth-feature-label-color)}