*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#000}

.page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 32px;background:var(--bg,#0f172a);color:var(--text,#f8fafc);font-family:var(--font,system-ui,sans-serif);overflow:hidden;line-height:1.45}
.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.card{position:relative;z-index:1;width:100%;max-width:460px;text-align:center}

.avatar{display:block;width:104px;height:104px;margin:0 auto 16px;object-fit:cover}
.avatar-circle{border-radius:50%}
.avatar-rounded{border-radius:26px}
.avatar-square{border-radius:0}
.avatar.glow{box-shadow:0 0 0 2px var(--accent),0 0 28px var(--accent)}
.avatar-fallback{display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:700;background:var(--accent);color:var(--on-accent,#fff)}

.title{margin:0 0 6px;font-size:28px;line-height:1.2;overflow-wrap:anywhere}
.title-glow{text-shadow:0 0 12px var(--accent),0 0 30px var(--accent)}
.title-typing::after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.12em;background:var(--accent);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.bio{margin:0 0 26px;opacity:.88;white-space:pre-line;overflow-wrap:anywhere}

.links{display:flex;flex-direction:column;gap:12px}
.btn{display:flex;align-items:center;gap:14px;text-align:left;padding:10px 14px;border-radius:var(--radius,14px);color:var(--text);font-weight:600;text-decoration:none;overflow-wrap:anywhere;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn .ico{flex:none;width:44px;height:44px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.1)}
.btn .ico img{display:block;width:100%;height:100%}
.btn .lt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.btn .lt b{font-weight:700}
.btn .lt small{font-weight:500;font-size:.82em;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn .go{flex:none;width:18px;height:18px;opacity:.6;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.btn-solid{background:var(--accent);color:var(--on-accent,#fff)}
.btn-outline{border:2px solid var(--accent)}
.btn-outline:hover{background:var(--accent);color:var(--on-accent,#fff)}
.btn-glass{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.btn-glass:hover{background:rgba(255,255,255,.2)}
.btn-neon{border:2px solid var(--accent);box-shadow:0 0 10px var(--accent),inset 0 0 10px var(--accent)}
.btn-neon:hover{box-shadow:0 0 18px var(--accent),inset 0 0 14px var(--accent)}

.foot{position:relative;z-index:1;margin-top:34px;font-size:13px;opacity:.7}
.foot a{color:inherit}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* Selo de verificado (Premium) */
.name-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 6px}
.name-row .title{margin:0}
.verified{width:24px;height:24px;flex:none}