:root{
  --ink: #040503;
  --ink-soft: #4a4038;
  --frame: #b18742;
  --frame-deep: #8c6a30;
  --frame-light: #c9a367;
  --bg: #e0cdbc;
  --bg-deep: #d2bca4;
  --paper: #f3e9db;
  --dark: #241a10;
  --font-body: 'Inter', sans-serif;
  --font-display: 'Poppins', sans-serif;
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  font-family:var(--font-body);
  color:var(--ink);
  min-height:100vh;
  background:
    radial-gradient(circle at 50% 0%, var(--bg) 0%, var(--bg-deep) 100%);
  -webkit-font-smoothing:antialiased;
  display:flex;
  justify-content:center;
}
.wrap{
  width:100%;
  max-width:440px;
  padding:16px 26px 40px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.avatar-frame{
  width:200px; height:200px; border-radius:50%;
  padding:6px;
  background:var(--paper);
  border:2px solid var(--frame);
  box-shadow:0 18px 34px -16px rgba(36,26,16,0.35);
}
.avatar-frame img{
  width:100%; height:100%; border-radius:50%; object-fit:cover; display:block;
}

h1{
  font-family:var(--font-display); font-weight:700; font-size:26px;
  color:var(--ink); margin-top:22px; letter-spacing:0.2px;
}
.role{
  font-family:var(--font-body); font-weight:500; font-size:14px;
  color:var(--frame-deep); margin-top:10px; letter-spacing:0.3px;
  max-width:320px;
}
.tagline{
  font-family:var(--font-body); font-weight:400; font-style:italic; font-size:13.5px;
  color:var(--ink-soft); margin-top:8px; max-width:290px; line-height:1.5;
}

.links{
  width:100%;
  display:flex; flex-direction:column; gap:14px;
  margin-top:32px;
}
.link-btn{
  display:flex; align-items:center; justify-content:center; gap:12px;
  width:100%; padding:16px 20px;
  border-radius:100px;
  background:var(--paper); border:1.5px solid var(--frame);
  color:var(--ink); text-decoration:none;
  font-family:var(--font-display); font-weight:600; font-size:14.5px;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.link-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 26px -16px rgba(36,26,16,0.35); }
.link-btn span:last-child{ text-align:center; }
.link-icon{ font-size:18px; line-height:1; flex-shrink:0; }

.link-btn-primary{
  background:var(--frame); border-color:var(--frame); color:var(--dark);
  box-shadow:0 16px 30px -14px rgba(36,26,16,0.45);
}
.link-btn-primary:hover{ background:var(--frame-deep); }

.social-row{
  display:flex; gap:18px; margin-top:36px;
}
.social-row a{
  width:42px; height:42px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:1.5px solid var(--frame-deep); color:var(--dark);
  transition:background .18s ease, color .18s ease;
}
.social-row a:hover{ background:var(--frame); }
.social-row svg{ width:19px; height:19px; }
.social-whatsapp{ border-color:#25D366; color:#25D366; }
.social-whatsapp:hover{ background:#25D366; color:#fff; }

.footer-note{
  margin-top:40px; font-size:11.5px; color:var(--ink-soft); opacity:0.75;
}

@media(min-width:480px){
  .avatar-frame{ width:230px; height:230px; }
  h1{ font-size:29px; }
}