:root{color-scheme:light;--ink:#17313c;--sea:#125a69;--muted:#5f7480;--border:#cbd8de;--bg:#eff5f6;--paper:#fff;--good:#166647}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
main{max-width:900px;margin:32px auto;padding:0 14px}header{background:#0e3c4b;color:white;padding:28px 32px;border-radius:14px 14px 0 0}
header small{letter-spacing:1.5px;text-transform:uppercase;opacity:.8}h1{margin:8px 0 3px;font-size:clamp(22px,4vw,32px)}header p{margin:0;opacity:.9}
.card{padding:28px 32px;background:var(--paper);border:1px solid var(--border);border-top:0}.card:last-child{border-radius:0 0 14px 14px}
h2{font-size:21px;margin:0 0 6px}h3{font-size:16px;margin:18px 0 8px}.hint{color:var(--muted);margin:2px 0 18px;font-size:14px}
label.question{font-weight:600;display:block;margin:15px 0 5px;font-size:14px}input[type=text],input[type=number],select,textarea{border:1px solid #aebec8;border-radius:7px;padding:11px 12px;width:100%;font:inherit;background:white;color:#17313c}
input:focus,select:focus,textarea:focus{outline:2px solid #86bcc5;outline-offset:1px}textarea{min-height:78px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.checkgrid label{display:flex;align-items:start;gap:8px;font-size:14px}.checkgrid input{margin:4px 0 0}
label.check{display:flex;gap:10px;align-items:start;margin:15px 0;font-size:14px}label.check input{margin:5px 0 0}
button{border:0;background:var(--sea);color:white;font-weight:700;padding:13px 24px;border-radius:8px;cursor:pointer;font-size:15px}button:disabled{opacity:.5;cursor:not-allowed}
#status{font-weight:600;margin:16px 0 0;white-space:pre-wrap}#status.error{color:#b32323}#status.success{color:var(--good)}.note{background:#eaf4f4;border-left:4px solid var(--sea);padding:15px;border-radius:4px;font-size:14px}
.pill{display:inline-block;padding:4px 10px;border:1px solid #d9e9e9;border-radius:20px;background:#f1f8f8;color:#245e69;font-size:12px}
.hide{display:none!important}@media(max-width:650px){main{margin:0;padding:0}header{border-radius:0}.card{padding:22px 18px}.two,.checkgrid{grid-template-columns:1fr}button{width:100%}}