:root{--bg:#141112;--card:#211b1d;--text:#fff8ed;--accent:#f3c73c;--pink:#dc778c}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top,#2d1c21 0,var(--bg) 42%);color:var(--text);font-family:Arial,Helvetica,sans-serif}
.profile{width:min(100%,460px);min-height:100vh;padding:28px 18px 42px}
.profile-image{display:block;width:100%;aspect-ratio:1/1.08;margin-bottom:22px;border-radius:30px;object-fit:cover;background:#211b1d}
h1{margin:0;font-size:2.15rem;font-weight:900;letter-spacing:-.05em}
.username{margin:2px 0 8px;color:var(--accent);font-size:.9rem;font-weight:800}
.bio{margin:0;color:#d5c7c9;font-size:.86rem}
.socials{display:flex;justify-content:center;gap:12px;margin:20px 0 28px}
.socials a{display:grid;place-items:center;width:48px;height:48px;background:var(--text);color:var(--bg);border-radius:50%;font-size:1.28rem;text-decoration:none;transition:.2s}
.socials a:hover{background:var(--accent);transform:translateY(-3px)}
.featured{display:grid;gap:14px}
.featured-card{position:relative;display:block;overflow:hidden;border-radius:24px;background:var(--card);color:var(--text);text-decoration:none;box-shadow:0 12px 30px #0005;transition:.2s}
.featured-card:hover{color:var(--accent);transform:translateY(-3px)}
.card-image{display:block;width:100%;height:210px;object-fit:cover;background:#211b1d}
.featured-card strong{display:block;padding:14px 18px;font-size:.92rem;letter-spacing:.08em}
.contact{margin:28px 0;padding:25px 12px;border-block:1px solid #56474a}
.contact p{margin:0 0 5px;color:#a9969a;font-size:.65rem;font-weight:800;letter-spacing:.18em}
.contact a{color:var(--accent);font-size:.93rem;font-weight:900;text-decoration:none}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gallery img{display:block;width:100%;aspect-ratio:1/1.18;border-radius:16px;object-fit:cover;background:#211b1d}
footer{padding-top:30px;color:#786b6e;font-size:.65rem;letter-spacing:.12em}
@media(min-width:700px){.profile{width:min(100%,520px);padding-top:32px}.card-image{height:245px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


.socials svg {
  width: 1.28rem;
  height: 1.28rem;
}