.auth-container{opacity:0;justify-content:center;align-items:center;width:100%;height:100vh;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(20px)}.auth-container.visible{opacity:1;transform:translateY(0)}.auth-container .greeting-step{text-align:center;width:100%;max-width:320px}.auth-container .greeting-step .greeting-content{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.auth-container .greeting-step .greeting-content .avatar-container{animation:1s cubic-bezier(.16,1,.3,1) forwards avatarAppear;position:relative}.auth-container .greeting-step .greeting-content .avatar-container .user-avatar{border-radius:var(--radius-full);border:4px solid var(--overlay-10);z-index:2;width:120px;height:120px;position:relative}.auth-container .greeting-step .greeting-content .avatar-container .avatar-glow{background:radial-gradient(circle, var(--overlay-10) 0%, transparent 70%);border-radius:var(--radius-full);animation:2s ease-in-out infinite alternate glow;position:absolute;inset:-10px}.auth-container .greeting-step .greeting-content .greeting-text .greeting-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:0 0 var(--space-2) 0;opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .3s forwards textSlideUp;transform:translateY(20px)}.auth-container .greeting-step .greeting-content .greeting-text .greeting-subtitle{color:var(--text-primary);font-size:var(--text-md);opacity:0;margin:0;animation:.8s cubic-bezier(.16,1,.3,1) .5s forwards textSlideUp;transform:translateY(20px)}.auth-container .greeting-step .greeting-content .loading-indicator{opacity:0;animation:.6s ease-in-out 1s forwards fadeIn}.auth-container .greeting-step .greeting-content .loading-indicator .dots{gap:var(--space-2);display:flex}.auth-container .greeting-step .greeting-content .loading-indicator .dots span{background:var(--text-secondary);border-radius:var(--radius-full);width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.auth-container .greeting-step .greeting-content .loading-indicator .dots span:first-child{animation-delay:-.32s}.auth-container .greeting-step .greeting-content .loading-indicator .dots span:nth-child(2){animation-delay:-.16s}.auth-container .greeting-step .greeting-content .loading-indicator .dots span:nth-child(3){animation-delay:0s}.auth-container .greeting-step .greeting-content .skip-button{color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;transition:transform var(--duration-fast) var(--ease-fast);background:0 0;border:none}.auth-container .greeting-step .greeting-content .skip-button:active{transform:scale(.98)}.auth-container .greeting-step .greeting-content .skip-button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-xs);opacity:0;transition:all .2s;animation:.6s ease-in-out 1.5s forwards fadeIn}@media (hover:hover){.auth-container .greeting-step .greeting-content .skip-button:hover{color:var(--text-secondary);background:var(--overlay-05)}}.auth-container .form-step{width:100%;max-width:320px;animation:.6s cubic-bezier(.16,1,.3,1) forwards formSlideIn}.auth-container .form-step .form-header{text-align:center;margin-bottom:var(--space-8)}.auth-container .form-step .form-header .form-avatar{margin-bottom:var(--space-4)}.auth-container .form-step .form-header .form-avatar img{border-radius:var(--radius-full);border:2px solid var(--overlay-10);width:60px;height:60px}.auth-container .form-step .form-header .form-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0 0 var(--space-2) 0}.auth-container .form-step .form-header .form-subtitle{color:var(--text-primary);font-size:var(--text-base);margin:0}.auth-container .form-step .auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-container .form-step .auth-form .input-group .input-wrapper{align-items:center;display:flex;position:relative}.auth-container .form-step .auth-form .input-group .input-wrapper .input-icon{color:var(--text-secondary);z-index:2;pointer-events:none;position:absolute;left:16px}.auth-container .form-step .auth-form .input-group .input-wrapper input{background:var(--surface-2);border:1px solid var(--stroke-strong);border-radius:var(--radius-lg);width:100%;color:var(--text-primary);font-size:var(--text-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 16px 16px 52px;transition:all .3s}.auth-container .form-step .auth-form .input-group .input-wrapper input::placeholder{color:var(--text-secondary)}.auth-container .form-step .auth-form .input-group .input-wrapper input:focus{border-color:var(--text-tertiary);background:var(--surface-3);outline:none;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.auth-container .form-step .auth-form .input-group .input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.auth-container .form-step .auth-form .input-group .input-wrapper .password-toggle{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;transition:transform var(--duration-fast) var(--ease-fast);background:0 0;border:none;position:absolute;top:13px;right:16px}.auth-container .form-step .auth-form .input-group .input-wrapper .password-toggle:active{transform:scale(.98)}.auth-container .form-step .auth-form .input-group .input-wrapper .password-toggle{padding:var(--space-1);border-radius:var(--radius-xs);transition:all .2s}.auth-container .form-step .auth-form .input-group .input-wrapper .password-toggle:hover:not(:disabled){color:var(--text-secondary)}.auth-container .form-step .auth-form .input-group .input-wrapper .password-toggle:disabled{opacity:.5;cursor:not-allowed}.auth-container .form-step .auth-form .submit-button{border-radius:var(--radius-lg);width:100%;padding:var(--space-4);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:transform var(--duration-fast) var(--ease-fast);background:#0f0f0f;border:none}.auth-container .form-step .auth-form .submit-button:active{transform:scale(.98)}.auth-container .form-step .auth-form .submit-button{justify-content:center;align-items:center;gap:var(--space-2);transition:all .3s;display:flex;position:relative;overflow:hidden}.auth-container .form-step .auth-form .submit-button:before{content:"";background:linear-gradient(90deg, transparent, var(--overlay-20), transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-container .form-step .auth-form .submit-button:hover:not(:disabled):before{left:100%}.auth-container .form-step .auth-form .submit-button:active:not(:disabled){transform:translateY(0)}.auth-container .form-step .auth-form .submit-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-container .form-step .auth-form .submit-button:disabled:before{display:none}.auth-container .form-step .form-footer{margin-top:var(--space-6);text-align:center}.auth-container .form-step .form-footer .help-text{color:var(--text-secondary);font-size:var(--text-sm);margin:0;line-height:1.4}@keyframes avatarAppear{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes glow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}@keyframes textSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes formSlideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}