.motion-login{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);min-height:100vh;background:#f5f6f4;color:#1e2c36;font-family:var(--font-sans)}.motion-login-visual{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:100vh;overflow:hidden;padding:32px clamp(32px,4.8vw,78px) 28px;color:#f7fbf9;background:linear-gradient(143deg,#0e2028 2%,#17313b 59%,#0d282c)}.motion-visual-noise{position:absolute;z-index:-1;inset:0;opacity:.34;background-image:radial-gradient(#7ca9a7 1px,transparent 0);background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%,transparent);mask-image:linear-gradient(90deg,transparent,#000 45%,transparent);animation:motion-drift 24s linear infinite}.motion-login-visual:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-240px;top:13%;border-radius:50%;background:#267d72;filter:blur(140px);opacity:.18;animation:motion-ambient 8s ease-in-out infinite alternate}.motion-visual-footer,.motion-visual-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.motion-visual-header{position:relative;z-index:2;min-height:42px}.motion-brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:820;letter-spacing:-.045em}.motion-brand>span:last-child{display:flex;flex-direction:column}.motion-brand small{margin-top:1px;color:#8fb4b2;font:700 8px var(--font-mono);letter-spacing:.15em}.motion-brand-symbol{display:flex;align-items:flex-end;gap:3px;width:38px;height:38px;padding:8px;border-radius:9px;background:#f0a45a;box-shadow:0 8px 26px rgba(232,140,60,.25)}.motion-brand-symbol i{flex:1 1;border-radius:2px 2px 0 0;background:#17313b}.motion-brand-symbol i:first-child{height:48%}.motion-brand-symbol i:nth-child(2){height:93%}.motion-brand-symbol i:nth-child(3){height:66%}.motion-visual-status{display:flex;align-items:center;gap:9px;margin-left:auto;color:#b9d1ca;font:700 9px var(--font-mono);letter-spacing:.1em}.motion-card-top i,.motion-kicker span,.motion-scene-live i,.motion-visual-status i{width:7px;height:7px;flex:none;border-radius:50%;background:#6de2b8;box-shadow:0 0 0 5px rgba(109,226,184,.13);animation:motion-indicator 2.4s ease-in-out infinite}.motion-visual-copy{position:relative;z-index:2;margin-top:clamp(14px,2.5vh,32px);animation:motion-rise .8s .12s both}.motion-kicker{display:flex;align-items:center;gap:10px;color:#e7bb8d;font:750 10px var(--font-mono);letter-spacing:.17em}.motion-login-visual h1{margin:20px 0 15px;font-size:clamp(42px,4.8vw,76px);line-height:1.04;font-weight:790;letter-spacing:-.065em}.motion-login-visual h1 em{font-style:normal;color:#efb16e}.motion-visual-copy p{max-width:500px;color:#a9c2bf;font-size:14px;line-height:1.7}.motion-line-scene{position:relative;z-index:2;width:min(100%,820px);min-height:385px;margin:clamp(24px,4vh,42px) 0 auto;padding:17px 19px 18px;border:1px solid rgba(165,218,204,.2);border-radius:17px;background:linear-gradient(145deg,rgba(20,44,50,.94),rgba(14,34,40,.9));box-shadow:0 28px 70px rgba(3,17,20,.28),inset 0 1px rgba(255,255,255,.045);overflow:hidden;animation:motion-rise .8s .3s both}.motion-line-scene:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#efac68,#76d3aa,#8ab0bb);opacity:.85}.motion-scene-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b0c7c3;font:700 9px var(--font-mono);letter-spacing:.08em}.motion-scene-head b{color:#718f8e}.motion-scene-live{display:flex;align-items:center;gap:9px;color:#91dbb6;white-space:nowrap}.motion-scene-live i{width:6px;height:6px;box-shadow:none}.motion-channel-marquee{position:relative;margin:23px -19px 25px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.motion-channel-track{display:flex;align-items:center;gap:10px;width:max-content;animation:motion-marquee 25s linear infinite}.motion-channel-logo{display:grid;place-items:center;width:124px;height:47px;flex:none;padding:7px 9px;border:1px solid rgba(194,224,216,.18);border-radius:9px;background:#f7f8f5}.motion-channel-logo img{display:block;width:100%;height:33px;object-fit:contain}.motion-process-bottom,.motion-process-labels{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.motion-process-labels{color:#a4c0b7;font:750 10px var(--font-mono);letter-spacing:.07em}.motion-process-labels span:nth-child(2){text-align:center}.motion-process-labels span:last-child{text-align:right}.motion-process-labels b{margin-right:5px;color:#eda562}.motion-conveyor{position:relative;height:174px;margin:6px -5px 0;overflow:hidden}.motion-conveyor-lane{position:absolute;left:0;right:0;bottom:22px;height:49px;border:1px solid rgba(126,168,162,.3);border-radius:8px;background:linear-gradient(#304951,#172e36 35%,#102630)}.motion-conveyor-lane:after,.motion-conveyor-lane:before{content:"";position:absolute;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,#78a299 0 22px,#1d4042 22px 38px)}.motion-conveyor-lane:before{top:5px}.motion-conveyor-lane:after{bottom:5px}.motion-conveyor-slats{position:absolute;left:-40px;right:0;bottom:32px;height:25px;opacity:.65;background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(125,174,162,.3) 22px 26px,transparent 26px 39px);animation:motion-belt .65s linear infinite}.motion-package{position:absolute;z-index:2;left:-18%;bottom:61px;width:71px;height:61px;border:1px solid #f5bc7a;border-radius:5px;background:linear-gradient(135deg,#edb277,#cf8553);box-shadow:0 10px 15px rgba(0,0,0,.25);animation:motion-package-run 8.4s linear infinite}.motion-package-one{animation-delay:-.2s}.motion-package-two{animation-delay:-3s}.motion-package-three{animation-delay:-5.8s}.motion-package-top{position:absolute;left:0;right:0;top:0;height:11px;border-bottom:1px solid #bc7548;background:#f2c08b}.motion-package-tape{position:absolute;left:29px;top:0;bottom:0;width:12px;background:rgba(255,235,191,.7);border-inline:1px solid rgba(176,110,54,.25)}.motion-package i{position:absolute;right:5px;bottom:7px;width:28px;height:19px;border:2px solid #fff;border-radius:2px;background:repeating-linear-gradient(90deg,#214044 0 2px,#fff 2px 4px,#214044 4px 5px,#fff 5px 7px);box-shadow:0 1px 3px rgba(0,0,0,.2);animation:motion-label-stamp 8.4s linear infinite}.motion-package-one i{animation-delay:-.2s}.motion-package-two i{animation-delay:-3s}.motion-package-three i{animation-delay:-5.8s}.motion-scanner{position:absolute;z-index:3;left:49%;top:2px;width:58px;height:125px;transform:translateX(-50%);border:4px solid #91aaa2;border-bottom:0;border-radius:9px 9px 0 0;box-shadow:inset 0 6px rgba(255,255,255,.08)}.motion-scanner:before{content:"";position:absolute;top:-4px;left:-12px;right:-12px;height:21px;border:1px solid #aac7b6;border-radius:5px;background:#3b5959}.motion-scanner>span{position:absolute;z-index:1;top:2px;left:50%;transform:translateX(-50%);color:#cbe2d4;font:800 6px var(--font-mono);letter-spacing:.05em}.motion-scanner-light{position:absolute;z-index:1;top:0;right:5px;width:5px;height:5px;border-radius:50%;background:#80e8b2;box-shadow:0 0 8px #80e8b2;animation:motion-indicator 1s ease-in-out infinite}.motion-scanner-beam{position:absolute;left:50%;top:18px;bottom:5px;width:2px;transform:translateX(-50%);background:linear-gradient(#f19664,rgba(255,124,68,.11));box-shadow:0 0 13px #ff885a;animation:motion-scan 1.7s ease-in-out infinite}.motion-outbound{position:absolute;z-index:1;right:1%;bottom:71px;display:flex;align-items:center;gap:5px;color:#8ed6b3;font-weight:800}.motion-outbound span{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(122,220,167,.48);border-radius:7px;background:rgba(67,150,114,.14)}.motion-outbound small{font:800 8px var(--font-mono);letter-spacing:.08em}.motion-process-bottom{margin-top:1px;color:#88aaa4;font-size:10px}.motion-process-bottom span{display:flex;align-items:center;gap:6px}.motion-process-bottom span:nth-child(2){justify-content:center}.motion-process-bottom span:last-child{justify-content:flex-end}.motion-process-bottom i{width:5px;height:5px;flex:none;border-radius:50%;background:#74c8a4}.motion-visual-footer{padding-top:18px;border-top:1px solid rgba(176,220,207,.18);color:#83a7a4;font:700 9px var(--font-mono);letter-spacing:.1em}.motion-visual-footer span+span:before{content:"/";margin-right:20px;color:#5a817c}.motion-login-access{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;padding:48px clamp(32px,5vw,82px);background:#f7f7f3}.motion-access-accent{position:absolute;z-index:-1;inset:0;background:linear-gradient(130deg,transparent 39%,rgba(228,177,118,.12) 39.2%,transparent 39.4%),linear-gradient(130deg,transparent 48%,rgba(126,169,155,.1) 48.2%,transparent 48.4%);background-size:180px 180px;animation:motion-drift 34s linear infinite}.motion-access-content{width:min(100%,460px);animation:motion-rise .75s .1s both}.motion-access-number{color:#9b7859;font:800 10px var(--font-mono);letter-spacing:.16em}.motion-access-heading{margin:32px 0 26px}.motion-access-badge{display:grid;place-items:center;width:42px;height:42px;margin-bottom:22px;border-radius:11px;background:#f6e9d9;color:#ac713b;font-size:21px;animation:motion-badge 3.8s ease-in-out infinite}.motion-access-heading h2{font-size:clamp(29px,3vw,39px);line-height:1.1;letter-spacing:-.05em;color:#1d3038}.motion-access-heading p{max-width:410px;margin-top:12px;color:#72817f;font-size:13px;line-height:1.7}.motion-login-card{position:relative;padding:30px;border:1px solid #dee5df;border-radius:16px;background:#fff;box-shadow:0 21px 60px rgba(29,58,54,.09),0 2px 8px rgba(29,58,54,.035)}.motion-login-card:before{content:"";position:absolute;top:-1px;left:30px;right:30px;height:2px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,#e8a261,#81c4a5,#e8a261);background-size:200% 100%;animation:motion-accent 5s ease-in-out infinite}.motion-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;color:#8a9995;font:800 9px var(--font-mono);letter-spacing:.11em}.motion-card-top span:first-child{display:flex;align-items:center;gap:9px;color:#32816b}.motion-card-top i{width:6px;height:6px;box-shadow:0 0 0 4px rgba(109,226,184,.12)}.motion-login-card .field{margin-bottom:18px}.motion-login-card .field label{display:block;margin-bottom:8px;color:#41524f;font-size:11px;font-weight:750}.motion-login-card .input{width:100%;height:48px;padding:0 14px;border:1px solid #d8e2dc;border-radius:8px;background:#fbfcfa;color:#20342f;font-size:13px;color-scheme:light;transition:border-color .18s,box-shadow .18s}.motion-login-card .input::placeholder{color:#a0aca7}.motion-login-card .input:focus{outline:none;border-color:#65ac91;box-shadow:0 0 0 4px rgba(101,172,145,.13)}.motion-login-card .error-box{margin-bottom:18px}.motion-login-submit{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;margin-top:8px;padding:0 16px;border:0;border-radius:8px;background:#1b7562;color:#fff;font-size:13px;font-weight:800;cursor:pointer;overflow:hidden;box-shadow:0 10px 24px rgba(27,117,98,.2);transition:transform .18s,box-shadow .18s,background .18s}.motion-login-submit:before{content:"";position:absolute;inset:0 auto 0 -75%;width:45%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent);animation:motion-button-shine 5s ease-in-out infinite}.motion-login-submit span{position:relative;z-index:1}.motion-login-submit span:last-child{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.35);border-radius:6px;font-size:18px}.motion-login-submit:hover:not(:disabled){transform:translateY(-2px);background:#146653;box-shadow:0 15px 28px rgba(27,117,98,.26)}.motion-login-submit:disabled{cursor:wait;opacity:.72}.motion-card-security{margin-top:18px;color:#84938d;font-size:10px;text-align:center}.motion-card-security span{margin-right:5px;color:#24a675;font-size:8px}.motion-access-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:29px;color:#8b9994;font-size:10px;line-height:1.5}@keyframes motion-drift{to{background-position:70px 80px}}@keyframes motion-ambient{to{transform:translate(-30px,45px) scale(1.15);opacity:.3}}@keyframes motion-indicator{50%{opacity:.42;transform:scale(.75)}}@keyframes motion-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-marquee{to{transform:translateX(calc(-50% - 5px))}}@keyframes motion-belt{to{transform:translateX(39px)}}@keyframes motion-package-run{0%{left:-18%;opacity:0}6%,87%{opacity:1}to{left:112%;opacity:0}}@keyframes motion-label-stamp{0%,43%{opacity:0;transform:scale(1.7)}53%,to{opacity:1;transform:scale(1)}}@keyframes motion-scan{50%{opacity:.35;transform:translateX(-50%) scaleX(5)}}@keyframes motion-badge{50%{transform:translateY(-4px) rotate(5deg)}}@keyframes motion-accent{50%{background-position:100% 0}}@keyframes motion-button-shine{0%,65%{left:-75%}85%,to{left:145%}}@media(max-width:1100px){.motion-login{display:block}.motion-login-visual{min-height:790px;padding:28px 5vw 24px}.motion-visual-copy{margin-top:20px}.motion-login-visual h1{font-size:clamp(39px,5.4vw,62px)}.motion-line-scene{margin:26px auto 40px}.motion-login-access{min-height:auto;padding:60px 24px 70px}.motion-access-content{width:min(100%,500px)}}@media(max-width:620px){.motion-login-visual{min-height:620px;padding:22px 18px}.motion-brand{font-size:19px}.motion-visual-status{font-size:8px}.motion-visual-copy{margin-top:12px}.motion-login-visual h1{font-size:clamp(34px,8vw,45px)}.motion-visual-copy p{font-size:12px}.motion-line-scene{min-height:308px;margin:18px auto 29px;padding:13px 12px}.motion-scene-head{font-size:7px}.motion-channel-marquee{margin:18px -12px 16px}.motion-channel-logo{width:96px;height:37px;padding:4px 6px}.motion-channel-logo img{height:27px}.motion-process-labels{font-size:8px}.motion-conveyor{height:137px}.motion-conveyor-lane{bottom:12px}.motion-conveyor-slats{bottom:22px}.motion-package{bottom:51px;transform:scale(.78);transform-origin:bottom left}.motion-scanner{height:105px;transform:translateX(-50%) scale(.8);transform-origin:top center}.motion-outbound{right:0;bottom:61px}.motion-process-bottom{font-size:8px}.motion-visual-footer{font-size:7px}.motion-visual-footer span:last-child{display:none}.motion-login-access{padding:45px 20px 55px}.motion-access-heading{margin:25px 0 23px}.motion-login-card{padding:23px}.motion-access-bottom{font-size:9px}}@media(max-width:390px){.motion-visual-copy p,.motion-visual-status{display:none}.motion-login-visual{min-height:540px}.motion-line-scene{min-height:300px}.motion-process-bottom span{font-size:7px}.motion-visual-footer span+span:before{margin-right:8px}}@media (min-width:901px) and (min-height:701px){.motion-login{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);height:100dvh;min-height:0;overflow:hidden}.motion-login-access,.motion-login-visual{height:100%;min-height:0}.motion-login-visual{padding-top:clamp(18px,3vh,32px);padding-bottom:clamp(18px,3vh,28px)}.motion-line-scene{flex:1 1 auto;min-height:305px;max-height:385px;margin:clamp(12px,3vh,28px) 0 16px}.motion-login-access{padding-top:24px;padding-bottom:24px}}@media (max-width:900px) and (min-height:701px){.motion-login{display:block;height:100dvh;min-height:0;overflow:hidden}.motion-login-visual{display:none}.motion-login-access{height:100%;min-height:0;padding-top:24px;padding-bottom:24px}}@media (min-height:701px) and (max-height:800px){.motion-access-heading{margin:16px 0}.motion-access-badge{width:36px;height:36px;margin-bottom:12px}.motion-login-card{padding:22px}.motion-card-top{margin-bottom:16px}.motion-login-card .field{margin-bottom:12px}.motion-access-bottom{margin-top:15px}}@media(prefers-reduced-motion:reduce){.motion-login *,.motion-login :after,.motion-login :before{animation:none!important;transition:none!important}.motion-package-one{left:24%;opacity:1}.motion-package-two{left:68%;opacity:1}.motion-package-three{display:none}.motion-package i{opacity:1;transform:none}}