*{box-sizing:border-box}body{margin:0;background:#f3f5f1;color:#18312d;font:17px/1.5 system-ui,sans-serif}main{max-width:780px;margin:auto;padding:28px 20px 60px}h1{line-height:1.15;font-size:clamp(30px,7vw,42px)}h2{font-size:24px}a{color:#204e3b}label{display:block;margin-top:18px}input:not([type=checkbox]),select{display:block;width:100%;font:inherit;padding:13px;border:1px solid #a8bcab;border-radius:9px;margin:7px 0;background:#fff;color:inherit}button{font:inherit;background:#204e3b;color:white;border:0;border-radius:9px;padding:12px 17px;margin:16px 8px 4px 0;cursor:pointer}.secondary{background:#dfe9db;color:#204e3b}.danger{background:#8b332b}.notice{background:#f5efd9;padding:18px;border-radius:12px}.error{color:#922b23;background:#fbeae6;padding:15px;border-radius:10px}.brand{font-size:12px;letter-spacing:2px;font-weight:700}.hint{font-size:14px;color:#51665a}.row{display:flex;align-items:flex-start;gap:10px}.row input{width:22px;height:22px;flex-shrink:0}section,article{background:white;border:1px solid #dce2d9;border-radius:14px;padding:20px;margin:20px 0}article h3{margin:0}.password{display:block;font-size:22px;overflow-wrap:anywhere;background:#edf2e9;padding:16px;border-radius:9px;user-select:all}nav{display:flex;gap:10px;flex-wrap:wrap}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #a1ba8c;outline-offset:3px}