*{box-sizing:border-box} :root{font-family:"Malgun Gothic","맑은 고딕",Arial,sans-serif;color:#142d3a;background:#eef3f4;color-scheme:light}body{margin:0;min-height:100svh;padding:0 38px;background:radial-gradient(ellipse at 85% 0,#dde9e9,transparent 65%),#eef3f4}button,input,select{font:inherit}button,select{cursor:pointer}button,input,select,a{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #279a9b}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.login-header{max-width:1520px;margin:auto;min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:flex;gap:12px;align-items:center;text-decoration:none;color:#133643;font-size:16px;font-weight:800;letter-spacing:1.7px}.identity small{display:block;font-weight:400;font-size:10px;letter-spacing:.2px;margin-top:6px;color:#657b86}.brand-symbol{width:42px;height:44px;border-radius:13px;display:grid;place-items:center;background:#0c5c69;color:#fff;font-size:28px;letter-spacing:-2px;box-shadow:0 5px 14px #0c5c6920}.header-note{font-size:11px;color:#607c85;display:flex;align-items:center;gap:9px}.header-note i{width:6px;height:6px;background:#26a28b;border-radius:50%}.login-shell{max-width:1520px;min-height:630px;height:min(760px,calc(100svh - 157px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(400px,1fr);background:white;border:7px solid white;border-radius:28px;box-shadow:0 24px 70px #244d5c12;overflow:hidden}.logistics-hero{position:relative;border-radius:21px;overflow:hidden;isolation:isolate;background:#084453;color:white}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:53% 50%;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#032c4580 0,#042c3833 55%,transparent),linear-gradient(0deg,#042a3cbd,transparent 52%)}.hero-copy{padding:58px 40px 0 44px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.7px;color:#b9eff0;margin:0 0 26px}.hero-copy h1{font-size:clamp(30px,3.1vw,52px);letter-spacing:-2px;line-height:1.38;font-weight:700;margin:0}.hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.95;color:#d7edf2;margin:23px 0}.hero-tags{display:flex;gap:8px}.hero-tags span{font-size:9px;letter-spacing:1.4px;padding:7px 12px;border:1px solid #d0f2f561;border-radius:20px;background:#08445633}.route-panel{position:absolute;inset:auto 30px 30px;padding:23px 23px 17px;border:1px solid #ffffff38;border-radius:14px;background:#063b4f89;backdrop-filter:blur(12px)}.route-caption{font-size:8px;letter-spacing:2px;color:#a6d4de}.route-panel ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:19px 0 17px}.route-panel li{position:relative;font-size:11px;white-space:nowrap}.route-panel li:not(:last-child):after{content:"";position:absolute;width:calc(100% - 70px);height:1px;background:#c0e5eb55;top:9px;left:66px}.route-panel b{font-size:8px;color:#b7ecec;display:block;margin-bottom:9px;font-weight:400}.route-panel p{margin:0;font-size:9px;color:#c1dce4;border-top:1px solid #ffffff26;padding-top:14px}.login-panel{padding:35px clamp(28px,3.5vw,62px) 22px;display:flex;flex-direction:column;justify-content:center}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:42px}.workspace-label{font-size:9px;letter-spacing:2px;font-weight:700;color:#54828c}.secure-badge{font-size:9px;color:#548077;border:1px solid #dcece7;border-radius:20px;padding:5px 9px;background:#f6faf8}.form-heading .welcome{font-size:12px;color:#6f898f;margin:0 0 10px}.form-heading h2{font-size:clamp(23px,2vw,31px);letter-spacing:-1.5px;line-height:1.4;margin:0;font-weight:750}.form-heading>p:last-child{font-size:11px;color:#7c8f96;margin:12px 0 31px}form>label{display:block;font-size:11px;font-weight:700;color:#385360;margin:0 0 10px}select,input{width:100%;height:49px;border:1px solid #dbe4e8;border-radius:8px;background:#fafcfc;color:#254552;font-size:12px;padding:0 14px;transition:border-color .2s}select:hover,input:hover{border-color:#8fb3bc}input::placeholder{color:#a1afb5;font-size:11px}.role-description{font-size:10px;line-height:1.7;color:#879ba3;min-height:34px;margin:10px 0 17px}.password-wrap{position:relative}.password-wrap input{padding-right:47px}.password-wrap button{position:absolute;right:5px;top:5px;border:0;width:39px;height:39px;background:transparent;color:#7d949d;border-radius:6px}.password-wrap svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.caps-warning{font-size:10px;color:#a66a1d;margin:7px 0}#login-submit{width:100%;height:50px;margin-top:23px;padding:0 19px;background:#0c626d;color:#fff;border:0;border-radius:9px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;box-shadow:0 6px 15px #0c626d1f;transition:background .2s,transform .2s}#login-submit:hover{background:#094d58;transform:translateY(-1px)}#login-submit>span:last-child{font-size:21px;font-weight:400}#login-message{min-height:30px;margin:10px 0 0;font-size:11px;line-height:1.7;color:#b24949}#login-message[data-state="loading"]{color:#507a84}.access-note{display:flex;gap:12px;align-items:flex-start;border-top:1px solid #eaf0f1;padding-top:18px;margin-top:8px;color:#91a2a9}.access-note>span{font-size:20px}.access-note p{font-size:10px;line-height:1.9;margin:0}.access-note strong{font-weight:600;color:#55717c}.panel-footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:auto;padding-top:25px;font-size:8px;color:#9daeb4}.panel-footer span:last-child{letter-spacing:1px;font-size:7px}.login-footer{max-width:1520px;margin:auto;min-height:60px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;color:#849aa2}@media(min-width:1600px){.hero-copy{padding-top:75px;padding-left:60px}.login-panel{padding-top:45px;padding-bottom:28px}.panel-top{margin-bottom:65px}}@media(max-width:1050px){body{padding:0 23px}.login-shell{grid-template-columns:minmax(0,1fr) minmax(350px,.95fr)}.hero-copy{padding:42px 26px}.hero-copy h1{font-size:34px}.hero-copy>p:not(.eyebrow){font-size:11px}.route-panel{inset:auto 18px 20px;padding:18px 16px}.route-panel li{font-size:10px}.route-panel li:not(:last-child):after{left:55px;width:calc(100% - 58px)}.login-panel{padding:30px}.panel-top{margin-bottom:36px}}@media(max-width:760px){body{padding:0 15px}.login-header{min-height:78px}.header-note{display:none}.login-shell{height:auto;min-height:0;grid-template-columns:1fr;border-radius:22px;border-width:6px}.logistics-hero{min-height:330px;border-radius:17px}.hero-image{object-position:50% 50%}.hero-copy{padding:31px 25px}.eyebrow{margin-bottom:17px;font-size:8px}.hero-copy h1{font-size:31px}.hero-copy>p:not(.eyebrow){font-size:10px;margin:14px 0}.hero-tags{display:none}.route-panel{inset:auto 16px 15px;padding:12px 16px}.route-panel .route-caption,.route-panel p{display:none}.route-panel ol{margin:0}.route-panel li{font-size:9px}.route-panel b{display:inline;margin-right:4px}.route-panel li:not(:last-child):after{display:none}.login-panel{padding:32px 24px 25px}.panel-top{margin-bottom:28px}.form-heading h2{font-size:26px}.panel-footer{padding-top:25px}.login-footer{font-size:8px;padding:18px 3px;line-height:1.8;align-items:flex-start;flex-direction:column;gap:3px}.identity{font-size:14px}.identity small{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Keep the whale, aircraft and container ship visible around the copy. */
body{background:linear-gradient(135deg,#fff,#f0f7f8)}.hero-shade{background:linear-gradient(90deg,#063c5c91,transparent 70%),linear-gradient(0deg,#06516b22,transparent 50%)}.route-panel{inset:auto 22px 18px;padding:14px 18px;background:#08455570}.route-caption{display:none}.route-panel ol{margin:0}.route-panel b{display:inline;margin-right:7px}.route-panel li:not(:last-child):after{top:7px;left:83px;width:calc(100% - 90px)}.route-panel p{padding-top:9px;margin-top:10px;font-size:8px}.hero-image{object-position:53% 50%}@media(max-width:760px){.logistics-hero{min-height:0;aspect-ratio:3/2}.hero-image{object-fit:cover;object-position:center}.hero-copy{padding:22px}.hero-copy h1{font-size:clamp(24px,5.2vw,34px)}.hero-copy>p:not(.eyebrow){font-size:9px;margin:10px 0}.eyebrow{font-size:7px;margin-bottom:11px}.route-panel{inset:auto 12px 11px;padding:9px 12px}.route-panel ol{margin:0}.route-panel p{display:none}}

.logistics-hero{background:linear-gradient(#3c9be3 0%,#3999db 30%,#169dc0 65%,#0d89a6 100%)}.hero-image{object-fit:contain;object-position:center}.hero-shade{background:linear-gradient(90deg,#073d656b,transparent 72%)}.hero-copy h1{text-shadow:0 2px 12px #07507135}