.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 30px 60px #0f172a8c);position:relative}.auth-mockup{background:linear-gradient(#f8fafcfa,#f1f5f9fa);border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;width:380px;height:240px;display:flex;overflow:hidden}.auth-mock-titlebar{background:#fffffff2;border-bottom:1px solid #0f172a0f;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.auth-mock-traffic{border-radius:50%;width:7px;height:7px}.auth-mock-body{flex:1;min-height:0;display:flex}.auth-mock-sidebar{background:#fff9;border-right:1px solid #0f172a0f;flex-shrink:0;width:46px;padding:10px 8px}.auth-mock-sidebar-item{border-radius:5px;align-items:center;gap:5px;margin-bottom:2px;padding:4px 5px;display:flex}.auth-mock-sidebar-item.is-active{background:#6366f11a}.auth-mock-main{background:0 0;flex-direction:column;flex:1;min-width:0;padding:10px 12px;display:flex}.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-shift-card{background:#fff;border:1px solid #0f172a12;border-radius:4px;padding:3px 4px 3px 6px;font-size:6.5px;line-height:1.1;position:relative;box-shadow:0 1px 2px #0f172a0a}.auth-shift-card:before{content:"";background:var(--stripe,#6366f1);border-radius:2px;width:2.5px;position:absolute;top:2px;bottom:2px;left:0}.auth-shift-name{color:#0f172a;font-size:6.5px;font-weight:600;display:block}.auth-shift-time{color:#64748b;font-variant-numeric:tabular-nums;margin-top:1px;font-size:6px;display:block}.auth-shift-ai{z-index:10;background:linear-gradient(135deg,#fff,#f5f3ff);border:1px solid #a78bfa80;animation:9s cubic-bezier(.68,-.15,.265,1.35) infinite auth-ai-shift;position:absolute;box-shadow:0 6px 16px #6366f140,0 0 0 1px #a78bfa33}.auth-shift-ai:before{background:linear-gradient(#a78bfa,#818cf8)}@keyframes auth-ai-shift{0%,8%{top:var(--row-1);left:var(--col-1);transform:scale(1);box-shadow:0 1px 2px #0f172a0a}14%{top:var(--row-1);left:var(--col-1);transform:scale(1.08);box-shadow:0 8px 18px #6366f159}18%,30%{top:var(--row-2);left:var(--col-2);transform:scale(1);box-shadow:0 6px 16px #6366f140}36%{top:var(--row-2);left:var(--col-2);transform:scale(1.08);box-shadow:0 8px 18px #6366f159}40%,55%{top:var(--row-3);left:var(--col-3);transform:scale(1);box-shadow:0 6px 16px #6366f140}61%{top:var(--row-3);left:var(--col-3);transform:scale(1.08);box-shadow:0 8px 18px #6366f159}65%,88%{top:var(--row-1);left:var(--col-4);transform:scale(1);box-shadow:0 6px 16px #6366f140}to{top:var(--row-1);left:var(--col-1);transform:scale(1);box-shadow:0 1px 2px #0f172a0a}}.auth-ai-badge{background:linear-gradient(135deg,#a78bfa26,#6366f126);border:1px solid #a78bfa4d;border-radius:999px;align-items:center;gap:3px;padding:2px 5px;animation:3s ease-in-out infinite auth-ai-pulse;display:inline-flex}@keyframes auth-ai-pulse{0%,to{box-shadow:0 0 #a78bfa4d}50%{box-shadow:0 0 0 4px #a78bfa00}}.auth-day-cell{color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:center;padding-bottom:4px;font-size:6.5px;font-weight:600}.auth-day-cell.is-today{color:#4f46e5}.auth-staff-label{color:#475569;align-items:center;padding-right:6px;font-size:6.5px;font-weight:600;display:flex}.auth-savings-ghost{color:#10b981;font-variant-numeric:tabular-nums;pointer-events:none;font-size:8px;font-weight:700;animation:1.8s ease-out forwards auth-savings-float;position:absolute;top:-2px;right:4px}@keyframes auth-savings-float{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-14px)}}.auth-mock-summary{background:#fff;border-top:1px solid #0f172a0f;flex-shrink:0;align-items:center;gap:14px;padding:7px 12px;font-size:7px;display:flex}.auth-summary-item{color:#475569;align-items:center;gap:4px;display:flex}.auth-summary-item strong{color:#0f172a;font-variant-numeric:tabular-nums;font-weight:600}.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(20px)saturate(140%);background:#0f172aeb;border:1px solid #ffffff14;border-radius:12px;width:215px;padding:10px 12px;position:absolute;box-shadow:0 14px 32px -10px #0000008c,inset 0 0 0 1px #ffffff0a}.auth-float-inner{align-items:flex-start;gap:10px;display:flex}.auth-float-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.auth-float-text{flex:1;min-width:0}.auth-float-title{color:#fff;letter-spacing:-.01em;font-size:11.5px;font-weight:600;line-height:1.25}.auth-float-sub{color:#94a3b8;margin-top:2px;font-size:10px;line-height:1.35}.auth-float-meta{text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:9px;font-weight:600;display:inline-block}.auth-pos-tr{top:-14px;right:-28px}.auth-pos-br,.auth-pos-bl{bottom:-14px;left:-28px}.auth-pos-tl{top:-14px;right:-28px}.auth-pos-toast{bottom:10%;left:3%}.auth-phone-wrapper{z-index:5;filter:drop-shadow(0 25px 40px #0f172a80);animation:6s ease-in-out infinite auth-phone-float;position:absolute;bottom:4%;right:4%;transform:rotate(8deg)}@keyframes auth-phone-float{0%,to{transform:rotate(8deg)translateY(0)}50%{transform:rotate(8deg)translateY(-6px)}}.auth-phone{background:linear-gradient(#0f172a,#1e293b);border:1px solid #ffffff14;border-radius:22px;width:110px;height:220px;padding:4px;position:relative}.auth-phone-screen{background:linear-gradient(#f8fafc,#f1f5f9);border-radius:18px;width:100%;height:100%;position:relative;overflow:hidden}.auth-phone-notch{z-index:5;background:#0f172a;border-radius:999px;width:32px;height:6px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.auth-phone-statusbar{color:#0f172a;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;height:14px;padding:4px 10px 0;font-size:6.5px;font-weight:600;display:flex}.auth-phone-content{padding:6px 8px 0}.auth-phone-shift{background:#fff;border:1px solid #0f172a0f;border-radius:6px;margin-bottom:4px;padding:4px 5px 4px 7px;position:relative;box-shadow:0 1px 2px #0f172a0a}.auth-phone-shift:before{content:"";background:var(--phone-stripe,#6366f1);border-radius:2px;width:2.5px;position:absolute;top:4px;bottom:4px;left:0}.auth-phone-shift-now{background:linear-gradient(135deg,#eef2ff,#fff);border-color:#6366f140;box-shadow:0 2px 6px #6366f11f}.auth-phone-clockin{color:#fff;text-align:center;background:#4f46e5;border-radius:4px;margin-top:3px;padding:3px 0;font-size:6.5px;font-weight:600;display:block}.auth-phone-nav{justify-content:center;gap:8px;padding:4px 0;display:flex;position:absolute;bottom:4px;left:0;right:0}.auth-phone-nav span{background:#cbd5e1;border-radius:50%;width:4px;height:4px}.auth-phone-nav span.is-active{background:#4f46e5;border-radius:999px;width:14px}.auth-phone-push{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;opacity:0;background:#0f172aeb;border-radius:10px;padding:5px 7px;animation:8s ease-in-out infinite auth-phone-push;position:absolute;top:4px;left:4px;right:4px}@keyframes auth-phone-push{0%,70%{opacity:0;transform:translateY(-30px)}74%,95%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.auth-phone-push-app{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;margin-bottom:2px;font-size:5.5px;font-weight:600;display:flex}.auth-phone-push-app:before{content:"";background:linear-gradient(135deg,#818cf8,#4f46e5);border-radius:2px;width:7px;height:7px}.auth-phone-push-title{color:#fff;font-size:7px;font-weight:600;line-height:1.2}.auth-phone-push-body{color:#cbd5e1;margin-top:1px;font-size:6.5px;line-height:1.2}@media (prefers-reduced-motion:reduce){.auth-phone-wrapper{animation:none;transform:rotate(8deg)}.auth-phone-push{opacity:1;animation:none;transform:translateY(0)}}.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{animation:.4s ease-out forwards auth-toast-in,.4s ease-in 2.6s forwards auth-toast-out}@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:28px;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}}