:root{color-scheme:dark;--background:#0a0b0d;--text:#f4f5f7;--muted:#8b909a;--blue:#4aa8f0}
*{box-sizing:border-box}
html{min-height:100%;background:var(--background)}
body{margin:0;padding:20px 16px 32px;background:var(--background);color:var(--text);font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
.page{display:flex;flex-direction:column;gap:14px;width:100%;max-width:440px;margin:0 auto}
.hero{position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:28px 28px 0 0;mask-image:linear-gradient(#000 0%,#000 50%,rgba(0,0,0,.75) 66%,rgba(0,0,0,.35) 82%,transparent 100%)}
.hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(to top,rgba(10,11,13,.85),rgba(10,11,13,0));pointer-events:none}
.identity{text-align:center;padding:6px 0 4px}
.name{display:inline-flex;align-items:center;gap:8px;font-size:32px;line-height:1.1;font-weight:800;letter-spacing:-.7px;margin:0}
.verified{width:24px;height:24px;flex:none}
.meta{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 0;font-weight:500;font-size:16px;color:var(--muted)}
.separator{width:1px;height:14px;background:#23262d}
.status{display:flex;align-items:center;gap:7px}
.dot{width:9px;height:9px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 4px rgba(61,220,151,.18);animation:pulse 2s ease-in-out infinite}
.teaser{position:relative;display:block;aspect-ratio:4/3.3;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#1d2431,#10131a);color:var(--text);text-decoration:none;isolation:isolate;transition:transform .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}
.teaser img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.teaser::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,11,13,.8) 0%,rgba(10,11,13,0) 45%);pointer-events:none}
.lock{position:absolute;top:14px;left:14px;z-index:1;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(255,255,255,.16)}
.lock svg{width:20px;height:20px}
.teaser-label{position:absolute;left:0;right:0;bottom:18px;z-index:1;text-align:center;font-size:23.2px;font-weight:800;line-height:1.35;letter-spacing:-.35px}
.teaser:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
@media(hover:hover){.teaser:hover{transform:translateY(-2px);border-color:rgba(74,168,240,.5)}}
.teaser:active{transform:scale(.985)}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(61,220,151,.18)}50%{box-shadow:0 0 0 6px rgba(61,220,151,.1)}}
@media(max-width:360px){.name{font-size:30px}.meta{font-size:14px;gap:8px}.teaser-label{font-size:21px}}
@media(prefers-reduced-motion:reduce){.dot{animation:none}.teaser{transition:none}}