:root{font-family:Arial,Helvetica,sans-serif;color:#253d35;background:#f8f9f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:100px;max-width:1400px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce1d7}.brand{font-size:32px;font-weight:800;letter-spacing:-2px;color:#253d35;text-decoration:none}.brand span{color:#769745;margin-left:4px}.header-note,.private{font-size:10px;letter-spacing:1.5px}.private{display:flex;align-items:center;gap:12px;letter-spacing:.5px}.private i{width:7px;height:7px;background:#769745;border-radius:50%}main{max-width:1400px;margin:auto;display:grid;grid-template-columns:45% 55%;min-height:760px}aside{padding:76px 13% 32px;background:#eef1e7;position:relative;overflow:hidden}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;color:#697e60}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,4vw,60px);line-height:1.1;letter-spacing:-2px;margin:28px 0}h1 em{color:#75894d;font-weight:400}aside>p{font-size:14px;line-height:1.9;max-width:310px;color:#6b756c}.decoration{font-size:230px;line-height:1.2;text-align:center;color:#a9b78c;margin:22px 0}.aside-bottom{display:flex;flex-direction:column;gap:10px;font-size:8px;letter-spacing:1.4px}.aside-bottom span:last-child{color:#8e9988}.workspace{padding:72px 11%;align-self:center;width:100%}h2{font-size:29px;letter-spacing:-.9px;line-height:1.3;margin:18px 0}.muted{color:#7b827b;font-size:14px;line-height:1.8}.facts{display:flex;gap:28px;margin:32px 0;border-top:1px solid #e1e4db;border-bottom:1px solid #e1e4db;padding:23px 0}.facts div{display:flex;flex-direction:column;gap:7px}.facts strong{font-size:18px;font-weight:500}.facts span{font-size:11px;color:#81887d}label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}label span{color:#8b9d60}input,textarea{width:100%;border:1px solid #d7ddd0;background:#fff;border-radius:5px;font:14px Arial;color:#253d35;padding:16px;outline:none}input:focus,textarea:focus{border-color:#6a8147;box-shadow:0 0 0 3px #6a81471c}textarea{resize:vertical;min-height:200px;line-height:1.7}.guide{background:#eef1e7;border-radius:5px;padding:20px;font-size:12px;color:#697565;line-height:1.8;margin:24px 0}.guide strong{color:#354a38}.guide p{margin:8px 0 0}button{width:100%;display:flex;justify-content:space-between;background:#283f34;border:0;border-radius:5px;padding:17px 20px;color:#fff;font-size:13px;cursor:pointer}button:hover{background:#3b5543}button:disabled{opacity:.5;cursor:wait}.footnote{font-size:10px;color:#899082;text-align:center;line-height:1.7;margin-top:18px}.question-top{display:flex;align-items:center;justify-content:space-between}.question-top p{font-size:13px;color:#778471}.timer{background:#edf0e4;padding:12px 16px;border-radius:6px;text-align:center}.timer span{display:block;font-size:8px;letter-spacing:1px;margin-bottom:5px}.timer strong{font-size:25px;font-variant-numeric:tabular-nums}.timer.urgent{background:#fce8df;color:#ab422a}.progress{display:flex;gap:5px;margin:28px 0}.progress span{height:4px;background:#e1e5d9;flex:1;border-radius:2px}.progress span.past{background:#8b9e68}.progress span.current{background:#2f4939}.question-label{font-size:10px;letter-spacing:1.5px;color:#7c896d}#question{font-size:20px;line-height:1.6;letter-spacing:-.3px;white-space:pre-line;margin:14px 0 25px}#question:focus{outline:none}.answer-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#859078;margin:10px 0 24px}.error{padding:14px;background:#fce8df;color:#963820;font-size:13px;line-height:1.5;border-radius:5px;margin-bottom:20px}.done-icon{font-size:32px;background:#e6edda;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;margin-bottom:30px}footer{max-width:1400px;margin:auto;display:flex;justify-content:space-between;padding:25px 6%;border-top:1px solid #dce1d7;color:#929b8a;font-size:9px;letter-spacing:1px}[hidden]{display:none!important}@media(max-width:800px){header{height:75px;padding:0 6%}.header-note{display:none}main{grid-template-columns:1fr;min-height:0}aside{padding:35px 7%}h1{font-size:42px;margin:16px 0}aside>p{max-width:430px;margin-bottom:0}.decoration,.aside-bottom{display:none}.workspace{padding:38px 7% 55px}h2{font-size:26px}footer{gap:20px;font-size:8px}.facts{gap:30px}}

.code-label{margin-top:20px}.code-help{font-size:11px;line-height:1.6;color:#7b827b}#access-code{font-family:monospace}
