*{box-sizing:border-box}html{background:#201327;color:#fff}body{margin:0;min-height:100svh;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 80% 50%,#54204955,transparent 55%),#201327}.page{width:min(100%,1080px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,80px);align-items:center;min-height:calc(100svh - 56px);padding:48px 32px 24px}.identity{min-width:0;text-align:center}.portrait-wrap{position:relative;aspect-ratio:1/1;width:100%;overflow:hidden;border-radius:24px 24px 0 0}.portrait-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#20132766 65%,#201327 100%)}.portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%}.identity-content{position:relative;margin-top:-48px;z-index:1}h1{font-size:clamp(40px,5vw,60px);line-height:1.06;letter-spacing:-2px;margin:0 0 8px;font-weight:750}h1 span{color:#ee9ddf}.handle{color:#d1bdd7;margin:0 0 22px;font-size:16px}.socials{display:flex;justify-content:center;gap:28px}.social-item{display:flex;align-items:center;flex-direction:column;gap:8px}.social-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff38;border-radius:50%;box-shadow:0 0 16px #bc6fe325}.social-icon svg{width:25px;height:25px}.instagram{background:radial-gradient(circle at 25% 100%,#ffcc6b,#d63881 52%,#7549b6)}.tiktok{background:#151218}.tiktok svg{filter:drop-shadow(-1px 0 #4ce6e1) drop-shadow(1px 0 #f46599)}.social-label{font-size:11px;color:#decee4}.social-label small{display:block;font-size:10px;color:#b7a1be;margin-top:3px}.feature{min-width:0;padding:8px}.fanvue-card{position:relative;display:block;aspect-ratio:1/1;width:100%;border-radius:24px;isolation:isolate;color:white;text-decoration:none;border:2px solid #eb85e2;box-shadow:0 0 18px #ee62db80,0 0 54px #cd48d03d;transition:transform .25s,box-shadow .25s}.fanvue-card:after{content:"";position:absolute;inset:0;border-radius:22px;z-index:1;background:linear-gradient(180deg,#160d2122 0%,transparent 45%,#170c2099 76%,#170c20ed 100%);pointer-events:none}.fanvue-card>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;border-radius:22px}.fanvue-card:hover{transform:translateY(-4px);box-shadow:0 0 25px #ee62dba0,0 0 64px #cd48d05d}.fanvue-card:focus-visible{outline:3px solid white;outline-offset:7px}.platform{position:absolute;z-index:2;top:18px;left:18px;display:flex;gap:16px;align-items:center;background:#21132bd9;border:1px solid #ffffff30;border-radius:24px;padding:9px 13px;font-size:12px;font-weight:700}.card-caption{position:absolute;z-index:2;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:clamp(22px,2.7vw,32px);font-weight:750;letter-spacing:-.6px}.arrow{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f09be6;color:#27122b;font-size:25px;flex-shrink:0}.card-note{text-align:center;font-size:12px;letter-spacing:.3px;color:#d1bdd7;margin:20px 0 0}.card-note span{color:#f3a7e5;margin-left:4px}footer{text-align:center;font-size:11px;letter-spacing:1.2px;color:#af97b6;padding:18px 16px 26px}@media(max-width:700px){.page{display:block;max-width:500px;padding:0 20px 4px;min-height:0}.portrait-wrap{width:calc(100% + 40px);margin-left:-20px;border-radius:0;aspect-ratio:1.1/1}.identity-content{margin-top:-48px}h1{font-size:44px}.handle{font-size:15px;margin-bottom:18px}.socials{gap:26px}.social-icon{width:44px;height:44px}.feature{padding:0;margin-top:28px}.fanvue-card{border-radius:22px}.fanvue-card>img,.fanvue-card:after{border-radius:20px}.card-caption{font-size:26px;bottom:20px;left:20px;right:20px}.platform{top:14px;left:14px}.card-note{margin-top:18px}footer{padding-top:28px;padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media(max-width:350px){.page{padding-left:16px;padding-right:16px}.portrait-wrap{width:calc(100% + 32px);margin-left:-16px}.card-caption{font-size:23px}.arrow{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.fanvue-card{transition:none}.fanvue-card:hover{transform:none}}

/* Breathing halo: animate opacity, keeping the photo and layout still. */
.fanvue-card::before{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;z-index:-1;border:2px solid #ffb2f4;box-shadow:0 0 16px 3px #f479eac9,0 0 38px 8px #d948d180,0 0 65px 12px #ac47d942;opacity:.35;animation:card-halo 3.6s ease-in-out infinite}
.social-icon{position:relative;isolation:isolate;animation:social-float 3.8s ease-in-out infinite}
.social-icon::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;box-shadow:0 0 12px 3px var(--social-glow),0 0 23px 5px var(--social-glow);opacity:.25;animation:icon-halo 3.8s ease-in-out infinite}
.instagram{--social-glow:#f153a080}.tiktok{--social-glow:#55e8ee70;animation-delay:-1.9s}.tiktok::before{animation-delay:-1.9s}
@keyframes card-halo{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes icon-halo{0%,100%{opacity:.25}50%{opacity:.85}}
@keyframes social-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.045)}}
@media(prefers-reduced-motion:reduce){.fanvue-card::before,.social-icon,.social-icon::before{animation:none}.fanvue-card::before{opacity:.55}.social-icon::before{opacity:.45}}

.telegram{background:#248fc5;--social-glow:#52bfff80;animation-delay:-2.6s}.telegram::before{animation-delay:-2.6s}


.social-icon{color:#fff;text-decoration:none}.social-icon:focus-visible{outline:3px solid #fff;outline-offset:5px}.x-social{background:#151218;--social-glow:#c4b5fd70;animation-delay:-.9s}.x-social::before{animation-delay:-.9s}.socials{gap:clamp(16px,4vw,26px)}

.youtube{background:#bc1828;--social-glow:#ff455c70;animation-delay:-3.2s}.youtube::before{animation-delay:-3.2s}.socials{gap:clamp(10px,3vw,20px)}

/* Reversible two-bar reference design trial, 2026-09-25. */
.chat-intro{color:#d1bdd7;text-align:center;font-size:16px;line-height:1.5;margin:0 0 24px}.main-links{display:grid;gap:16px}.main-bar{position:relative;display:flex;align-items:center;justify-content:center;min-height:66px;padding:18px 42px;border-radius:999px;background:#fff;color:#101010;text-decoration:none;font-size:18px;font-weight:700;line-height:1.3;text-align:center;transition:transform .18s,background .18s}.main-bar:first-child{background:#eee}.main-bar .bar-logo,.main-bar>svg{position:absolute;left:20px;width:30px;height:30px}.main-bar:hover{transform:translateY(-2px);background:#f5eaf5}.main-bar:focus-visible{outline:3px solid #f09be6;outline-offset:5px}.link-feature .socials{margin-top:32px;gap:24px}.link-feature{padding:0}.page{gap:clamp(28px,5vw,64px)}
@media(max-width:700px){.link-feature{margin-top:8px}.chat-intro{font-size:14px;margin-bottom:22px}.main-bar{min-height:58px;font-size:16px;padding:17px 36px}.main-bar .bar-logo,.main-bar>svg{left:16px;width:25px;height:25px}.main-links{gap:13px}.link-feature .socials{margin-top:28px}.identity-content .handle:last-child{margin-bottom:14px}}
@media(max-width:350px){.main-bar{font-size:14px;padding-left:37px;padding-right:20px}.main-bar .bar-logo,.main-bar>svg{left:12px;width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.main-bar{transition:none}.main-bar:hover{transform:none}}

/* V4 portrait palette: warm charcoal, ivory and muted turquoise. */
html{background:#211e1c;color:#f7f2ea}
body{background:radial-gradient(ellipse at 85% 35%,#74b5ba16,transparent 58%),#211e1c}
.portrait-wrap{aspect-ratio:auto;border-radius:0;overflow:visible}
.portrait{height:auto;object-fit:contain}
.identity-content{margin-top:20px}
.portrait-wrap:after{display:none}
h1 span{color:#8ecbd1}
.chat-intro,.handle,.card-note{color:#d4c5b8}
.social-label{color:#e0d5cc}
footer{color:#b7a79a}
.social-icon{border-color:#ddd0c338;box-shadow:0 0 16px #78bdc225}
.x-social{--social-glow:#85c4c960;background:#191b1b}
.tiktok{background:#191b1b}
.main-bar{background:#f7f2ea;color:#282320;border:1px solid #d5c6b7;box-shadow:0 5px 22px #00000015}
.main-bar:first-child{background:#d8eded;border-color:#a3ced0}
.main-bar:hover{background:#c0e1e2}
.main-bar:focus-visible,.social-icon:focus-visible{outline-color:#9edbe0}
@media(max-width:700px){.portrait-wrap{aspect-ratio:auto}.identity-content{margin-top:18px}.link-feature{margin-top:20px}}

/* Brand at the bottom, after every link. */
.brand-footer{color:#f7f2ea;padding:28px 20px max(28px,env(safe-area-inset-bottom))}
.brand-footer h1{margin:0}

/* Inset portrait: full photo, champagne edge and turquoise halo. */
.portrait-wrap{width:92%;max-width:440px;margin:0 auto;padding:2px;border:1px solid #dbc49b;border-radius:18px;background:#211e1c;box-shadow:0 0 10px #d8bf8d45,0 0 28px #82cbd24d,0 10px 32px #00000050}
.portrait{border-radius:14px}
@media(max-width:700px){.page{padding-top:20px}.portrait-wrap{width:94%;max-width:370px;margin:0 auto}.link-feature{margin-top:22px}}

/* Eye-inspired teal: saturated background and luminous turquoise frame. */
html{background:#082c33;color:#f1fbfb}
body{background:radial-gradient(ellipse at 28% 18%,#239dab55,transparent 58%),radial-gradient(ellipse at 90% 72%,#146a7655,transparent 60%),#082c33}
.portrait-wrap{border-color:#99edf4;background:#123c44;box-shadow:0 0 10px #85e9f399,0 0 30px #49cbdc80,0 0 60px #29adbe40,0 12px 32px #001a2460}
.chat-intro{color:#d2eef0}
.social-label{color:#d9f0f1}
.main-bar{background:#f1f8f5;color:#12363d;border-color:#c6e2e1;box-shadow:0 6px 22px #00171e40}
.main-bar:first-child{background:#9ce4ec;border-color:#bcf5f8;box-shadow:0 0 22px #57d7e52b,0 6px 22px #00171e40}
.main-bar:hover{background:#c5f5f7}
h1 span{color:#79e4f0}
.brand-footer{color:#f1fbfb}

/* Gentle CTA pulse; visual scaling does not shift the layout. */
.fanvue-pulse{animation:fanvue-breathe 1s ease-in-out infinite;transform-origin:center}
@keyframes fanvue-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.fanvue-pulse:hover,.fanvue-pulse:focus-visible{animation-play-state:paused}
.link-feature .socials{gap:clamp(10px,3vw,24px)}
@media(prefers-reduced-motion:reduce){.fanvue-pulse{animation:none}}

.cta-copy{display:flex;flex-direction:column;gap:5px}.cta-copy strong{font-size:1.12em}.cta-copy>span{font-weight:400;font-size:.95em}

/* Reversible two-line introduction trial. */
.intro-block{text-align:center;margin:0 0 24px}
.intro-block .chat-intro{font-size:clamp(14px,1.6vw,18px);font-weight:400;line-height:1.4;margin:0 0 14px;color:#f1fbfb;white-space:nowrap}
.reply-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:10px 14px;border-radius:999px;background:#031b20b8;color:#f1fbfb;font-size:clamp(12px,1.35vw,15px);font-weight:600;line-height:1.3;box-shadow:inset 0 1px 0 #ffffff0d;white-space:nowrap}
.reply-badge svg{width:17px;height:17px;flex-shrink:0}
@media(max-width:700px){.intro-block .chat-intro{font-size:clamp(13px,3.8vw,18px)}.reply-badge{font-size:clamp(12px,3.55vw,16px)}.intro-block{margin-bottom:22px}}