* { box-sizing: border-box; }
:root { --green:#3F6E39; --green-dark:#345c2f; --green-light:#edf3ec; --white:#fff; }
html { min-height:100%; }
body { margin:0; min-height:100vh; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; background:var(--green); color:var(--white); }
.page { min-height:100vh; padding:35px 18px 25px; display:flex; justify-content:center; }
.profile { width:100%; max-width:560px; text-align:center; background:#EFD3A7;
  color:white;

  border-radius:30px;
  padding:35px 28px;
} }
.avatar { width:210px; height:px; margin:0 auto 18px; border-radius:50%; padding:4px; background:var(--white); box-shadow:0 8px 25px rgba(0,0,0,.14); display:grid; place-items:center; }
.avatar-placeholder { width:100%; height:100%; border-radius:50%; display:grid; place-items:center; background:var(--green); border:2px solid var(--white); font-size:27px; font-weight:800; letter-spacing:1px; }
h1 { margin:0; font-size:clamp(27px,7vw,38px); line-height:1.15; font-weight:800; letter-spacing:-.6px; }
.intro { margin:13px auto 27px; max-width:450px; font-size:15px; line-height:1.6; opacity:.94; }
.links { display:flex; flex-direction:column; gap:13px; }
.link-button { position:relative; min-height:62px; padding:13px 48px; border-radius:15px; background:var(--white); color:var(--green); display:flex; align-items:center; justify-content:center; gap:12px; font-size:16px; font-weight:750; text-decoration:none; box-shadow:0 8px 22px rgba(0,0,0,.12); transition:.18s ease; }
.link-button:hover { background:var(--green-light); color:var(--green-dark); transform:translateY(-2px); box-shadow:0 11px 26px rgba(0,0,0,.16); }
.link-button:active { transform:translateY(0); }
.icon { position:absolute; left:19px; width:25px; font-size:22px; line-height:1; text-align:center; }
.arrow { position:absolute; right:19px; font-size:28px; line-height:1; font-weight:400; }
.social-line { display:flex; justify-content:center; gap:13px; margin-top:25px; }
.social-line a { width:43px; height:43px; border:2px solid rgba(255,255,255,.95); border-radius:50%; color:var(--white); display:grid; place-items:center; text-decoration:none; font-size:20px; transition:.18s ease; }
.social-line a:hover { background:var(--white); color:var(--green); transform:translateY(-2px); }
.footer { margin:25px 0 0; font-size:11px; opacity:.75; }
.icon img { width: 1.2em; height: 1.2em; object-fit: contain; vertical-align: middle; }
.social-bottom { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 25px; }
.social-bottom a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }
.social-bottom img { width: 24px; height: 24px; object-fit: contain; display: block; }
.avatar { width: 110px; height: 110px; margin: 0 auto 18px; border-radius: 50%; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width:420px) { .page{padding-top:25px;} .avatar{width:94px;height:94px;} .link-button{min-height:58px;font-size:15px;} }