/* All assets are local. System fonts keep this page available without internet. */
:root{font-family:Segoe UI,Arial,sans-serif;color:#182f50;font-synthesis:none;background:#eef3f9}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 5% 0%,#dce8f8,transparent 55%),radial-gradient(ellipse at 100% 100%,#e0e9f6,transparent 50%),#f1f5fa}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.login-shell{width:min(1110px,100%);min-height:650px;display:grid;grid-template-columns:1.08fr 1fr;background:white;border:1px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 24px 80px #17375d12}.brand-panel{position:relative;isolation:isolate;overflow:hidden;padding:34px 42px 25px;color:white;background:radial-gradient(ellipse at 110% 100%,#2166ac,transparent 65%),linear-gradient(145deg,#102e5f,#174984);display:flex;flex-direction:column}.brand-panel:before{content:'';position:absolute;z-index:-1;width:650px;height:650px;border:1px solid #ffffff0a;border-radius:50%;left:150px;top:100px;box-shadow:0 0 0 80px #ffffff02,0 0 0 160px #ffffff02}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;width:fit-content}.brand img{height:44px;width:44px;object-fit:contain}.brand>span{font-size:22px;font-weight:700;letter-spacing:-.7px}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;margin-top:5px;color:#bdd2f1}.brand-copy{margin-top:40px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:600;letter-spacing:2px;color:#b7d1f3}.eyebrow i{height:6px;width:6px;background:#ffcf35;border-radius:50%}h1{font-size:46px;line-height:1.12;letter-spacing:-1.7px;font-weight:650;margin:17px 0}h1 em{color:#ffcf39;font-style:normal}.brand-copy p{font-size:13px;line-height:1.8;color:#c1d4ed;margin:0}.commerce-scene{position:relative;height:240px;margin:8px 0 4px}.orbit{position:absolute;border:1px dashed #a4c9f528;border-radius:50%;width:290px;height:210px;left:50%;top:8px;transform:translateX(-50%) rotate(-20deg)}.orbit-two{width:380px;height:180px;top:35px;transform:translateX(-50%) rotate(20deg)}.order-card{position:absolute;left:50%;top:20px;width:235px;background:linear-gradient(135deg,#fff,#f0f6ff);color:#193860;border:1px solid #fff9;border-radius:17px;padding:18px;box-shadow:0 18px 32px #071f4830;transform:translateX(-50%) rotate(-5deg);animation:card-hover 7s ease-in-out infinite}.order-card-top{display:flex;align-items:center;justify-content:space-between}.package-icon{display:grid;place-items:center;background:#e7efff;color:#2865bd;width:34px;height:34px;border-radius:10px}.package-icon svg{width:21px}.mini-badge{font-size:7px;font-weight:700;letter-spacing:.6px;background:#e4f5ef;color:#2c8868;padding:6px 7px;border-radius:20px;display:flex;align-items:center;gap:4px}.mini-badge i{width:4px;height:4px;background:#2c8868;border-radius:50%}.order-card strong{font-size:18px;line-height:1.4;letter-spacing:-.4px;display:block;margin-top:12px}.card-lines{display:grid;gap:6px;margin:12px 0}.card-lines span{height:4px;background:#dce6f3;border-radius:8px;width:80%}.card-lines span+span{width:50%}.order-card-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #e4eaf3;padding-top:10px}.avatars{display:flex;padding-left:3px}.avatars b{display:grid;place-items:center;width:20px;height:20px;margin-left:-3px;border:2px solid white;border-radius:50%;background:#dce9fb;font-size:7px;color:#416caf}.avatars b:nth-child(2){background:#ffedbb;color:#9c7927}.avatars b:nth-child(3){background:#d6ece7;color:#488b79}.order-card-bottom>span+span{font-size:8px;display:flex;align-items:center;gap:8px}.order-card-bottom svg{width:12px;height:12px;color:#289c7f}.float-icon{position:absolute;z-index:2;width:51px;height:51px;display:grid;place-items:center;border:1px solid #ffffff50;border-radius:15px;background:#ffffff14;backdrop-filter:blur(10px);box-shadow:0 8px 20px #0b2d4920;animation:float 5s ease-in-out infinite}.float-icon svg{width:26px;height:26px}.cart{left:9%;top:30px;color:#ffd34b;transform:rotate(-12deg)}.truck{right:4%;top:70px;animation-delay:-1.5s;color:#d2e7ff;transform:rotate(10deg)}.scan{left:10%;bottom:17px;color:#d2e7ff;animation-delay:-3s;width:43px;height:43px;border-radius:12px}.success-chip{position:absolute;bottom:3px;right:9%;z-index:3;display:flex;align-items:center;gap:7px;background:#fff;border-radius:10px;color:#3e5978;font-size:9px;padding:9px 13px;box-shadow:0 8px 25px #0a275d20;animation:float 6s ease-in-out infinite;animation-delay:-2s}.success-chip>span{display:grid;place-items:center;width:19px;height:19px;background:#ddf5e9;color:#249474;border-radius:50%}.success-chip svg{width:12px;height:12px}.brand-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;color:#b9d0ed;font-size:10px}.footer-dots{display:flex;gap:5px}.footer-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff40}.footer-dots i:first-child{background:#ffcd36;width:17px;border-radius:5px}.form-panel{padding:37px 48px 25px;display:flex;flex-direction:column}.store-tag{align-self:flex-end;display:flex;align-items:center;gap:7px;font-size:9px;font-weight:600;letter-spacing:1.2px;color:#6c7c93}.store-tag span{width:6px;height:6px;background:#40af85;border-radius:50%;box-shadow:0 0 0 4px #edf8f3}.form-content{margin:auto 0;padding:35px 0}.welcome-icon{position:relative;width:48px;height:48px;background:#edf3ff;color:#2463ca;display:grid;place-items:center;border-radius:15px;margin-bottom:24px}.welcome-icon span{position:absolute;right:-5px;top:-9px;color:#edba25;font-size:22px}.form-eyebrow{font-size:9px;letter-spacing:1.5px;color:#7e8ca1;font-weight:600;margin:0 0 11px}h2{font-size:29px;letter-spacing:-1px;margin:0 0 10px;line-height:1.25}.form-intro{font-size:13px;color:#7c899c;margin:0 0 30px}label{display:block;font-size:12px;font-weight:600;color:#344865;margin-bottom:9px}.input-wrap{position:relative;display:flex;align-items:center;height:49px;border:1px solid #dce4ef;border-radius:10px;background:#f9fbfe;transition:border-color .2s,box-shadow .2s;margin-bottom:20px}.input-wrap>svg{width:18px;height:18px;margin-left:15px;flex-shrink:0;color:#92a2ba}.input-wrap:focus-within{border-color:#4c83da;background:white;box-shadow:0 0 0 3px #2d6be810}input{font:inherit;font-size:13px;color:#233e64;min-width:0;width:100%;height:100%;border:0;background:transparent;padding:0 13px;outline:0;border-radius:10px}input::placeholder{color:#9aa7b9}.password-wrap{margin-bottom:13px}.password-wrap input{padding-right:2px}#togglePassword{display:grid;place-items:center;border:0;background:transparent;color:#8b9ab0;height:40px;width:43px;flex-shrink:0;cursor:pointer;margin-right:4px;border-radius:8px}#togglePassword:hover,#togglePassword[aria-pressed=true]{color:#2463ca;background:#eef4ff}#togglePassword svg{width:18px;height:18px}.form-note{display:flex;align-items:center;gap:6px;font-size:10px;color:#8a97aa;margin-bottom:24px}.form-note svg{width:12px;height:12px}.submit-button{height:49px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#2464db;border:1px solid #2464db;border-radius:10px;color:#fff;font-family:inherit;font-size:13px;font-weight:600;box-shadow:0 5px 12px #2464db20;cursor:pointer;transition:background .2s,transform .2s}.submit-button:hover{background:#1a52bc;transform:translateY(-1px)}.submit-button svg{width:19px;height:19px;transition:transform .2s}.submit-button:hover svg{transform:translateX(3px)}button:focus-visible,a:focus-visible{outline:3px solid #e5b92e;outline-offset:3px}.help-note{font-size:10px;color:#8e9aad;text-align:center;padding-top:22px}.help-note span{color:#556b89}.form-footer{border-top:1px solid #edf0f5;padding-top:17px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#94a0b2}.login-error{font-size:12px;line-height:1.6;color:#b64352;background:#fff2f4;border:1px solid #f2d6dc;border-radius:9px;padding:10px 12px;margin-bottom:19px}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes card-hover{0%,100%{transform:translateX(-50%) rotate(-5deg)}50%{transform:translateX(-50%) translateY(-5px) rotate(-2deg)}}@media(min-width:1500px){.login-shell{min-height:700px}.brand-copy{margin-top:55px}.commerce-scene{margin-top:20px;height:250px}}@media(max-width:950px){body{padding:22px}.brand-panel{padding:30px}.form-panel{padding:33px}.brand-copy{margin-top:35px}h1{font-size:39px}.cart{left:0}.truck{right:0}.success-chip{right:0}.form-footer{flex-direction:column;gap:5px}}@media(max-width:700px){body{padding:18px;display:block}.login-shell{max-width:440px;min-height:0;margin:auto;display:flex;flex-direction:column;border-radius:22px}.brand-panel{padding:22px 26px}.brand{gap:10px}.brand img{height:36px;width:36px}.brand>span{font-size:20px}.brand small{font-size:8px}.brand-copy{margin-top:23px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:29px;margin:12px 0 9px;line-height:1.15}h1 br:nth-child(2){display:none}h1 em{white-space:nowrap}.brand-copy p{font-size:11px;line-height:1.6}.commerce-scene,.brand-footer{display:none}.form-panel{padding:25px 26px 20px}.store-tag{font-size:8px}.form-content{padding:25px 0}.welcome-icon{display:none}.form-eyebrow{font-size:8px}h2{font-size:25px}.form-intro{font-size:12px;margin-bottom:25px}.form-footer{flex-direction:row;font-size:8px;gap:8px}.help-note{padding-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:701px) and (max-height:780px){body{padding:20px}.login-shell{min-height:600px}.brand-copy{margin-top:28px}h1{font-size:40px}.commerce-scene{height:210px}.form-content{padding:24px 0}.welcome-icon{margin-bottom:18px}.brand-footer{padding-top:14px}}
@media(max-width:700px){h1 br:nth-child(2){display:initial}h1{font-size:28px}.brand-copy{margin-top:18px}.brand-panel{padding-bottom:20px}}
.web-menu-link{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px;color:#496d9f;font-size:11px;text-decoration:none;padding:9px;border:1px solid #e1e9f5;border-radius:9px}.web-menu-link:hover{background:#f3f7ff;color:#2464db}.web-menu-link svg{width:14px;height:14px}
