*{box-sizing:border-box}
:root{--page-bg:#f4f7fb;--card-bg:#fff;--main-text:#172033;--muted-text:#748096;--button-bg:#fff;--button-text:#273449;--line:#e5eaf2;--accent:#5b6df5}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#fff 0,var(--page-bg) 55%);color:var(--main-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.page{width:min(100% - 32px,460px);margin:0 auto;padding:55px 0 22px}
.profile-card{position:relative;overflow:hidden;padding:0 26px 28px;text-align:center;background:var(--card-bg);border:1px solid var(--line);border-radius:25px;box-shadow:0 18px 55px rgba(38,55,88,.09)}
.top-accent{height:8px;margin:0 -26px 27px;background:linear-gradient(90deg,var(--accent),#8bc8ff)}
.avatar{display:block;width:112px;height:112px;margin:0 auto 16px;border-radius:50%;object-fit:cover;border:5px solid var(--card-bg);outline:1px solid var(--line);background:#edf1f7}
h1{margin:0;font-size:27px;line-height:1.25;font-weight:800;overflow-wrap:anywhere}
.username{margin:7px 0 0;color:var(--accent);font-size:13px;font-weight:650}
.bio{margin:13px auto 25px;max-width:350px;color:var(--muted-text);font-size:14px;line-height:1.65}
.links{display:grid;gap:11px}
.social-link{min-height:55px;display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--button-bg);color:var(--button-text);text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 3px 10px rgba(30,45,70,.035);transition:transform .18s,border-color .18s,box-shadow .18s}
.social-link:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 20px rgba(50,70,120,.09)}
.social-link svg{width:23px;height:23px;flex:0 0 23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social-link span{flex:1;text-align:left}.social-link b{font-size:17px;color:var(--muted-text)}
footer{text-align:center;padding:23px 8px;color:var(--muted-text);font-size:12px}
@media(max-width:420px){.page{padding-top:30px}.profile-card{padding-left:19px;padding-right:19px}.top-accent{margin-left:-19px;margin-right:-19px}}