:root{
  --max-width:1000px;
  --brand:#b91c1c;
  --bg:#ffffff;
  --text:#0f172a;
  --muted:#6b7280;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;color:var(--text);background:var(--bg);line-height:1.5}
.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:1rem}
.site-header{border-bottom:1px solid #eee;padding:.6rem 0}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit}
.logo{height:36px}
.profile-inner{display:flex;gap:1.25rem;align-items:flex-start;padding:2rem 0}
.profile-media img{width:260px;height:auto;border-radius:8px;border:1px solid #eee}
.profile-content{flex:1}
h1{margin:0 0 .4rem;font-size:1.8rem}
.tagline{color:var(--muted);margin:0 0 1rem}
h2{margin-top:1.1rem}
.btn{display:inline-block;padding:.5rem .8rem;border-radius:8px;background:var(--brand);color:white;text-decoration:none}
.site-footer{border-top:1px solid #eee;padding:1rem 0;margin-top:2rem}
@media (max-width:800px){
  .profile-inner{flex-direction:column}
  .profile-media img{width:100%}
}