:root{--navy:#041747;--teal:#15a7ad;--pale:#edf8f8;--ink:#172033;--muted:#687587;--line:#dbe3ec}*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.masthead{height:82px;padding:14px clamp(22px,5vw,70px);background:#fff;border-top:6px solid var(--navy);display:flex;align-items:center;gap:24px;box-shadow:0 2px 12px #04174712}.masthead img{width:215px;height:auto}.masthead div{padding-left:24px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.masthead strong{color:var(--navy);font-size:18px}.masthead span{color:var(--muted);font-size:12px}main{max-width:1240px;margin:34px auto;padding:0 24px;display:grid;grid-template-columns:430px 1fr;gap:24px}.panel{background:#fff;border:1px solid #e3e9f0;border-radius:16px;box-shadow:0 12px 34px #04174710}.form-panel{padding:30px}.intro h1{margin:6px 0 9px;color:var(--navy);font-size:28px}.intro p:last-child{margin:0 0 22px;color:var(--muted);line-height:1.5}.eyebrow{margin:0;color:var(--teal);font-size:11px;font-weight:bold;letter-spacing:1.5px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:22px}button{border:0;border-radius:8px;padding:11px 15px;font-size:13px;font-weight:bold;cursor:pointer}.primary{background:var(--navy);color:#fff}.primary:hover{background:#0b2c6b}.secondary{background:var(--pale);color:var(--navy)}.status{font-size:11px;color:var(--muted)}form{display:grid;gap:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:6px;color:var(--navy);font-size:12px;font-weight:bold}label span{color:var(--muted);font-size:10px;font-weight:normal}input{width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:10px 11px;color:var(--ink);font:13px Arial;background:#fff}input:focus{outline:2px solid #15a7ad40;border-color:var(--teal)}.message{min-height:16px;margin:14px 0 0;color:var(--teal);font-size:12px}.preview-panel{padding:30px;overflow:hidden}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.preview-heading h2{margin:5px 0 0;color:var(--navy);font-size:22px}.signature-shell{overflow:auto;padding:24px 20px;border:1px solid var(--line);border-radius:10px;background:#fff}.hint{color:var(--muted);font-size:11px;line-height:1.5}@media(max-width:900px){main{grid-template-columns:1fr}.masthead div{display:none}}@media(max-width:520px){.grid{grid-template-columns:1fr}.preview-heading{align-items:flex-start;gap:16px;flex-direction:column}}