@keyframes dangle{0%{transform:rotate(0) translateY(0);transform-origin:top center}10%{transform:rotate(2deg) translateY(-5px);transform-origin:top center}20%{transform:rotate(-2deg) translateY(-3px);transform-origin:top center}30%{transform:rotate(1.5deg) translateY(-2px);transform-origin:top center}40%{transform:rotate(-1deg) translateY(-1px);transform-origin:top center}50%{transform:rotate(.5deg) translateY(0);transform-origin:top center}60%{transform:rotate(-.3deg) translateY(0);transform-origin:top center}70%{transform:rotate(.2deg) translateY(0);transform-origin:top center}80%{transform:rotate(-.1deg) translateY(0);transform-origin:top center}90%{transform:rotate(.05deg) translateY(0);transform-origin:top center}to{transform:rotate(0) translateY(0);transform-origin:top center}}.dangle-animation{animation:dangle 3s ease-out forwards;animation-delay:.5s;transform-origin:top center}.hanging-point:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:4px;height:8px;background:#6366f14d;border-radius:2px;box-shadow:0 2px 4px #0000001a}.hanging-point:after{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:2px;height:4px;background:#6366f166;border-radius:1px}.auth-background{background:linear-gradient(135deg,#f8fafc,#fff,#eff6ff);position:relative;overflow:hidden}.auth-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20px 20px,rgb(203 213 225) 1px,transparent 0),radial-gradient(circle at 20px 20px,rgb(203 213 225) 1px,transparent 0);background-size:20px 20px;opacity:.4}.auth-card{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.2);position:relative}.auth-float-1{position:absolute;top:5rem;left:2.5rem;width:8rem;height:8rem;background:#dbeafe;border-radius:50%;opacity:.2;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.auth-float-2{position:absolute;top:10rem;right:5rem;width:5rem;height:5rem;background:#e0e7ff;border-radius:50%;opacity:.3;animation:bounce 1s infinite}.auth-float-3{position:absolute;bottom:5rem;left:5rem;width:6rem;height:6rem;background:#f3e8ff;border-radius:50%;opacity:.25}