:root {
  --bg:#191919; --panel:#202020; --panel-2:#242424; --line:rgba(255,255,255,.1);
  --text:#e8e7e4; --muted:rgba(232,231,228,.66); --soft:rgba(232,231,228,.45);
  --mint:#58d6c1; --blue:#6cb6ff; --gold:#f5c16c;
}
* { box-sizing:border-box; }
html { min-height:100%; background:var(--bg); }
body {
  min-height:100vh; margin:0; padding:28px 16px; color:var(--text);
  font-family:Manrope,system-ui,sans-serif;
  background:radial-gradient(circle at 20% 0,rgba(88,214,193,.1),transparent 30%),radial-gradient(circle at 90% 15%,rgba(108,182,255,.08),transparent 28%),var(--bg);
}
a { color:inherit; text-decoration:none; }
.bio-shell { width:min(100%,540px); margin:auto; }
.bio-card {
  position:relative; overflow:hidden; border:1px solid var(--line); border-radius:28px;
  background:var(--panel); padding:34px 26px 26px; box-shadow:0 28px 80px rgba(0,0,0,.25);
}
.bio-card::before { position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,var(--mint),var(--blue)); content:""; }
.share-button {
  position:absolute; z-index:2; right:18px; top:18px; width:42px; height:42px;
  border:1px solid var(--line); border-radius:12px; background:var(--panel-2); color:var(--text);
  font:700 1.1rem Manrope; cursor:pointer;
}
.bio-profile { text-align:center; }
.bio-photo {
  position:relative; width:132px; height:132px; margin:0 auto 18px; border:4px solid #30302f;
  border-radius:50%; background:#f3f1ec; box-shadow:0 0 0 7px rgba(88,214,193,.08); overflow:visible;
}
.bio-photo img { width:100%; height:100%; border-radius:50%; object-fit:cover; object-position:center 22%; }
.bio-photo img.is-logo { padding:17px; object-fit:contain; }
.bio-photo span { position:absolute; right:4px; bottom:7px; width:23px; height:23px; border:5px solid var(--panel); border-radius:50%; background:#51d982; box-shadow:0 0 14px rgba(81,217,130,.6); }
.bio-location { color:var(--mint); font-size:.7rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.bio-profile h1 { margin:9px 0 0; font:800 clamp(2.25rem,9vw,3rem)/1 Outfit,sans-serif; letter-spacing:-.045em; }
.bio-profile h2 { margin:7px 0 0; color:var(--gold); font-size:1rem; }
.bio-profile > p { max-width:430px; margin:14px auto 0; color:var(--muted); font-size:.91rem; line-height:1.65; }
.bio-badges { display:flex; justify-content:center; flex-wrap:wrap; gap:7px; margin-top:18px; }
.bio-badges span { border:1px solid var(--line); border-radius:999px; background:#252525; padding:7px 11px; color:#cbc9c4; font-size:.7rem; font-weight:700; }
.bio-offer { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:12px; margin:22px 0 14px; border:1px solid rgba(245,193,108,.23); border-radius:14px; background:rgba(245,193,108,.06); padding:12px 14px; }
.bio-offer b { color:var(--gold); font-size:.8rem; }
.bio-offer span { color:var(--muted); font-size:.72rem; text-align:right; }
.bio-links { display:grid; gap:10px; }
.bio-link { min-height:68px; display:grid; grid-template-columns:46px minmax(0,1fr) 24px; align-items:center; gap:13px; border:1px solid var(--line); border-radius:16px; background:#242424; padding:10px 14px 10px 10px; transition:.18s ease; }
.bio-link:hover { border-color:rgba(88,214,193,.4); transform:translateY(-1px); }
.bio-link i { width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(108,182,255,.28); border-radius:12px; background:rgba(108,182,255,.08); color:var(--blue); font-style:normal; font-size:.78rem; font-weight:850; }
.bio-link.is-primary i { border-color:rgba(88,214,193,.35); background:rgba(88,214,193,.12); color:var(--mint); }
.bio-link span { min-width:0; }
.bio-link b, .bio-link small { display:block; }
.bio-link b { font-size:.88rem; }
.bio-link small { overflow:hidden; margin-top:3px; color:var(--soft); font-size:.7rem; text-overflow:ellipsis; white-space:nowrap; }
.bio-link em { color:var(--soft); font-style:normal; font-size:1.15rem; }
.bio-shell footer { padding:18px 0 0; color:var(--soft); font-size:.7rem; text-align:center; }
.bio-toast { position:fixed; left:50%; bottom:22px; border:1px solid rgba(88,214,193,.3); border-radius:999px; background:#1f2927; padding:10px 15px; color:#d8fff8; font-size:.78rem; opacity:0; transform:translate(-50%,15px); transition:.2s; pointer-events:none; }
.bio-toast.show { opacity:1; transform:translate(-50%,0); }
@media (max-width:480px) {
  body { padding:12px 9px; }
  .bio-card { border-radius:22px; padding:29px 14px 20px; }
  .bio-photo { width:116px; height:116px; }
  .bio-offer { grid-template-columns:1fr; gap:4px; text-align:center; }
  .bio-offer span { text-align:center; }
  .share-button { right:13px; top:13px; }
  .bio-link { grid-template-columns:44px minmax(0,1fr) 20px; padding-right:11px; }
  .bio-link i { width:44px; height:44px; }
}
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }