*{box-sizing:border-box}body{margin:0;background:#f3f8f6;color:#193c32;font-family:system-ui,sans-serif;font-size:18px;line-height:1.7}main{max-width:880px;margin:auto;padding:24px 16px 60px}header,.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}h1{font-size:28px;margin:0}h2{font-size:24px}header p{margin:0}a{color:#245c4a}section{background:white;border:1px solid #b7cec5;border-radius:12px;padding:24px;margin-top:24px;box-shadow:0 3px 12px #1232}label{display:block;margin:16px 0}input,textarea{display:block;width:100%;font:inherit;color:#183b31;background:white;border:1px solid #66897b;border-radius:6px;padding:10px;margin-top:6px}button{font:inherit;cursor:pointer;background:#245c4a;color:white;border:0;border-radius:6px;padding:12px 20px;min-height:48px}.secondary{background:#eef5f2;color:#245c4a}fieldset{border:1px solid #b7cec5;border-radius:8px;padding:16px;margin:24px 0}legend{font-weight:bold}nav{display:flex;gap:12px;flex-wrap:wrap}nav a{padding:8px;border:1px solid #b7cec5;border-radius:6px;text-decoration:none}.alert{background:#e5f6e9;border:1px solid #245c4a;padding:16px;border-radius:6px}.error{background:#fff0f0;color:#7f2424;border-color:#ac3434}input:focus,textarea:focus,button:focus,a:focus{outline:3px solid #e6b85c;outline-offset:2px}@media(max-width:550px){section{padding:16px}h1{font-size:24px}fieldset{padding:12px}}