:root{font-family:-apple-system,BlinkMacSystemFont,"Thonburi",sans-serif;color:#20372e;background:#f4f5f0;font-size:15px;line-height:1.65}*{box-sizing:border-box}body{margin:0}header{padding:20px 5vw;border-bottom:1px solid #d7dfd5;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff}.brand{font-size:26px;font-weight:750}.brand span{font-size:10px;letter-spacing:2px;margin-left:14px;font-weight:500}.badge{border-radius:30px;background:#e4f0e4;padding:5px 12px;font-size:12px}main{max-width:1180px;margin:auto;padding:40px 24px}.intro{max-width:720px;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:1.2px;color:#657f69;margin:0 0 10px}h1{font-size:48px;line-height:1.25;letter-spacing:-1px;margin:8px 0 18px}h2{font-size:22px;margin:0 0 10px}h3{font-size:17px;margin:20px 0 8px}p{margin:8px 0 15px}.intro>p:not(.eyebrow){font-size:18px;color:#607266}.steps{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.steps span{padding:6px 12px;border:1px solid #ccd6cb;border-radius:8px;font-size:13px}.card{background:#fff;border:1px solid #dce3d8;border-radius:18px;padding:26px;margin-bottom:22px;box-shadow:0 5px 20px #23382b05}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}button,.button{display:inline-block;background:#265d43;color:white;border:1px solid #265d43;border-radius:9px;padding:11px 16px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}.secondary{background:white;color:#345b45;border-color:#c6d4c6}button:disabled{opacity:.4;cursor:not-allowed}input[type=file]{display:block;margin:16px 0;max-width:100%}small{display:block;color:#6d7b70;font-size:12px;margin-top:12px}textarea{width:100%;border:1px solid #bfccbf;border-radius:8px;padding:12px;font:inherit;resize:vertical}label{display:block;margin:12px 0}input[type=number]{width:65px;padding:5px;font:inherit;border:1px solid #c6d4c6;border-radius:6px}.columns{display:grid;grid-template-columns:310px 1fr;gap:28px}.columns aside>p{font-size:13px;color:#607266}.wide{width:100%;margin-top:20px}.canvas-wrap{background:#e6ebe4;padding:5px;border-radius:7px;overflow:hidden}canvas{display:block;width:100%;height:auto;touch-action:none;background:white}.pagebar{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.result{padding:18px;background:#eef5eb;border:1px solid #c9d9c6;border-radius:10px;margin-top:20px}.warn,#notice{color:#914121}#notice:not(:empty){padding:15px;background:#fff1e5;border-radius:8px;margin:20px 0}.muted{color:#758076;font-size:13px}#jobs button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e1e7dd;border-radius:0;background:white;color:#345b45;font-weight:400}#candidates button{font-size:12px;padding:4px 9px;margin:6px 5px 0 0;background:#edf3e9;color:#345b45;border:1px solid #d2dfcc}footer{font-size:12px;text-align:center;color:#758076;margin:35px 0}[hidden]{display:none!important}@media(max-width:760px){header{padding:15px 18px}.brand span{display:none}.badge{font-size:10px}main{padding:26px 14px}h1{font-size:37px}.card{padding:18px}.columns{grid-template-columns:1fr;gap:22px}.row button{flex:1}.steps{gap:6px}.steps span{font-size:11px}button,.button{font-size:14px;padding:11px 12px}}

.login{max-width:540px}.login input[type=password]{width:100%;padding:13px;border:1px solid #bfccbf;border-radius:8px;font:inherit}header form{margin:0}