:root{--green:#263b18;--olive:#59652b;--cream:#f5efdf;--rust:#a43d22;--gold:#b9934a;--ink:#182013}
*{box-sizing:border-box} body{margin:0;background:#e9e3d5;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.wrap{max-width:560px;margin:0 auto;min-height:100vh;background:var(--cream);box-shadow:0 0 40px #0002}
.hero{text-align:center;padding:34px 24px 24px;background:linear-gradient(#faf6e9,#f5efdf)}
.logo{width:230px;max-width:72%;border-radius:18px}
.tag{font-family:Georgia,serif;letter-spacing:2px;color:var(--green);margin:10px 0 0;font-size:14px}
.profile{background:var(--green);color:white;padding:28px 22px;text-align:center}
.profile h1{font-family:Georgia,serif;font-size:34px;margin:0}.role{color:#d6b268;letter-spacing:4px;margin:6px 0 22px}
.contact{display:grid;gap:10px;margin:0 auto 20px;max-width:430px;text-align:left}
.contact a{color:white;text-decoration:none;padding:5px 0}
.buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px;border-radius:12px;text-decoration:none;font-weight:700;border:1px solid #ffffff35}
.primary{background:#74803c;color:white}.light{background:var(--cream);color:var(--green)}
.mission{padding:30px 28px;text-align:center}.mission h2{font-family:Georgia,serif;color:var(--green);letter-spacing:2px}
.mission p{line-height:1.65;font-size:17px}
.footer{text-align:center;padding:22px;background:var(--green);color:#eee;letter-spacing:2px;font-size:12px}
.small{font-size:13px;opacity:.85}