:root{--ink:#263238;--muted:#667085;--primary:#6c63ff;--soft:#eeeefe;--border:#e7e9ee}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.7;background:linear-gradient(135deg,#f7f7ff,#fff9f5,#f4fbff)}
.page{max-width:920px;margin:auto;padding:28px 18px 60px}
.toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:18px}
button{border:0;border-radius:12px;padding:10px 15px;font-weight:700;cursor:pointer}
.print{background:var(--primary);color:#fff}.date{background:#fff;border:1px solid var(--border)}
.hero,.section{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 10px 28px rgba(45,48,80,.08)}
.hero{padding:34px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-70px;background:var(--soft);border-radius:50%}
.eyebrow{color:var(--primary);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
h1{margin:7px 0 2px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.15}.subtitle,.small{color:var(--muted)}
.recipient{display:inline-block;margin-top:20px;background:var(--soft);padding:8px 14px;border-radius:12px;font-weight:700}
.section{padding:26px;margin-top:20px}.section h2{margin:0 0 15px;font-size:1.28rem}
.highlight{background:linear-gradient(90deg,#fff8d9,#fff);border-left:5px solid #f1c84b;border-radius:14px;padding:17px 19px;margin:18px 0}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.item{padding:17px;border-radius:16px;border:1px solid var(--border)}.item strong{display:block;margin-bottom:4px}
.item:nth-child(1){background:#eaf5ff}.item:nth-child(2){background:#ffe9f0}.item:nth-child(3){background:#e8f7ee}.item:nth-child(4){background:#f3efff}.item:nth-child(5){background:#fff7e9;grid-column:1/-1}
.targets{display:grid;gap:10px}.target{display:flex;gap:11px;background:#fafafa;border:1px solid var(--border);border-radius:14px;padding:12px 15px}
blockquote{margin:18px 0 0;padding:18px 20px;background:#f7f7ff;border-left:4px solid var(--primary);border-radius:14px;font-weight:600}
.closing{text-align:center;background:linear-gradient(135deg,#f4f2ff,#fff)}.signature{margin-top:22px;font-weight:800}
@media(max-width:650px){.page{padding:14px 12px 40px}.hero,.section{padding:21px;border-radius:19px}.grid{grid-template-columns:1fr}.item:nth-child(5){grid-column:auto}}
@media print{body{background:#fff}.toolbar{display:none}.page{max-width:none;padding:0}.hero,.section{box-shadow:none;break-inside:avoid}.section{margin-top:12px}}