*{box-sizing:border-box}:root{--bg:#050505;--text:#fff;--muted:#96919a;--pink:#ff4da0;--green:#13d765}
html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 18%,rgba(255,77,160,.08),transparent 33rem),var(--bg);color:var(--text);font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
img{display:block;width:100%}.page-shell{width:min(100%,760px);min-height:100vh;margin:0 auto;overflow:hidden;background:var(--bg)}
.hero{position:relative;min-height:675px}.hero-image{width:100%;height:560px;object-fit:cover;object-position:center 42%}
.hero-fade{position:absolute;inset:300px 0 0;background:linear-gradient(to bottom,transparent 0%,rgba(5,5,5,.62) 35%,#050505 63%,#050505 100%);pointer-events:none}
.profile{position:absolute;inset:auto 24px 18px;z-index:2;text-align:center}.name-row{display:flex;justify-content:center;align-items:center;gap:12px}
h1{margin:0;font-size:clamp(2.2rem,8vw,3.4rem);letter-spacing:-.055em;line-height:1}
.verified{display:grid;place-items:center;width:32px;height:32px;border:3px solid var(--pink);border-radius:50%;color:var(--pink);font-size:18px;font-weight:800;transform:rotate(-8deg)}
.online-badge{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:7px 14px;border:1px solid rgba(19,215,101,.38);border-radius:999px;background:rgba(19,215,101,.1);color:var(--green);font-size:.82rem;font-weight:700;letter-spacing:.08em}
.online-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.location{margin:18px 0 0;color:var(--pink);font-size:1.28rem;font-weight:650}.tagline{margin:9px 0 0;color:var(--muted);font-size:1.12rem}
.content{padding:0 24px 28px}.feature-card,.social-card{position:relative;display:block;text-decoration:none;transition:transform 180ms ease,box-shadow 180ms ease}
.feature-card{overflow:hidden;border:2px solid var(--pink);border-radius:22px;background:#0a0a0a;box-shadow:0 0 14px rgba(255,77,160,.58),0 0 36px rgba(255,77,160,.18);aspect-ratio:3/2}
.feature-card:hover{transform:translateY(-3px);box-shadow:0 0 18px rgba(255,77,160,.75),0 0 46px rgba(255,77,160,.28)}
.feature-card:focus-visible,.social-card:focus-visible{outline:3px solid #fff;outline-offset:4px}
.feature-card img{width:100%;height:100%;object-fit:cover;object-position:center}.card-shade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 55%,rgba(0,0,0,.48));pointer-events:none}
.feature-text{position:absolute;left:18px;right:18px;bottom:24px;text-align:center;color:#fff;font-size:clamp(1.55rem,5.5vw,2.25rem);font-weight:800;letter-spacing:-.04em;text-shadow:0 2px 14px #000}
.social-card{margin-top:34px}.social-card:hover{transform:translateY(-3px)}.social-card img{width:100%;height:auto}
footer{padding:24px 0 4px;color:#79747d;text-align:center;font-size:.86rem}
@media(max-width:560px){.hero{min-height:590px}.hero-image{height:480px;object-position:center 40%}.hero-fade{inset:255px 0 0}.profile{inset-inline:16px;bottom:12px}.content{padding-inline:15px}.feature-text{bottom:18px;font-size:clamp(1.35rem,6.5vw,1.9rem)}.social-card{margin-top:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}