:root{--navy:#0d2036;--green:#12b76a;--bg:#f5f8fb}*{box-sizing:border-box}body{margin:0;font:16px system-ui,Arial;color:var(--navy);background:var(--bg)}header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:18px max(5%,calc((100% - 1150px)/2));border-bottom:1px solid #e5eaf0;gap:15px}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#087a49;text-decoration:none}.brand{font-weight:850;font-size:25px;color:var(--navy)}.badge{display:inline-grid;place-items:center;border:3px solid var(--green);border-radius:14px;width:40px;height:40px;color:var(--navy)}.green{color:var(--green)}main{max-width:1150px;margin:42px auto;padding:0 20px;min-height:65vh}.hero{padding:75px 30px;text-align:center;background:linear-gradient(130deg,#10243e,#174c50);color:white;border-radius:24px}.hero h1{font-size:clamp(32px,5vw,58px);margin:0 0 15px}.hero p{font-size:19px;color:#d9eee7}.button,button{display:inline-block;border:0;border-radius:10px;background:var(--green);color:#052419;padding:12px 20px;font-weight:750;cursor:pointer}.button.secondary{background:#fff;color:var(--navy)}.card{background:white;border:1px solid #e4eaf0;border-radius:17px;padding:25px;box-shadow:0 8px 24px #10243e0a;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:25px}form{max-width:640px}label{display:block;font-weight:650;margin:14px 0 5px}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd5df;border-radius:9px;font:inherit}textarea{min-height:170px}.error{background:#fff0f0;color:#a21b1b;padding:12px;border-radius:8px}.success{background:#e6f8ef;color:#116039;padding:12px;border-radius:8px}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #e4eaf0}footer{text-align:center;padding:28px;color:#667085}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preview{background:#e4f0e8;padding:25px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:720px){.split{grid-template-columns:1fr}header{padding:15px;flex-wrap:wrap}main{margin:22px auto}.hero{padding:48px 18px}}

/* Serve20 legal footer */
.site-footer nav{display:flex;flex-wrap:wrap;gap:12px 18px;justify-content:center;margin-bottom:14px}.site-footer a{color:#087b57;text-decoration:underline;text-underline-offset:3px}.site-footer p{margin:0}