@font-face{font-family:Temco Sans;src:url('/temcoline-login-20261017/assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:45 920;font-display:swap}
:root{font-family:Temco Sans,'Malgun Gothic',sans-serif;color:#102440;background:#fff;font-synthesis:none;--navy:#1a4076;--muted:#586e8b;--line:#d0dbe8}
*{box-sizing:border-box}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,p{margin:0}img{display:block}a:focus-visible,button:focus-visible{outline:3px solid #1677db;outline-offset:5px}input:focus{outline:3px solid #d7e9fb;border-color:#376da7}a:hover{color:#0965bd}.skip-link{position:fixed;z-index:5;background:white;padding:12px;left:12px;top:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4.1%;border-bottom:1px solid #d8e1eb;background:#fff}.brand img{width:226px;height:auto}.home-link{font-size:18px;font-weight:530;color:var(--navy);display:inline-flex;gap:13px;align-items:center;min-height:44px}.home-link img,.public-resources img{flex:none}
.login-layout{display:grid;grid-template-columns:47.9% 52.1%;min-height:calc(100svh - 84px)}.brand-panel{position:relative;isolation:isolate;overflow:hidden;min-height:0;background:#1a4076 url('/temcoline-login-20261017/assets/engineering-blueprint.png') center center/cover no-repeat;color:#fff;padding:0 10%;display:flex;flex-direction:column;justify-content:center}.workspace-copy{margin-top:-180px;position:relative;z-index:1}.brand-eyebrow{font-size:15px;line-height:1.5;letter-spacing:.28em;color:#b3cde7;font-weight:430;margin-bottom:18px}.workspace-copy h1{font-size:52px;font-weight:710;line-height:1.3;letter-spacing:-.045em;white-space:nowrap}.workspace-description{font-size:23px;line-height:1.65;color:#d2e2f1;letter-spacing:-.035em;margin-top:17px;white-space:nowrap}.document-mark{position:absolute;left:10%;top:55%;width:123px;padding:39px 0 36px;border-block:1px solid #6f92b2;opacity:.62}.document-mark img{width:110px;height:136px;object-fit:contain}.copyright{position:absolute;bottom:32px;left:10%;font-size:13px;font-weight:400;color:#b3c7dd}
.form-panel{display:flex;align-items:center;justify-content:center;padding:75px 12.8% 75px 17.4%;min-width:0}.form-inner{width:100%;max-width:523px}.form-eyebrow{font-size:20px;font-weight:530;color:#5c6f89;line-height:1.5;margin-bottom:5px}.form-inner h2{font-size:52px;line-height:1.2;font-weight:700;letter-spacing:-.04em}.login-description{font-size:23px;line-height:1.6;letter-spacing:-.035em;color:var(--muted);margin-top:14px;white-space:nowrap}form{margin-top:45px}.field+.field{margin-top:26px}.field label{display:block;font-size:20px;font-weight:550;line-height:1.4;margin-bottom:8px}.field input{width:100%;height:61px;padding:0 22px;border:1px solid #c8d4e3;border-radius:3px;background:white;color:#142b49;font-size:19px;transition:border-color .15s,outline-color .15s}.field input::placeholder{color:#7f8da4;opacity:1}.field input[aria-invalid=true]{border-color:#b33c32}.field-error{font-size:14px;color:#a82d26;margin-top:6px;line-height:1.5}.login-button{display:block;width:100%;min-height:69px;border:1px solid #173e71;background:var(--navy);border-radius:3px;color:white;font-size:24px;font-weight:590;margin-top:37px;transition:background .15s}.login-button:hover{background:#12345f}.login-button:active{background:#0e2b51}.account-help{text-align:center;font-size:16px;line-height:1.5;color:#6d7e94;letter-spacing:-.025em;margin-top:18px;white-space:nowrap}.preview-message{font-size:15px;line-height:1.55;color:var(--navy);margin-top:0}.preview-message:not(:empty){margin-top:18px;padding:12px;background:#edf4fa}.public-resources{border-top:1px solid #d3dce7;margin-top:35px;padding-top:33px}.public-resources a{font-size:18px;line-height:1.6;letter-spacing:-.025em;color:var(--navy);display:flex;justify-content:space-between;gap:12px;align-items:center}.public-resources a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){.form-panel{padding-left:16%;padding-right:16%}.brand-panel{padding-left:12%}.workspace-copy{margin-top:-150px}.document-mark,.copyright{left:12%}}
@media(max-width:1200px) and (min-width:761px){.brand-panel{padding-inline:9%;min-height:0}.workspace-copy{margin-top:-130px}.workspace-copy h1{font-size:40px}.workspace-description{font-size:18px;white-space:normal}.form-panel{padding:60px 10%}.form-inner h2{font-size:44px}.login-description{font-size:18px;white-space:normal}.form-eyebrow,.field label{font-size:18px}.account-help{white-space:normal}.public-resources a{font-size:16px}.field input{font-size:17px}.copyright{left:9%;font-size:11px}.document-mark{left:9%}}
@media(max-width:760px){.site-header{height:70px;padding-inline:22px}.brand img{width:170px}.home-link{font-size:13px;gap:5px}.home-link img{width:15px;height:15px}.login-layout{min-height:calc(100svh - 70px);display:flex;flex-direction:column}.form-panel{order:0;padding:44px 26px 42px;align-items:flex-start}.form-inner{max-width:440px;margin-inline:auto}.form-eyebrow{font-size:16px;margin-bottom:7px}.form-inner h2{font-size:36px}.login-description{font-size:17px;line-height:1.65;margin-top:12px;white-space:normal}form{margin-top:30px}.field label{font-size:16px;margin-bottom:8px}.field input{height:54px;padding-inline:15px;font-size:16px}.field+.field{margin-top:23px}.login-button{margin-top:28px;min-height:55px;font-size:19px}.account-help{font-size:14px;white-space:normal;margin-top:16px}.public-resources{padding-top:23px;margin-top:27px}.public-resources a{font-size:15px;gap:8px}.public-resources img{width:16px;height:16px}.brand-panel{order:1;min-height:235px;padding:34px 26px 55px;justify-content:flex-start;background-position:center 56%;flex:1}.workspace-copy{margin:0}.brand-eyebrow{font-size:11px;margin-bottom:10px}.workspace-copy h1{font-size:25px}.workspace-description{font-size:15px;margin-top:10px;white-space:normal}.document-mark{display:none}.copyright{left:26px;bottom:19px;font-size:11px}}
@media(max-width:365px){.site-header{padding-inline:16px}.brand img{width:147px}.home-link{font-size:12px;gap:2px}.form-panel{padding-inline:22px}.public-resources a{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Selected mock alignment refinement, 2026-10-17 */
@media(min-width:1201px){.workspace-copy{margin-top:-334px}.form-inner{max-width:540px;transform:none}.form-panel{padding-left:16.7%}}
/* Narrow devices reserve room for a vertical scrollbar. */
body{min-width:300px}
@media(max-width:340px){.site-header{padding-inline:14px}.brand img{width:140px}.home-link{font-size:11px}.home-link img{width:13px;height:13px}}
/* Short desktop windows keep the whole login task visible. */
@media(min-width:761px) and (max-height:980px){.brand-panel{min-height:calc(100svh - 84px)}.form-panel{padding-block:36px}.form-inner{transform:none}.form-eyebrow{font-size:18px}.form-inner h2{font-size:44px}.login-description{font-size:19px;margin-top:10px}form{margin-top:30px}.field label{font-size:18px}.field input{height:54px;font-size:17px}.field+.field{margin-top:20px}.login-button{min-height:56px;margin-top:28px;font-size:21px}.account-help{font-size:14px;margin-top:16px}.public-resources{margin-top:26px;padding-top:25px}.public-resources a{font-size:16px}.workspace-copy{margin-top:-170px}.workspace-copy h1{font-size:44px}.workspace-description{font-size:18px;white-space:normal}.document-mark{top:58%;padding-block:20px}.document-mark img{width:80px;height:100px}.copyright{bottom:20px}}
/* Fit shorter desktop browser windows without scaling text or hiding overflow. */
@media(min-width:761px) and (max-height:740px){
 .site-header{height:72px}.brand img{width:210px}.home-link{font-size:16px}
 .login-layout{min-height:calc(100svh - 72px)}.brand-panel{min-height:0}
 .form-panel{padding-block:24px}.form-inner{transform:none}
 .form-eyebrow{font-size:16px;margin-bottom:4px}.form-inner h2{font-size:40px}
 .login-description{font-size:17px;line-height:1.55;margin-top:8px;white-space:normal}
 form{margin-top:22px}.field label{font-size:16px;line-height:1.4;margin-bottom:6px}
 .field input{height:46px;font-size:16px;padding-inline:16px}.field+.field{margin-top:16px}
 .login-button{min-height:50px;font-size:19px;margin-top:22px}.account-help{font-size:14px;line-height:1.5;margin-top:12px;white-space:normal}
 .public-resources{margin-top:22px;padding-top:22px}.public-resources a{font-size:15px;line-height:1.6}
 .workspace-copy{margin-top:-150px}.brand-eyebrow{font-size:13px;margin-bottom:14px}
 .workspace-copy h1{font-size:40px}.workspace-description{font-size:17px;margin-top:13px}
 .document-mark{top:58%;padding-block:16px;width:100px}.document-mark img{width:64px;height:78px}
 .copyright{bottom:20px;font-size:12px}
}

/* All desktop heights: share available window space, never impose a tall backdrop. */
@media(min-width:761px){.brand-panel{min-height:0}.form-panel{padding-block:clamp(24px,calc(50svh - 372px),75px)}.form-inner{transform:none}}

/* Reserve inline notices; validation must not change the page height. */
@media(min-width:761px){
 .field{position:relative}.field-error{position:absolute;left:0;top:100%;margin-top:3px;font-size:13px;line-height:1.35}
 .preview-message{min-height:60px;margin-top:16px;font-size:14px;line-height:1.45}
 .preview-message:not(:empty){margin-top:16px;padding:10px 12px}
 .public-resources{margin-top:16px;padding-top:20px}
}
@media(min-width:761px) and (max-height:740px){
 .preview-message{min-height:0;margin-top:0}
 .preview-message:not(:empty){position:fixed;right:20px;bottom:16px;width:min(460px,calc(100vw - 40px));margin:0;z-index:10;border:1px solid #b8cfe4;box-shadow:0 4px 16px #10244018}
}
.preview-message:empty{min-height:0;margin:0;padding:0}

/* English-only translation of the current administrator page. */
html[lang="en"] .workspace-copy h1,
html[lang="en"] .workspace-description,
html[lang="en"] .login-description,
html[lang="en"] .account-help {white-space:normal;letter-spacing:0}
html[lang="en"] .workspace-copy h1 {font-size:clamp(36px,3.1vw,52px);line-height:1.15;letter-spacing:-.025em;max-width:620px;text-wrap:balance}
html[lang="en"] .workspace-description {max-width:430px;font-size:21px;line-height:1.6;text-wrap:pretty}
html[lang="en"] .form-eyebrow {font-size:14px;letter-spacing:.14em;font-weight:600;margin-bottom:9px}
html[lang="en"] .form-inner h2 {letter-spacing:-.025em}
html[lang="en"] .login-description {font-size:20px;line-height:1.6;text-wrap:pretty}
html[lang="en"] .preview-note {font-size:13px;line-height:1.5;color:#687d96;margin-top:12px}
html[lang="en"] form {margin-top:29px}
html[lang="en"] .field label {font-size:18px}
html[lang="en"] .account-help {font-size:14px;line-height:1.6;text-wrap:pretty}
html[lang="en"] .public-resources a {font-size:16px;letter-spacing:0;text-wrap:pretty}
html[lang="en"] .copyright {max-width:80%;line-height:1.5}
html[lang="en"] .preview-result {font-size:14px;line-height:1.5;color:var(--navy)}
html[lang="en"] .preview-result:not(:empty) {padding:10px 12px;background:#edf4fa;margin-top:16px}
@media(min-width:761px) {
  html[lang="en"] .brand-panel {justify-content:flex-start}
  html[lang="en"] .workspace-copy {margin-top:clamp(60px,16vh,180px)}
  html[lang="en"] .document-mark {position:static;margin-top:clamp(40px,8vh,100px);margin-bottom:100px;flex-shrink:0}
  html[lang="en"] .field-error {font-size:12px}
}
@media(min-width:761px) and (max-width:1200px) {
  html[lang="en"] .workspace-copy h1 {font-size:40px}
  html[lang="en"] .workspace-description {font-size:18px}
  html[lang="en"] .login-description {font-size:18px}
  html[lang="en"] .form-panel {padding-inline:10%}
  html[lang="en"] .copyright {max-width:82%}
}
@media(min-width:761px) and (max-height:740px) {
  html[lang="en"] .workspace-copy {margin-top:60px}
  html[lang="en"] .workspace-copy h1 {font-size:40px}
  html[lang="en"] .workspace-description {font-size:17px}
  html[lang="en"] .login-description {font-size:17px}
  html[lang="en"] .document-mark {margin-top:40px;margin-bottom:84px}
  html[lang="en"] form {margin-top:22px}
  html[lang="en"] .field label {font-size:16px}
}
@media(max-width:760px) {
  html[lang="en"] .workspace-copy h1 {font-size:25px;line-height:1.3}
  html[lang="en"] .workspace-description {font-size:15px;max-width:440px}
  html[lang="en"] .form-eyebrow {font-size:12px}
  html[lang="en"] .login-description {font-size:17px}
  html[lang="en"] .field label {font-size:16px}
  html[lang="en"] .preview-note {font-size:12px;margin-top:10px}
  html[lang="en"] .public-resources a {font-size:15px}
  html[lang="en"] .copyright {max-width:calc(100% - 52px);font-size:10px}
}