:root{font-family:"Sarabun","Noto Sans Thai","Thonburi","Tahoma",system-ui,sans-serif;color:#18302e;background:#f5f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #1d766c;outline-offset:3px}[hidden]{display:none!important}.login-layout{min-height:100svh;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:85px;padding:50px 60px}.brand-mark{display:grid;place-items:center;height:50px;width:50px;font-size:34px;background:#e5eee7;color:#155d55;border-radius:50%;margin-bottom:42px}.eyebrow{font-size:12px;letter-spacing:.08em;color:#5f706d;margin:0 0 10px}h1{font-size:42px;line-height:1.4;letter-spacing:-.03em;font-weight:600;margin:0 0 25px}h2{font-size:26px;font-weight:600;margin:0 0 10px}.description{font-size:16px;color:#5f706d;line-height:1.9;margin:0}.intro-line{height:1px;width:65px;background:#92aea0;margin-top:40px}.login-panel{border-left:1px solid #d7e1da;padding:30px 0 30px 50px}.muted{font-size:14px;color:#5f706d;line-height:1.8;margin:0 0 28px}label{display:block;font-size:14px;margin-bottom:8px}.password-row{display:flex;border:1px solid #b8ccc0;background:white;border-radius:7px;overflow:hidden}.password-row:focus-within{outline:2px solid #1d766c;outline-offset:2px}.password-row input{min-width:0;flex:1;background:transparent;border:0;padding:13px 12px;font-size:17px;min-height:50px;outline:0}.password-row input:focus-visible{outline:0}.password-row button{border:0;border-left:1px solid #d7e1da;background:white;padding:9px 14px;color:#155d55;min-width:60px;min-height:48px;font-size:12px}#login-submit{margin-top:18px;width:100%;border:0;border-radius:7px;background:#155d55;color:white;padding:14px;font-size:15px;min-height:50px}#login-submit:hover:not(:disabled){background:#104d46}button:disabled{opacity:.5;cursor:default}.status{font-size:12px;line-height:1.7;color:#5f706d;min-height:22px;margin:12px 0}.error{font-size:13px;line-height:1.7;background:#fff1ee;color:#9b3e35;border-left:3px solid #b7685a;padding:10px 12px}.privacy-note{font-size:11px;color:#71847a;line-height:1.8;margin-top:28px}@media(max-width:900px){.login-layout{padding:40px 32px;gap:35px}h1{font-size:34px}.login-panel{padding-left:30px}}@media(max-width:650px){.login-layout{display:block;padding:38px 24px;max-width:480px}.brand-mark{height:38px;width:38px;font-size:27px;margin-bottom:20px}h1{font-size:29px;margin-bottom:16px}.description{font-size:13px}.intro-line{margin:24px 0}.login-panel{border-left:0;border-top:1px solid #d7e1da;padding:27px 0 0}h2{font-size:24px}.muted{font-size:13px;margin-bottom:22px}.privacy-note{margin-top:24px}}