.tpm-avatar-wrap{z-index:10;justify-content:center;align-items:center;width:280px;height:280px;margin:0 auto;display:flex;position:relative}.avatar-ring{width:280px;height:280px;position:relative}.avatar-ring-svg{width:100%;height:100%;animation:30s linear infinite spin;position:absolute;top:0;left:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-inner{background:var(--surface2);border:3px solid var(--accent);border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 40px #3affc833}.tpm-avatar-wrap:hover .avatar-inner{transform:translate(-50%,-50%)scale(1.05);box-shadow:0 0 60px #3affc866}.avatar-badge{background:var(--surface3);border:1px solid var(--border);font-family:var(--mono);color:var(--text2);white-space:nowrap;border-radius:20px;padding:8px 14px;font-size:12px;animation:4s ease-in-out infinite float;position:absolute;bottom:10px;right:-10px;box-shadow:0 4px 12px #0006}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tpm-avatar{background-image:url(/assets/images/avatars-4.png);background-position:0 0;background-repeat:no-repeat;background-size:200% 200%;width:100%;height:100%;transition:background-position .2s ease-in-out}.pose-index{background-position:0 0}.pose-about{background-position:100% 0}.pose-casestudies{background-position:0 100%}.pose-contact{background-position:100% 100%}