.login-dotted-bg{z-index:-2;background:radial-gradient(circle,#11111129 1.4px,#0000 1.9px) 0 0/22px 22px,#fff6e3;position:fixed;inset:0}.login-geo-layer{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}#login-confetti-canvas{position:absolute;inset:0}.login-geo-px{will-change:transform;position:absolute;inset:0}.login-geo-ring{background:#ffd547;border:3px solid #111;border-radius:50%;width:80px;height:80px;animation:18s linear infinite login-spin-ccw;position:absolute;top:12%;right:10%;box-shadow:5px 5px #111}.login-geo-sq-1{background:#e46ce7;border:3px solid #111;width:26px;height:26px;animation:20s linear infinite login-spin-cw,12s ease-in-out infinite alternate login-drift-1;position:absolute;top:72%;left:8%;box-shadow:4px 4px #111}.login-geo-sq-2{background:#00b6fb;border:2px solid #111;width:16px;height:16px;animation:14s linear infinite login-spin-ccw,9s ease-in-out infinite alternate login-drift-2;position:absolute;bottom:16%;right:16%;box-shadow:3px 3px #111}.login-geo-sq-3{background:#ffd547;border:2px solid #111;width:10px;height:10px;animation:10s linear infinite login-spin-cw,7s ease-in-out infinite alternate login-drift-3;position:absolute;top:20%;left:12%}.login-geo-dot{background:#111;border-radius:50%;position:absolute}.login-geo-dot-1{width:5px;height:5px;animation:4s ease-in-out infinite login-pulse-dot;top:34%;right:24%}.login-geo-dot-2{width:3px;height:3px;animation:6s ease-in-out 2s infinite login-pulse-dot;bottom:32%;left:28%}.login-geo-dot-3{width:4px;height:4px;animation:5s ease-in-out 1s infinite login-pulse-dot;top:60%;right:36%}.login-geo-shape{opacity:0;transition:opacity .9s}.login-geo-visible{opacity:1}@keyframes login-spin-cw{to{transform:rotate(360deg)}}@keyframes login-spin-ccw{to{transform:rotate(-360deg)}}@keyframes login-drift-1{0%{transform:translate(0)rotate(0)}to{transform:translate(8px,-12px)rotate(45deg)}}@keyframes login-drift-2{0%{transform:translate(0)rotate(0)}to{transform:translate(-6px,10px)rotate(-60deg)}}@keyframes login-drift-3{0%{transform:translate(0)rotate(0)}to{transform:translate(10px,6px)rotate(90deg)}}@keyframes login-pulse-dot{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.7;transform:scale(1.8)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}input:focus{outline:none}html{scroll-behavior:smooth}@media (max-width:600px){.login-geo-ring{width:56px;height:56px}.login-geo-sq-1{width:18px;height:18px}}