:root{--bg: #f1f2f4;--text: #111214;--muted: #6b7280;--line: #ececef;--tint: #f5f5f6;--ease: cubic-bezier(.3, .7, .2, 1)}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}main{min-height:100%;display:grid;place-items:center;padding:24px;perspective:1200px}.tilt{--rx: 0deg;--ry: 0deg;width:min(340px,100%);aspect-ratio:340 / 500;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out;transform-style:preserve-3d}.card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s var(--ease)}.card.flipped{transform:rotateY(180deg)}.face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:8px;background:#fff;border-radius:32px;box-shadow:0 1px 2px #1112140d,0 28px 48px -18px #1e293b38;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.back{transform:rotateY(180deg);visibility:hidden;transition:visibility 0s .35s}.front{transition:visibility 0s .35s}.flipped .front{visibility:hidden}.flipped .back{visibility:visible;transition-delay:0s}.banner{position:relative;height:150px;flex:none;border-radius:24px;background:radial-gradient(ellipse 38% 46% at 34% 42%,rgba(255,255,255,.95),transparent 72%),radial-gradient(ellipse 30% 36% at 62% 28%,rgba(255,255,255,.9),transparent 72%),radial-gradient(ellipse 34% 30% at 58% 68%,rgba(255,255,255,.7),transparent 72%),linear-gradient(#a9c1d9,#d6e2ee)}.banner.short{height:96px}.pill{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffffd9;border:none;border-radius:999px;box-shadow:0 4px 14px #11121414;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.pill:hover{background:#fff}.ident-row{position:relative;display:flex;align-items:flex-end;gap:14px;margin:-46px 0 0 14px}.avatar{width:96px;height:96px;flex:none;border:4px solid #fff;border-radius:50%;overflow:hidden;background:#fff}.avatar svg{display:block;width:100%;height:100%}.exp{display:flex;align-items:center;gap:10px;padding-bottom:8px;color:var(--muted);font-size:13px}.exp i{width:110px;height:10px;background:linear-gradient(90deg,#8b5cf6,#22c1a4 35%,#f5c542 62%,#e5e7eb 62%);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 6px);mask-image:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 6px)}.identity{padding:16px 16px 0}h1{font-size:28px;font-weight:500;letter-spacing:-.02em;line-height:1.1}.bio{margin-top:10px;color:var(--muted);font-size:14.5px;line-height:1.55}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:auto -8px 0;border-top:1px solid var(--line)}.stat{padding:14px 0;text-align:center}.stat+.stat{border-left:1px solid var(--line)}.stat strong{display:block;font-size:19px;font-weight:500}.stat span{color:var(--muted);font-size:13px}.socials{display:grid;grid-template-columns:repeat(4,1fr);margin:0 -8px -8px;padding:0;list-style:none;background:var(--tint);border-top:1px solid var(--line)}.socials a{display:grid;place-items:center;padding:16px 0;color:var(--text);transition:color .2s}.socials a:hover{color:var(--muted)}.content{display:flex;flex-direction:column;gap:18px;padding:18px 16px}h2{margin-bottom:10px;color:var(--muted);font-size:14px;font-weight:500}ul{padding:0;list-style:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips li{padding:6px 13px;background:var(--tint);border-radius:999px;font-size:13.5px}.focus li{padding:9px 0;border-top:1px solid var(--line)}.focus li:first-child{padding-top:0;border-top:none}.focus strong{display:block;font-size:15px;font-weight:500}.focus span{color:var(--muted);font-size:13.5px}a:focus-visible,button:focus-visible{outline:2px solid var(--text);outline-offset:3px}@media (prefers-reduced-motion: reduce){.tilt,.card{transition:none}}