:root{
  --bg: #0f1724;
  --card: #0b1220;
  --muted: #94a3b8;
  --accent: #6ee7b7;
  --glass: rgba(255,255,255,0.04);
  --glass-2: rgba(255,255,255,0.02);
  --radius: 14px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:linear-gradient(180deg,#071029 0%,#051223 100%);color:#e6eef8;
  display:flex;align-items:center;justify-content:center;padding:36px;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.container{
  width:100%;max-width:820px;padding:28px;border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));
  box-shadow:0 6px 30px rgba(2,6,23,.7);backdrop-filter:blur(8px);
}
.profile{text-align:center;margin-bottom:18px}
.avatar{width:112px;height:112px;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.06);box-shadow:0 6px 18px rgba(2,6,23,.6)}
.name{margin:10px 0 0;font-size:22px}
.handle{margin:6px 0;color:var(--muted);font-size:13px}
.bio{margin:6px 0 18px;color:var(--muted);font-size:14px}
.links{display:grid;gap:12px;grid-auto-rows:minmax(48px,auto);max-width:520px;margin:0 auto}
.btn{display:flex;align-items:center;gap:12px;text-decoration:none;padding:12px 16px;border-radius:12px;
  background:linear-gradient(180deg,var(--glass),var(--glass-2));border:1px solid rgba(255,255,255,.03);color:inherit;
  transition:transform .12s ease, box-shadow .12s ease, background .12s;}
.btn:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(2,6,23,.5)}
.icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.03);flex:0 0 36px}
.label{font-weight:600}
.footer{text-align:center;margin-top:16px;color:var(--muted);font-size:13px}
@media (max-width:520px){body{padding:20px}.container{padding:20px}.avatar{width:96px;height:96px}}
a{color:#9ee6ff}