*,*::before,*::after{box-sizing:border-box}html{min-height:100%;background:#f5f7fb}body{margin:0;color:#14233a;font-family:'Noto Sans Thai','Sarabun',system-ui,sans-serif;-webkit-font-smoothing:antialiased}.lts-login-page{min-height:100vh;min-height:100dvh;padding:clamp(14px,3vw,34px);display:grid;place-items:center;background:radial-gradient(circle at 8% 12%,rgba(37,99,235,.09),transparent 28%),radial-gradient(circle at 94% 90%,rgba(6,182,212,.1),transparent 26%),#f5f7fb}.lts-login-shell{width:min(1160px,100%);min-height:min(720px,calc(100dvh - 68px));display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);overflow:hidden;border:1px solid rgba(209,219,232,.8);border-radius:30px;background:#fff;box-shadow:0 26px 80px rgba(23,42,75,.12)}.lts-login-story{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:42px 46px;color:#fff;background:linear-gradient(145deg,#071b42 0%,#0b3478 56%,#075c73 100%)}.lts-login-story::before{content:"";position:absolute;z-index:-2;width:480px;height:480px;right:-180px;top:-170px;border-radius:50%;border:1px solid rgba(125,211,252,.2);box-shadow:0 0 0 55px rgba(125,211,252,.035),0 0 0 110px rgba(125,211,252,.025)}.lts-login-story::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 92%)}.lts-brand,.lts-mobile-brand{display:flex;align-items:center;gap:12px}.lts-brand-mark{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;color:#fff;background:linear-gradient(145deg,#2563eb,#06b6d4);box-shadow:0 10px 30px rgba(6,182,212,.25)}.lts-brand-mark svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lts-brand strong,.lts-mobile-brand strong{display:block;font-size:21px;font-weight:800;letter-spacing:.08em;line-height:1.15}.lts-brand small,.lts-mobile-brand small{display:block;margin-top:2px;font-size:10px;font-weight:500;letter-spacing:.07em;color:rgba(255,255,255,.65)}.lts-story-copy{margin-top:auto;padding-top:46px}.lts-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.13em;color:#a9dbff;text-transform:uppercase}.lts-eyebrow i{width:7px;height:7px;border-radius:50%;background:#22d3ee;box-shadow:0 0 0 5px rgba(34,211,238,.13)}.lts-story-copy h1{margin:18px 0 16px;font-size:clamp(38px,4.15vw,62px);line-height:1.13;letter-spacing:-.035em;font-weight:800}.lts-story-copy h1 span{color:#8bdcff}.lts-story-copy p{max-width:500px;margin:0;color:rgba(225,239,255,.75);font-size:15px;line-height:1.8}.lts-route{position:relative;height:122px;margin:30px 8px 12px}.lts-route-line{position:absolute;left:9%;right:9%;top:56%;height:2px;background:linear-gradient(90deg,rgba(125,211,252,.15),#67e8f9,rgba(125,211,252,.15))}.lts-route-line::after{content:"";position:absolute;inset:-4px 0;border-top:1px dashed rgba(255,255,255,.18)}.lts-route-point{position:absolute;top:calc(56% - 19px);width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#0d326c;box-shadow:0 0 0 7px rgba(255,255,255,.04)}.lts-route-point i{font-style:normal;font-size:8px;font-weight:800;color:#dff7ff}.lts-route-point.p1{left:4%}.lts-route-point.p2{left:48%}.lts-route-point.p3{right:4%}.lts-route-truck{position:absolute;left:22%;top:calc(56% - 34px);width:48px;height:28px;color:#fff;animation:lts-route-drive 4.5s ease-in-out infinite}.lts-route-truck svg{width:100%;height:100%;fill:#22d3ee;stroke:#fff;stroke-width:1.4;stroke-linejoin:round}.lts-story-footer{display:flex;gap:25px;padding-top:21px;border-top:1px solid rgba(255,255,255,.13);font-size:11px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.55)}.lts-story-footer b{margin-right:6px;color:#67e8f9}.lts-login-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,70px);background:rgba(255,255,255,.98)}.lts-mobile-brand{display:none}.lts-login-card{width:100%;max-width:420px;margin:auto}.lts-login-heading{margin-bottom:31px}.lts-login-chip{display:inline-flex;padding:6px 9px;border-radius:7px;background:#eef4ff;color:#2563eb;font-size:9px;font-weight:800;letter-spacing:.15em}.lts-login-heading h2{margin:14px 0 6px;font-size:32px;line-height:1.25;letter-spacing:-.025em;color:#10213a}.lts-login-heading p{margin:0;color:#75849a;font-size:14px}.lts-field{display:block;margin-bottom:18px;color:#324967;font-size:13px;font-weight:700}.lts-input-wrap{position:relative;display:block;margin-top:7px}.lts-input-wrap>svg{position:absolute;left:15px;top:50%;width:20px;height:20px;transform:translateY(-50%);fill:none;stroke:#8190a5;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.lts-input-wrap input{width:100%;height:54px;padding:0 47px;border:1px solid #dce4ef;border-radius:13px;outline:0;background:#f9fbfd;color:#172a45;font:600 14px/1 'Noto Sans Thai',sans-serif;transition:border-color .16s,box-shadow .16s,background .16s}.lts-input-wrap input::placeholder{color:#a6b1bf;font-weight:400}.lts-input-wrap input:hover{border-color:#bdcadd}.lts-input-wrap input:focus{border-color:#2b6dea;background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.lts-password-toggle{position:absolute;right:9px;top:50%;width:38px;height:38px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:10px;background:transparent;color:#718198;cursor:pointer}.lts-password-toggle:hover{background:#edf3fb;color:#2563eb}.lts-password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.lts-password-toggle[aria-pressed=true]::after{content:"";position:absolute;width:23px;height:1.5px;transform:rotate(-42deg);border-radius:2px;background:currentColor}.lts-login-submit{width:100%;height:55px;margin-top:5px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:13px;background:linear-gradient(110deg,#1f5ce0,#2677ee);color:#fff;font:700 15px/1 'Noto Sans Thai',sans-serif;box-shadow:0 11px 24px rgba(37,99,235,.23);cursor:pointer;transition:transform .15s,box-shadow .15s}.lts-login-submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(37,99,235,.3)}.lts-login-submit:active{transform:translateY(1px)}.lts-login-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.lts-login-submit:hover svg{transform:translateX(3px)}.lts-login-error{display:flex;align-items:flex-start;gap:9px;margin:-10px 0 20px;padding:11px 13px;border:1px solid #fecaca;border-radius:11px;background:#fff5f5;color:#b4232d;font-size:12px;font-weight:600;line-height:1.55}.lts-login-error svg{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lts-login-note{display:flex;align-items:flex-start;gap:9px;margin-top:25px;padding-top:21px;border-top:1px solid #edf1f6;color:#7c8b9f;font-size:11px;line-height:1.6}.lts-login-note svg{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:#16a085;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lts-copyright;margin:0}.lts-copyright{margin:28px auto 0;color:#a0abba;font-size:10px;text-align:center}@keyframes lts-route-drive{0%,10%{transform:translateX(0);opacity:.8}50%{transform:translateX(170px);opacity:1}90%,100%{transform:translateX(0);opacity:.8}}@media(max-width:900px){.lts-login-page{padding:20px}.lts-login-shell{min-height:auto;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)}.lts-login-story{padding:32px}.lts-story-copy h1{font-size:39px}.lts-route-truck{animation:none}.lts-story-footer{gap:14px}}@media(max-width:720px){.lts-login-page{display:block;padding:0;background:#f5f7fb}.lts-login-shell{width:100%;min-height:100dvh;display:block;border:0;border-radius:0;box-shadow:none}.lts-login-story{display:none}.lts-login-panel{min-height:100dvh;justify-content:flex-start;padding:max(26px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 90% 2%,rgba(37,99,235,.09),transparent 28%),#fff}.lts-mobile-brand{display:flex;margin-bottom:clamp(42px,10vh,78px)}.lts-mobile-brand strong{color:#142b4a}.lts-mobile-brand small{color:#75849a;font-size:9px}.lts-brand-mark{width:42px;height:42px;border-radius:12px}.lts-login-card{max-width:460px}.lts-login-heading{margin-bottom:27px}.lts-login-heading h2{font-size:29px}.lts-input-wrap input{height:55px;font-size:16px}.lts-login-submit{height:56px;font-size:16px}.lts-copyright{margin-top:auto;padding-top:30px}}@media(max-width:380px){.lts-login-panel{padding-left:16px;padding-right:16px}.lts-mobile-brand{margin-bottom:34px}.lts-login-heading h2{font-size:27px}.lts-login-note{margin-top:20px}}@media(prefers-reduced-motion:reduce){.lts-route-truck,.lts-login-submit,.lts-login-submit svg{animation:none;transition:none}}