@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#252723;background:#f8f5ef}*{box-sizing:border-box}body{margin:0}.app{max-width:1320px;margin:auto;padding:0 38px}header{height:93px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d7d0}.brand{display:flex;gap:12px;align-items:center}.mark{width:41px;height:41px;border-radius:12px;background:#244a38;color:#fff;display:grid;place-content:center;font:29px 'DM Serif Display',serif;letter-spacing:-5px;padding-right:5px}.mark span{color:#ffba75}.brand strong{font-size:16px;display:block;letter-spacing:-.5px}.brand small{display:block;font-size:9px;color:#788077;letter-spacing:1.2px;margin-top:4px}.badge{font-size:10px;font-weight:700;letter-spacing:1px;color:#6e765f;border:1px solid #c7d0ba;background:#eef2e8;padding:8px 10px;border-radius:100px}.intro{padding:60px 0 43px}.eyebrow{color:#9a692f;font-weight:700;font-size:10px;letter-spacing:2px}.intro h1{font:clamp(48px,6vw,82px)/.99 'DM Serif Display',Georgia,serif;letter-spacing:-2.6px;margin:16px 0 20px}.intro em{font-weight:400;color:#557451}.intro p{color:#686c63;font-size:15px;max-width:520px;line-height:1.65}.columns{display:grid;grid-template-columns:1fr 1.05fr;gap:18px;align-items:start}.panel{background:#fffdfa;border:1px solid #e3e0d8;border-radius:17px;box-shadow:0 13px 40px #25272308;padding:29px}.section-heading{display:flex;gap:15px;align-items:center;margin-bottom:30px}.step{height:40px;width:40px;border-radius:10px;background:#edf0e9;color:#436246;display:grid;place-items:center;font:16px 'DM Serif Display',serif}.section-heading h2{font:25px 'DM Serif Display',Georgia,serif;margin:0}.section-heading p{font-size:12px;color:#8b8e87;margin:5px 0 0}label{font-weight:700;font-size:11px;letter-spacing:.1px;display:block;margin-bottom:11px}textarea,input{font:13px/1.6 'DM Sans',sans-serif;border:1px solid #d9ddd4;background:#fff;border-radius:9px;outline:none;color:#292d28}textarea:focus,input:focus{border-color:#47785a;box-shadow:0 0 0 3px #47785a22}textarea{width:100%;height:300px;resize:vertical;padding:15px 17px}textarea::placeholder,input::placeholder{color:#a4a7a0}.row{display:flex;align-items:center;gap:18px;margin-top:18px}.primary{background:#244a38;border:0;color:#fff;padding:13px 18px;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer}.primary span{font-size:17px;margin-left:10px}.primary:hover{background:#32634a}.textbtn{border:0;background:none;color:#446149;font-weight:700;font-size:12px;cursor:pointer}.fine{color:#999e94;font-size:11px;margin:17px 0 0}.notice{background:#fff5e8;border:1px solid #f3dfc5;border-radius:10px;display:flex;gap:11px;padding:11px 14px;margin:-6px 0 18px}.notice span{color:#ab7436;font-size:17px}.notice p{margin:0;color:#8b673d;font-size:11px;line-height:1.55}ol{margin:0;padding:0;list-style:none}.item{border-bottom:1px solid #ededeb;padding:13px 0}.item-top{display:flex;align-items:center;gap:9px}.item input{flex:1;min-width:0;padding:7px 9px}.item .delete{border:0;background:none;color:#a7aaa3;font-size:19px;cursor:pointer}.item .delete:hover{color:#b64d3c}.item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.item-bottom span{font-size:10px;color:#9a9d98}.item-bottom a{font-size:11px;text-decoration:none;color:#315e41;font-weight:700}.item-bottom a:hover{text-decoration:underline}.add{margin-top:23px}.inline{display:flex;gap:7px}.inline input{width:100%;padding:8px 11px}.inline button{width:37px;background:#e9f0e9;border:0;border-radius:8px;color:#315e41;font-size:22px;cursor:pointer}.empty{text-align:center;color:#a0a39c;font-size:13px;line-height:1.6;padding:46px 20px 25px}footer{display:flex;justify-content:space-between;gap:20px;padding:31px 0 40px;color:#a2a49e;font-size:10px}@media(max-width:780px){.app{padding:0 17px}header{height:76px}.intro{padding:39px 4px 30px}.intro h1{font-size:51px;letter-spacing:-1.3px}.columns{grid-template-columns:1fr}.panel{padding:20px}.badge{font-size:8px}.row{gap:10px}footer{display:block;line-height:2}}
.item .check{width:18px;height:18px;flex:none;accent-color:#315e41}.item-top input[type=text]{flex:1}.item:has(.check:checked) .item-top input[type=text]{color:#7d857b;text-decoration:line-through}.item-bottom{gap:10px}.item-bottom a{white-space:nowrap}@media(max-width:420px){.item-bottom span{font-size:9px}.item-bottom a{font-size:10px}}