.login-motion{overflow-x:hidden}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ambient i{position:absolute;border-radius:50%;filter:blur(85px);opacity:.2;width:350px;height:350px;background:#956321;animation:orbit 22s ease-in-out infinite alternate}.ambient i:nth-child(1){top:15%;left:-180px}.ambient i:nth-child(2){right:-200px;top:35%;background:#263d67;animation-delay:-8s}.ambient i:nth-child(3){width:200px;height:200px;left:45%;bottom:-150px;background:#806031;animation-delay:-14s}.login-motion header,.login-motion main,.login-motion footer{position:relative;z-index:1}.login-motion .card{position:relative;isolation:isolate;transform-style:preserve-3d;transition:box-shadow .5s,border-color .5s}.login-motion .card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,0%),#ffcf7020,transparent 70%);pointer-events:none;z-index:-1}.login-motion .card:after{content:'';position:absolute;left:12%;right:12%;height:1px;top:-1px;background:linear-gradient(90deg,transparent,#ffd783,transparent);animation:edge-light 6s ease-in-out infinite;pointer-events:none}.login-motion .preview{transform:perspective(900px) rotateY(-8deg) rotateZ(-2deg);position:relative;transition:transform .6s;overflow:hidden}.market-animation{position:relative;margin:14px -8px 18px;height:170px;overflow:hidden}.market-animation svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#798394;stroke-opacity:.12;stroke-width:1}.chart-area{fill:url(#market-fill);animation:area-reveal 3s ease both}.chart-line{stroke:url(#market-line);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw-market 2.8s .3s cubic-bezier(.22,1,.36,1) forwards;filter:drop-shadow(0 0 5px #ffb30050)}.signal-point,.traveler{fill:#ffe4a2;filter:drop-shadow(0 0 7px #ffb300)}.signal-ring{stroke:#ffca58;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:signal-ripple 3.5s 2.8s infinite}.signal-point{animation:point-in 1s 2.7s both}.traveler{opacity:0;animation:point-in 1s 3s forwards}.scan-beam{position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,#ffcb4b08,transparent);border-right:1px solid #ffcb4b15;animation:scan-market 8s 3s linear infinite;pointer-events:none}.signal-tag{position:absolute;right:7%;top:46%;padding:7px 10px;font-size:9px;border:1px solid #ffd47b30;border-radius:6px;background:#171b24e6;color:#efd399;box-shadow:0 8px 18px #0004;animation:tag-reveal 7s 2.8s infinite}.login-motion .submit{position:relative;overflow:hidden}.login-motion .submit:before{content:'';position:absolute;top:-60%;bottom:-60%;width:25%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skewX(-25deg);left:-50%;animation:button-sheen 8s 4s infinite}.login-motion .submit span{transition:transform .25s}.login-motion .submit:hover span{transform:translateX(5px)}@keyframes orbit{to{transform:translate(100px,-70px) scale(1.3)}}@keyframes edge-light{50%{opacity:.3;transform:scaleX(.5)}}@keyframes draw-market{to{stroke-dashoffset:0}}@keyframes area-reveal{from{opacity:0}to{opacity:1}}@keyframes signal-ripple{0%{opacity:.7;transform:scale(.5)}80%,100%{opacity:0;transform:scale(2)}}@keyframes point-in{to{opacity:1}}@keyframes scan-market{from{transform:translateX(-120%)}to{transform:translateX(360%)}}@keyframes tag-reveal{0%,100%{opacity:0;transform:translateY(6px)}15%,75%{opacity:1;transform:translateY(0)}}@keyframes button-sheen{0%,70%{left:-50%}90%,100%{left:150%}}@media(max-width:650px){.ambient i{filter:blur(60px);opacity:.12}.login-motion .card{transform:none!important}}@media(prefers-reduced-motion:reduce){.login-motion *,.login-motion *:before,.login-motion *:after{animation:none!important;transition:none!important}.chart-line{stroke-dashoffset:0}.signal-point,.traveler,.signal-tag{opacity:1}.scan-beam,.signal-ring,.traveler{display:none}.login-motion .preview,.login-motion .card{transform:none!important}}