.auth-mobile-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,hsl(var(--primary-900)) 0,hsl(var(--primary-800)) 40%,hsl(var(--primary-950)) 100%)}.auth-mobile-hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='%23ffffff' fill-opacity='0.04'%3e%3cpath d='M0 0h1v40H0zM39 0h1v40h-1zM0 0h40v1H0zM0 39h40v1H0z'/%3e%3c/g%3e%3c/svg%3e");pointer-events:none}.auth-mobile-hero:after{content:"";position:absolute;top:-40%;right:-20%;width:200px;height:200px;border-radius:50%;background:hsla(0,0%,100%,.04);pointer-events:none}@keyframes auth-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}@keyframes auth-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.auth-animate-hero{animation:auth-fade-in .5s ease-out both}.auth-animate-logo{animation:auth-scale-in .4s ease-out .1s both}.auth-animate-title{animation:auth-slide-up .4s ease-out .15s both}.auth-animate-subtitle{animation:auth-slide-up .4s ease-out .2s both}.auth-animate-form{animation:auth-slide-up .4s ease-out .25s both}.auth-animate-footer{animation:auth-fade-in .4s ease-out .4s both}@media (max-width:639px){.auth-mobile-input{font-size:16px!important;min-height:48px;border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.auth-mobile-input:focus{box-shadow:0 0 0 3px hsl(var(--primary-200)/.4)}.auth-mobile-btn{min-height:48px;border-radius:12px;font-weight:600;letter-spacing:.01em;transition:transform .15s ease,box-shadow .15s ease}.auth-mobile-btn:active:not(:disabled){transform:scale(.98)}.auth-password-toggle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.auth-divider{display:flex;align-items:center;gap:12px}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:hsl(var(--border))}.auth-trust-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:hsl(var(--muted));font-size:11px;color:hsl(var(--muted-foreground));font-weight:500}}.auth-hero-dot{width:6px;height:6px;border-radius:50%;background:#34d399;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}