.auth-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;width:200%;height:200%;animation:30s linear infinite auth-grid-drift;position:absolute;inset:-50%;transform:perspective(500px)rotateX(25deg)}@keyframes auth-grid-drift{0%{transform:perspective(500px)rotateX(25deg)translateY(0)}to{transform:perspective(500px)rotateX(25deg)translateY(60px)}}.auth-scene{z-index:10;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.auth-parallax-mockup{transform:translate(var(--mx,0), var(--my,0));transition:transform .15s ease-out}.auth-parallax-cards{transform:translate(var(--fx,0), var(--fy,0));transition:transform .2s ease-out}.auth-mockup-wrapper{filter:drop-shadow(0 25px 60px #00000080);position:relative;transform:rotate(-2deg)}.auth-mockup{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;width:380px;height:240px;display:flex;overflow:hidden}.auth-mock-sidebar{background:#0f172acc;border-right:1px solid #ffffff0f;flex-shrink:0;width:48px;padding:12px 10px}.auth-mock-main{background:#0f172a66;flex:1;padding:12px}.auth-live-dot{background:#34d399;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite auth-pulse}@keyframes auth-pulse{0%,to{opacity:1;box-shadow:0 0 #34d39966}50%{opacity:.7;box-shadow:0 0 0 4px #34d39900}}.auth-bar-breathe{height:var(--bar-h);animation:5s ease-in-out infinite auth-bar-breathe}@keyframes auth-bar-breathe{0%,to{height:var(--bar-h)}50%{height:var(--bar-min)}}.auth-sliding-block{background:#818cf880;border-radius:2px;width:calc(14.2857% - 3px);height:7px;animation:10s ease-in-out infinite auth-slide-shift;position:absolute;top:0;left:0}@keyframes auth-slide-shift{0%,15%{left:calc(14.2857% + 2px)}25%,40%{left:calc(57.1429% + 2px)}50%,65%{left:calc(85.7143% + 2px)}75%,90%{left:calc(28.5714% + 2px)}to{left:calc(14.2857% + 2px)}}.auth-cursor{opacity:.5;z-index:5;pointer-events:none;background:#fff;border-radius:50%;width:8px;height:8px;animation:15s ease-in-out infinite auth-cursor-move;position:absolute;box-shadow:0 0 8px 2px #ffffff4d}@keyframes auth-cursor-move{0%,5%{top:30%;left:40%}12%,20%{top:55%;left:25%}28%,35%{top:55%;left:70%}42%,50%{top:75%;left:50%}58%,65%{top:30%;left:60%}72%,80%{top:45%;left:15%}88%,95%{top:70%;left:80%}to{top:30%;left:40%}}.auth-float-zone{pointer-events:none;position:absolute;inset:0}.auth-float-card{z-index:20;-webkit-backdrop-filter:blur(16px);white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;padding:8px 12px;position:absolute}.auth-float-inner{align-items:center;gap:8px;display:flex}.auth-pos-tr{top:8%;right:4%}.auth-pos-br{bottom:8%;right:2%}.auth-pos-bl{bottom:6%;left:4%}.auth-pos-tl{top:10%;left:2%}.auth-pos-toast{bottom:28%;right:6%}.auth-float-stagger{opacity:0;animation:auth-fade-in .6s ease-out var(--stagger,0s) forwards, auth-float 3.5s ease-in-out calc(var(--stagger,0s) + .6s) infinite}.auth-float-1{animation-duration:.6s,3.5s}.auth-float-2{animation-duration:.6s,4s}.auth-float-3{animation-duration:.6s,3.8s}.auth-float-4{animation-duration:.6s,4.2s}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-toast-slide{z-index:20;-webkit-backdrop-filter:blur(16px);white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;padding:8px 12px;animation:.4s ease-out forwards auth-toast-in,.4s ease-in 2.6s forwards auth-toast-out;position:absolute}@keyframes auth-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes auth-toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-10px)}}.auth-text-gradient{background:linear-gradient(135deg,#fff 0%,#818cf8 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.auth-grid-bleed{pointer-events:none;background-image:linear-gradient(#00000005 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px);background-size:60px 60px;display:none;position:absolute;inset:0}@media (min-width:1024px){.auth-grid-bleed{display:block}}.auth-card-lg{padding:10px 14px}.auth-card-sm{padding:6px 10px}.auth-glass-streak{z-index:3;pointer-events:none;border-radius:12px;position:absolute;inset:0;overflow:hidden}.auth-glass-streak:after{content:"";background:linear-gradient(115deg,#0000 40%,#ffffff0d 45% 46%,#0000 51%);width:200%;height:300%;animation:8s linear infinite auth-streak;position:absolute;top:-100%;left:-50%}@keyframes auth-streak{0%{transform:translate(-100%)}to{transform:translate(100%)}}.auth-mockup-reflection{opacity:.5;background:linear-gradient(#ffffff08,#0000);border-radius:0 0 12px 12px;width:380px;height:30px;margin-top:2px;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}@media (prefers-reduced-motion:reduce){.auth-grid,.auth-live-dot,.auth-cursor,.auth-sliding-block{animation:none}.auth-float-stagger{opacity:1;animation:none}.auth-bar-breathe{height:var(--bar-h);animation:none}.auth-toast-slide{opacity:1;animation:none}.auth-glass-streak:after{animation:none}.auth-parallax-mockup,.auth-parallax-cards{transition:none;transform:none!important}}