/* Link in bio · Ember */
html:has(.bio-body){overflow-x:hidden}
.bio-body{min-height:100vh;display:flex;justify-content:center;overflow-x:hidden}
.bio{position:relative;z-index:1;width:100%;max-width:480px;padding:0 0 48px}
.bio-hero{position:relative;height:300px;overflow:hidden}
.bio-hero img{width:100%;height:100%;object-fit:cover;object-position:38% 30%;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
.bio-top{position:absolute;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;align-items:center;z-index:2}
.bio-top .logo{font-size:20px}
.bio-avatar{position:relative;z-index:2;width:104px;height:104px;margin:-62px auto 0;border-radius:50%;overflow:hidden;border:3px solid var(--bg);box-shadow:0 0 0 2px var(--accent),0 20px 40px -12px rgba(229,35,27,.6);transition:border-color .6s ease}
.bio-avatar img{width:100%;height:100%;object-fit:cover}
.bio-name{margin:16px 0 0;text-align:center;font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:-.04em}
.bio-name .deg{color:var(--accent);font-size:.6em;vertical-align:top}
.bio-sub{margin:6px 0 0;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--muted)}
.bio-links{margin:28px 18px 0;display:flex;flex-direction:column;gap:10px}
.bio-link{display:flex;align-items:center;gap:14px;min-height:58px;padding:0 16px 0 10px;border-radius:18px;background:var(--amb-bg);border:1px solid var(--amb-border);color:var(--ink);text-decoration:none;font-weight:500;font-size:15px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .25s ease,border-color .25s ease,background-color .6s ease;animation:up .6s ease both}
.bio-link:hover{transform:translateY(-2px);border-color:rgba(229,35,27,.5);opacity:1}
.bio-link .ic{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bio-link .tx{flex:1}
.bio-link .ar{opacity:.6}
.bio-link.hl{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 16px 40px -14px rgba(229,35,27,.8)}
.bio-link.hl .ic{background:#fff!important}
.bio-link.hl .ic svg{stroke:var(--accent)}
.bio-foot{margin:36px 18px 0;text-align:center;font-family:var(--mono);font-size:11px;color:var(--muted)}
.bio-foot a{color:var(--soft)}
.bio .glow-1{left:-300px;top:200px;width:700px;height:700px}
/* kad promosi */
.bio-card{border-radius:22px;overflow:hidden;background:var(--amb-bg);border:1px solid var(--amb-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:up .6s ease both}
.bc-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#1C0B0A}
.bc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.bio-card:hover .bc-img img{transform:scale(1.04)}
.bc-body{padding:18px 18px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.bc-badge{padding:4px 10px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.bio-card h2,.bio-collab h2{margin:0;font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.bio-card p,.bio-collab p{margin:0;font-size:14px;line-height:1.55;color:var(--soft)}
.bio-card p b{color:var(--ink)}
.bc-btn{margin-top:6px;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:3px 3px 3px 18px;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;font-size:14px;box-shadow:0 12px 30px -14px rgba(229,35,27,.8)}
.bc-btn .dot{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--accent);display:flex;align-items:center;justify-content:center}
/* sosial */
.bio-socials{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;animation:up .6s ease both}
.bs{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 14px;border-radius:16px;background:var(--amb-bg);border:1px solid var(--amb-border);color:var(--ink);text-decoration:none;font-size:14px;font-weight:500}
.bs:hover{border-color:rgba(229,35,27,.5)}
.bs svg{color:var(--accent-text);flex-shrink:0}
/* collab */
.bio-collab{position:relative;overflow:hidden;padding:24px 20px;border-radius:22px;background:#1C0B0A;border:1px solid rgba(255,96,64,.32);display:flex;flex-direction:column;align-items:flex-start;gap:8px;animation:up .6s ease both}
.bio-collab::before{content:"";position:absolute;right:-120px;top:-140px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(229,35,27,.5),rgba(229,35,27,0) 65%);pointer-events:none}
.bio-collab h2{color:#fff;position:relative}
.bio-collab p{color:#E6D6D3;position:relative}
.bio-collab .bc-btn{position:relative}
.bio-links{gap:12px}