﻿
:root{--pink:#ff2b79;--ink:#111;--muted:#6e6e73;--line:#ececef;--bg:#fff}
*{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}
header{height:72px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:10}
nav{display:flex;align-items:center;justify-content:space-between;width:100%}.logo{font-weight:900;letter-spacing:.14em;font-size:23px}.logo i{font-style:normal;color:var(--pink)}
.links{display:flex;gap:26px;font-size:14px}.hero{padding:76px 0 46px;text-align:center}.hero h1{font-size:clamp(44px,7vw,78px);line-height:.96;margin:0 0 18px;letter-spacing:-.055em}
.hero p{color:var(--muted);font-size:18px}.search{max-width:720px;margin:30px auto 0;border:1px solid #ddd;border-radius:999px;padding:8px 8px 8px 24px;display:flex;box-shadow:0 12px 40px rgba(0,0,0,.07)}
.search input{border:0;outline:0;flex:1;font-size:16px}.search button,.btn{border:0;background:var(--pink);color:white;border-radius:999px;padding:14px 22px;font-weight:750;cursor:pointer}
.chips{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:20px}.chip{border:1px solid var(--line);padding:9px 14px;border-radius:999px;font-size:13px;background:#fff}
section{padding:34px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:28px;margin:0}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;transition:.18s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.08)}
.photo{aspect-ratio:4/5;background:linear-gradient(145deg,#f3d9df,#d8d2cf);display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:900;color:#fff}
.card-body{padding:15px}.name{font-size:17px;font-weight:800}.meta{font-size:13px;color:var(--muted);margin-top:6px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tag{font-size:11px;background:#f7f7f8;padding:6px 8px;border-radius:999px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat{min-height:130px;border-radius:22px;padding:22px;background:#111;color:#fff;display:flex;align-items:end;font-size:22px;font-weight:850}.cat:nth-child(even){background:#f4f4f5;color:#111}
.page-title{padding:55px 0 20px}.page-title h1{font-size:48px;margin:0 0 10px;letter-spacing:-.04em}.seo-copy{max-width:760px;color:#555;line-height:1.7}
.profile{display:grid;grid-template-columns:380px 1fr;gap:44px;padding:55px 0}.profile .photo{border-radius:28px}.stats{display:flex;gap:30px;margin:22px 0}.stat b{display:block;font-size:22px}.profile h1{font-size:48px;margin:0}.profile .bio{font-size:18px;color:#555;max-width:620px;line-height:1.6}
footer{margin-top:70px;border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:13px}
@media(max-width:850px){.grid,.category-grid{grid-template-columns:repeat(2,1fr)}.profile{grid-template-columns:1fr}.profile .photo{max-width:420px}.links{display:none}}
@media(max-width:520px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-grid{grid-template-columns:1fr 1fr}.wrap{padding:0 14px}.hero{padding-top:52px}.card-body{padding:11px}.page-title h1,.profile h1{font-size:38px}}


/* SWIPE4HER CREATOR PROFILE */

.creator-page{
background:#191b1d;
color:#fff;
min-height:100vh
}

.creator-hero{
position:relative;
min-height:570px;
overflow:hidden;
background:#111
}

.creator-cover{
position:absolute;
inset:0;
background-size:cover;
background-position:center 30%;
transform:scale(1.015)
}

.creator-cover-empty{
background:linear-gradient(145deg,#29292b,#111)
}

.creator-cover-shade{
position:absolute;
inset:0;
background:
linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,.18) 40%,rgba(25,27,29,.98) 100%)
}

.creator-profile-wrap{
position:absolute;
left:50%;
bottom:42px;
transform:translateX(-50%);
width:min(1100px,calc(100% - 44px));
display:flex;
align-items:flex-end;
gap:25px;
z-index:2
}

.creator-avatar{
width:170px;
height:170px;
border-radius:28px;
overflow:hidden;
background:#222;
border:4px solid #191b1d;
box-shadow:0 16px 45px rgba(0,0,0,.45);
flex:0 0 auto
}

.creator-avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block
}

.creator-avatar-placeholder{
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:56px;
font-weight:950
}

.creator-main-info{
padding-bottom:8px
}

.creator-username{
font-size:14px;
font-weight:750;
color:rgba(255,255,255,.68);
margin-bottom:5px
}

.creator-main-info h1{
font-size:clamp(38px,5vw,62px);
line-height:1;
letter-spacing:-2px;
margin:0;
font-weight:950
}



.creator-status{
display:inline-block;
margin-top:13px;
padding:7px 11px;
border-radius:999px;
background:#ff1768;
font-size:11px;
font-weight:950;
letter-spacing:.04em
}

.creator-details{
background:#191b1d;
padding:45px 22px 70px
}

.creator-details-inner{
max-width:1100px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(0,1fr) 310px;
gap:65px
}

.creator-about h2{
font-size:26px;
margin:0 0 17px;
letter-spacing:-.6px
}

.creator-bio{
font-size:16px;
line-height:1.7;
color:rgba(255,255,255,.72);
max-width:690px;
white-space:pre-line
}

.creator-tags{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
gap:8px;
margin-top:25px
}

.creator-tag{
border:1px solid rgba(255,255,255,.15);
background:#232527;
color:#fff;
padding:8px 11px;
border-radius:999px;
font-size:12px;
font-weight:750
}

.creator-of-btn{
display:block;
background:#d90050;
color:#fff;
text-align:center;
font-size:13px;
font-weight:950;
padding:16px 20px;
border-radius:14px;
box-shadow:0 10px 30px rgba(217,0,80,.18)
}

.creator-mini-info{
margin-top:18px;
border:1px solid rgba(255,255,255,.1);
border-radius:16px;
overflow:hidden;
background:#202224
}

.creator-mini-info div{
padding:14px 15px;
border-bottom:1px solid rgba(255,255,255,.08)
}

.creator-mini-info div:last-child{
border-bottom:0
}

.creator-mini-info span{
display:block;
font-size:10px;
text-transform:uppercase;
letter-spacing:.08em;
color:#888;
margin-bottom:4px
}

.creator-mini-info strong{
font-size:13px
}

@media(max-width:700px){

.creator-hero{
min-height:430px
}

.creator-cover{
background-position:center 25%
}

.creator-profile-wrap{
width:calc(100% - 28px);
bottom:28px;
gap:15px
}

.creator-avatar{
width:105px;
height:105px;
border-radius:22px
}

.creator-main-info h1{
font-size:34px;
letter-spacing:-1.2px
}



.creator-details{
padding:31px 16px 55px
}

.creator-details-inner{
display:block
}

.creator-side{
margin-top:32px
}

.creator-about h2{
font-size:22px
}

.creator-bio{
font-size:14px;
line-height:1.65
}

}



/* CREATOR TYPOGRAPHY UPGRADE */

.creator-main-info h1{
font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
font-weight:900;
letter-spacing:-1.8px;
}

.creator-about h2{
font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;
font-size:30px;
font-weight:900;
letter-spacing:-1.1px;
line-height:1.05;
margin-bottom:22px;
}

.creator-bio{
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:16px;
font-weight:500;
letter-spacing:.05px;
line-height:1.72;
color:rgba(255,255,255,.86);
}

.creator-username{
font-family:"Trebuchet MS",Arial,sans-serif;
font-weight:600;
letter-spacing:.1px;
}

@media(max-width:700px){

.creator-about h2{
font-size:27px;
}

.creator-bio{
font-size:15.5px;
line-height:1.68;
}

}


/* SWIPE4HER RELATED CREATORS */

.related-creators{
background:#111315;
padding:55px 22px 75px;
border-top:1px solid rgba(255,255,255,.07)
}

.related-inner{
max-width:1100px;
margin:0 auto
}

.related-heading{
margin-bottom:22px
}

.related-heading span{
display:block;
color:#ff1768;
font-size:10px;
font-weight:950;
letter-spacing:.14em;
margin-bottom:7px
}

.related-heading h2{
margin:0;
color:#fff;
font-size:28px;
font-weight:950;
letter-spacing:-1px
}

.related-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:10px
}

.related-card{
display:block;
min-width:0
}

.related-photo{
position:relative;
aspect-ratio:3/4;
overflow:hidden;
border-radius:16px;
background:#222
}

.related-photo img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transition:transform .25s ease
}

.related-card:hover .related-photo img{
transform:scale(1.025)
}

.related-placeholder{
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
font-weight:950;
color:#fff;
background:linear-gradient(145deg,#333,#171717)
}

.related-shade{
position:absolute;
inset:0;
background:linear-gradient(
to top,
rgba(0,0,0,.94) 0%,
rgba(0,0,0,.35) 45%,
transparent 68%
)
}

.related-info{
position:absolute;
left:11px;
right:11px;
bottom:11px;
z-index:2
}

.related-name{
color:#fff;
font-size:14px;
font-weight:950;
line-height:1.1
}

.related-verified{
display:inline-flex;
align-items:center;
justify-content:center;
width:15px;
height:15px;
border-radius:50%;
background:#ff1768;
font-size:9px;
vertical-align:middle;
margin-left:2px
}

.related-user{
color:rgba(255,255,255,.67);
font-size:10px;
margin-top:4px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}

.related-status{
display:inline-block;
margin-top:7px;
background:#ff1768;
color:#fff;
padding:4px 7px;
border-radius:999px;
font-size:8px;
font-weight:950
}

@media(max-width:900px){
.related-grid{
grid-template-columns:repeat(3,1fr)
}
}

@media(max-width:600px){

.related-creators{
padding:40px 12px 55px
}

.related-heading{
padding:0 3px
}

.related-heading h2{
font-size:24px
}

.related-grid{
grid-template-columns:repeat(2,1fr);
gap:8px
}

.related-photo{
border-radius:14px
}

.related-name{
font-size:14px
}

}



/* SWIPE4HER DARK SHELL */

body{
background:#191b1d;
color:#fff;
}

header{
background:#191b1d;
border-bottom:1px solid rgba(255,255,255,.08);
}

.logo{
color:#fff;
}

.links a{
color:rgba(255,255,255,.78);
}

.links a:hover{
color:#fff;
}

footer{
background:#191b1d;
border-top:1px solid rgba(255,255,255,.08);
color:rgba(255,255,255,.45);
margin-top:0;
}



/* SWIPE4HER FOOTER BRAND */

.footer-brand{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
}

.footer-logo{
font-size:18px;
font-weight:950;
letter-spacing:-.7px;
color:#fff;
}

.footer-logo span{
color:#ff1768;
}

.footer-tagline{
font-size:13px;
font-weight:600;
color:rgba(255,255,255,.42);
}

@media(max-width:700px){
.footer-brand{
flex-direction:column;
gap:5px;
text-align:center;
}

.footer-logo{
font-size:20px;
}
}


/* CREATOR HERO FADE + VERIFIED BADGE */

.creator-hero::before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:90px;
z-index:1;
pointer-events:none;
background:linear-gradient(
to bottom,
#191b1d 0%,
rgba(25,27,29,.72) 30%,
rgba(25,27,29,0) 100%
);
}

.creator-cover-shade{
background:
linear-gradient(
to bottom,
rgba(25,27,29,.20) 0%,
rgba(0,0,0,.06) 22%,
rgba(0,0,0,.12) 48%,
rgba(25,27,29,.68) 72%,
#191b1d 100%
);
}

.creator-hero::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:190px;
z-index:1;
pointer-events:none;
background:linear-gradient(
to bottom,
rgba(25,27,29,0) 0%,
rgba(25,27,29,.30) 35%,
rgba(25,27,29,.82) 72%,
#191b1d 100%
);
}

.creator-profile-wrap{
z-index:3;
}



@media(max-width:700px){

.creator-hero::before{
height:65px;
}

.creator-hero::after{
height:150px;
}



}


/* CREATOR HERO FADE CORRECTION */

.creator-hero::before{
display:none;
}

.creator-hero::after{
display:none;
}

.creator-cover-shade{
background:linear-gradient(
to bottom,
rgba(0,0,0,0) 0%,
rgba(0,0,0,.02) 45%,
rgba(25,27,29,.22) 68%,
rgba(25,27,29,.65) 86%,
#191b1d 100%
);
}



/* CREATOR VERIFIED BADGE FINAL */



@media(max-width:700px){

}



/* CREATOR VERIFIED CHECK - CLEAN */

.creator-verified{
display:inline-flex;
align-items:center;
justify-content:center;
width:17px;
height:17px;
border-radius:50%;
background:#ff1768;
color:#fff;
font-family:Arial,sans-serif;
font-size:10px;
font-weight:900;
line-height:1;
margin-left:2px;
padding:0;
vertical-align:.22em;
box-shadow:none;
}



/* SEO category V1 */
.seo-category{padding-bottom:48px}.seo-category .page-title{padding-top:36px}.seo-category .page-title h1{color:#fff}.seo-category .seo-copy{color:#c1c1c5}.seo-category .seo-count{color:#aaa;font-size:13px}.seo-breadcrumb{font-size:12px;color:#aaa;margin-bottom:22px}.seo-breadcrumb a{color:#fff}.seo-related{padding-top:45px}.seo-related h2{font-size:23px}.seo-related .chips{justify-content:flex-start}.seo-related .chip{background:#25272a;color:#fff;border-color:#444}.seo-related a{color:#fff}.seo-category .card{color:#111}

/* SEO V3 — creator discovery cards, styled like the Swipe4Her swiping experience */
.seo-category .grid,.wrap>.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.seo-creator-card{display:block;min-width:0;border:0;border-radius:22px;overflow:hidden;background:#202225;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.22);transition:transform .2s ease,box-shadow .2s ease}
.seo-creator-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.seo-card-visual{position:relative;aspect-ratio:3/4;overflow:hidden;background:#242628}
.seo-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.seo-card-image[hidden]{display:none}
.seo-card-shade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 35%,rgba(0,0,0,.1) 52%,rgba(0,0,0,.9) 100%);pointer-events:none}
.seo-card-content{position:absolute;bottom:0;left:0;right:0;padding:24px 15px 15px;z-index:1}
.seo-card-name{font-size:19px;line-height:1.15;font-weight:950;overflow-wrap:anywhere;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.seo-card-user{font-size:12px;color:rgba(255,255,255,.82);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seo-card-badge{display:inline-block;margin-top:10px;background:#ff1768;color:#fff;font-size:10px;font-weight:950;border-radius:999px;padding:6px 10px}
.seo-card-verified{display:inline-flex;align-items:center;justify-content:center;background:#ff1768;color:white;border-radius:50%;width:17px;height:17px;font-size:11px;vertical-align:middle}
@media(max-width:850px){.seo-category .grid,.wrap>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:600px){.seo-category .grid,.wrap>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.seo-creator-card{border-radius:17px}.seo-card-content{padding:16px 10px 11px}.seo-card-name{font-size:15px}.seo-card-user{font-size:11px}.seo-card-badge{font-size:9px;padding:5px 8px}}

/* SEO V4 — centered category hero and unified swipe aesthetic */
.seo-category{padding-bottom:64px}
.seo-category-hero{padding:26px 16px 48px;text-align:center;max-width:900px;margin:0 auto}
.seo-category-hero .seo-breadcrumb{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 35px;font-size:12px;color:#9fa0a5}
.seo-category-hero .seo-breadcrumb a{color:#c8c8cc}
.seo-category-hero .seo-breadcrumb a:hover{color:#fff}
.seo-eyebrow{font-size:11px;font-weight:900;letter-spacing:.17em;color:#ff2b79;margin:0 0 16px}
.seo-eyebrow span{color:#a0a0a5;margin:0 6px}
.seo-category-hero h1{color:#fff;font-size:clamp(36px,5.3vw,64px);font-weight:950;letter-spacing:-.055em;line-height:1.04;margin:0 auto 18px;max-width:760px}
.seo-hero-description{color:#b8b8be;font-size:clamp(14px,1.6vw,17px);line-height:1.65;max-width:660px;margin:0 auto}
.seo-hero-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:25px auto 0}
.seo-hero-chip{display:inline-flex;align-items:center;min-height:36px;border-radius:999px;padding:8px 15px;background:#292b2f;border:1px solid #3b3d42;color:#f4f4f6;font-size:12px;font-weight:750;transition:background .15s,border-color .15s}
.seo-hero-chip:hover{background:#383a3e;border-color:#ff2b79}
.seo-swipe-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#d90050;color:#fff;border-radius:999px;padding:14px 29px;margin-top:25px;font-size:14px;font-weight:900;box-shadow:0 10px 28px rgba(217,0,80,.19)}
.seo-swipe-cta:hover{background:#f01463}
.seo-category-results{padding:4px 0 0}
.seo-results-heading{text-align:center;margin:0 auto 25px}
.seo-results-heading h2{color:#fff;font-size:clamp(22px,3vw,30px);letter-spacing:-.035em;margin:0 0 8px;font-weight:900}
.seo-results-heading p{color:#a9a9b0;font-size:13px;margin:0}
.seo-empty{text-align:center;color:#bbb;padding:35px 0}.seo-empty a{color:#fff;text-decoration:underline}
.seo-category .seo-related{text-align:center;padding:55px 0 15px}
.seo-category .seo-related h2{color:#fff;font-size:24px;margin:0 0 22px}
.seo-category .seo-related .chips{justify-content:center}
.seo-category .seo-related>p a{color:#d9d9df;text-decoration:underline;text-underline-offset:4px}
.seo-creator-card .seo-card-name{color:#fff!important;font-size:20px!important;font-weight:950!important;letter-spacing:-.5px!important;line-height:1.1!important;text-shadow:0 2px 8px rgba(0,0,0,.75)!important}
.seo-creator-card .seo-card-user{color:rgba(255,255,255,.75)!important;font-size:11px!important;font-weight:500!important;letter-spacing:0!important;text-shadow:0 1px 5px rgba(0,0,0,.7)!important}
@media(max-width:600px){.seo-category-hero{padding:22px 4px 35px}.seo-category-hero .seo-breadcrumb{margin-bottom:27px}.seo-category-hero h1{font-size:37px}.seo-hero-description{font-size:14px}.seo-hero-chip{font-size:11px}.seo-results-heading{margin-bottom:18px}.seo-creator-card .seo-card-name{font-size:15px!important}}

/* V5 homepage + refined creator profiles */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.seo-home{background:#191b1d;color:#fff;min-height:100vh}.home-hero{text-align:center;padding-top:85px;padding-bottom:70px}.home-hero h1{font-size:clamp(39px,6vw,72px);line-height:1.03;letter-spacing:-.055em;max-width:850px;margin:0 auto 20px;font-weight:950}.home-hero>p:not(.seo-eyebrow){max-width:650px;margin:0 auto;color:#b6b6bc;font-size:16px;line-height:1.65}.home-search{display:flex;gap:7px;max-width:610px;margin:30px auto 0;padding:7px;background:#282a2d;border:1px solid #48494d;border-radius:17px}.home-search input{background:transparent;color:#fff;border:0;outline:0;flex:1;min-width:0;padding:12px 14px;font-size:15px}.home-search button{border:0;border-radius:12px;background:#ff1768;color:white;font-weight:850;padding:12px 20px;cursor:pointer}.home-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}.home-primary,.home-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;border-radius:999px;font-size:14px;font-weight:850}.home-primary{background:#e00054;color:#fff}.home-secondary{border:1px solid #54565a;color:#fff}.home-section{padding-top:25px;padding-bottom:55px}.home-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:24px}.home-section-head h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.04em;margin:4px 0 0}.home-section-head>a{color:#ddd;font-size:13px}.home-niche-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-niche{background:#292b2e;border:1px solid #393b40;border-radius:17px;padding:25px 20px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:17px;font-weight:850}.home-niche span{color:#ff1768}.home-creators{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-swipe-promo{background:linear-gradient(130deg,#34212a,#231e24 65%,#191b1d);border:1px solid #59313e;border-radius:26px;text-align:center;padding:55px 24px;margin-top:25px;margin-bottom:55px}.home-swipe-promo h2{font-size:clamp(27px,4vw,44px);margin:0 0 13px}.home-swipe-promo p:not(.seo-eyebrow){color:#c5bfc4;margin:0 auto 25px;max-width:550px}.home-about{padding-bottom:70px;max-width:850px;text-align:center}.home-about h2{font-size:24px}.home-about p{color:#b5b5bb;line-height:1.7}.home-empty{color:#aaa}
.creator-hero{min-height:490px}.creator-profile-wrap{bottom:32px}.creator-details{padding-top:34px;padding-bottom:55px}.creator-details-inner{gap:30px;grid-template-columns:minmax(0,1fr) 320px;align-items:start}.creator-about{background:#222427;border:1px solid #36383c;border-radius:22px;padding:28px 30px;min-height:210px}.creator-about-eyebrow{font-size:10px;color:#ff2b79;letter-spacing:.16em;font-weight:900;margin:0 0 13px}.creator-about h2 span{color:#ff1768}.creator-about h2{margin-bottom:17px}.creator-bio{margin:0}.creator-side{background:#222427;border:1px solid #36383c;border-radius:22px;padding:16px}.creator-of-btn{border-radius:13px}.creator-cta-note{text-align:center;color:#a9a9b0;font-size:11px;margin:12px 0 16px}.creator-mini-info{margin-top:0}.related-creators{padding-top:50px}.related-heading h2{font-size:clamp(23px,3vw,31px)}
@media(max-width:850px){.home-niche-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-creators{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-details-inner{grid-template-columns:minmax(0,1fr) 280px;gap:15px}}
@media(max-width:700px){.home-hero{padding-top:56px;padding-bottom:35px}.home-search{border-radius:14px}.home-search button{padding:10px 13px}.home-section-head{align-items:center}.home-section-head>a{font-size:11px}.home-creators{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-niche{padding:19px 14px;font-size:14px}.home-swipe-promo{border-radius:18px;margin-left:14px;margin-right:14px}.creator-hero{min-height:430px}.creator-details{padding:20px 14px 40px}.creator-details-inner{display:flex;flex-direction:column;gap:15px}.creator-about,.creator-side{width:100%;padding:22px}.creator-side{padding:14px}}


/* V6 homepage — discovery editorial, scoped to .v6-home */
.v6-home{overflow:hidden}
.v6-home .v6-hero{position:relative;text-align:center;padding-top:100px;padding-bottom:76px;isolation:isolate}
.v6-hero-glow{position:absolute;z-index:-1;pointer-events:none;top:-170px;left:50%;transform:translateX(-50%);width:min(900px,130vw);height:540px;background:radial-gradient(ellipse at center,rgba(224,0,84,.12),transparent 67%)}
.v6-hero .seo-eyebrow{font-size:11px;letter-spacing:.2em}
.v6-hero .seo-eyebrow span{color:#e4a7be;margin:0 7px}
.v6-hero h1{font-size:clamp(49px,7vw,94px);max-width:930px;line-height:.98;letter-spacing:-.065em;margin:17px auto 22px;font-weight:950}
.v6-hero h1 em{font-style:normal;color:#ff2b79}
.v6-hero-description{font-size:clamp(15px,1.7vw,18px);line-height:1.65;max-width:630px;margin:0 auto;color:#c1bec3}
.v6-search{max-width:660px;margin-top:33px;border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.2)}
.v6-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.v6-hero-actions .home-primary,.v6-hero-actions .home-secondary{min-width:170px}
.v6-hero-foot{font-size:12px;color:#929196;margin-top:29px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.v6-pulse{width:7px;height:7px;border-radius:50%;background:#ff2b79;box-shadow:0 0 13px rgba(255,43,121,.65)}
.v6-section{padding-top:32px;padding-bottom:52px}
.v6-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}
.v6-section-head .seo-eyebrow{margin-bottom:9px}
.v6-section-head h2{font-size:clamp(27px,3.6vw,40px);letter-spacing:-.045em;line-height:1.1;margin:0 0 8px}
.v6-section-head p:not(.seo-eyebrow){color:#a9a7ad;font-size:14px;margin:0}
.v6-pink{color:#ff2b79}
.v6-text-link{font-size:13px;color:#f2e8ed;white-space:nowrap;padding-bottom:4px}
.v6-text-link:hover{color:#ff2b79}
.v6-niche-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v6-niche{min-height:155px;background:linear-gradient(140deg,#2a2b30,#222327);border:1px solid #3b3b42;border-radius:21px;padding:19px 20px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border-color .2s,background .2s}
.v6-niche:hover{transform:translateY(-3px);border-color:#a93b65;background:linear-gradient(140deg,#392630,#262328)}
.v6-niche-top{display:flex;align-items:center;justify-content:space-between}
.v6-niche-number{color:#8f8e95;font-size:11px;font-weight:800;letter-spacing:.1em}
.v6-niche-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#3c3037;color:#ff4687;font-size:18px}
.v6-niche-title{font-size:clamp(19px,2vw,25px);font-weight:950;letter-spacing:-.04em;line-height:1.1;margin-top:13px}
.v6-niche-sub{font-size:11px;color:#aaa8b0;margin-top:6px}
.v6-niche-sub span{color:#e5a6bf}
.v6-swipe-section{display:grid;grid-template-columns:37% 1fr;align-items:center;gap:30px;background:linear-gradient(115deg,#34222b,#242127 65%,#222328);border:1px solid #5a3544;border-radius:30px;margin-top:26px;margin-bottom:43px;padding:40px 52px;min-height:285px}
.v6-swipe-art{position:relative;height:205px;max-width:290px;margin:0 auto;width:100%}
.v6-mini-card{position:absolute;width:145px;height:195px;border-radius:22px;border:1px solid #855469;background:linear-gradient(155deg,#6a324a,#241d26);box-shadow:0 16px 35px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.v6-mini-back{left:26px;top:4px;transform:rotate(-16deg);background:linear-gradient(150deg,#38333d,#221f27)}
.v6-mini-back span{font-size:75px;color:#8d6877}
.v6-mini-front{left:106px;top:4px;transform:rotate(12deg);gap:5px}
.v6-mini-front span{font-size:73px;color:#ff4b8b;line-height:1}
.v6-mini-front strong{font-size:10px;letter-spacing:.16em}
.v6-swipe-copy h2{font-size:clamp(30px,3.8vw,46px);line-height:1.05;letter-spacing:-.05em;margin:0 0 16px}
.v6-swipe-copy h2 span{color:#ff2b79}
.v6-swipe-copy>p:not(.seo-eyebrow){color:#c5bdc3;line-height:1.65;max-width:530px;font-size:15px;margin:0 0 24px}
.v6-creators{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v6-bottom{text-align:center;max-width:840px;padding-top:52px;padding-bottom:95px}
.v6-bottom h2{font-size:clamp(29px,4vw,45px);letter-spacing:-.045em;margin:0 0 15px}
.v6-bottom>p:not(.seo-eyebrow){color:#a9a8ae;line-height:1.8;font-size:14px}
.v6-bottom-links{display:flex;gap:20px;justify-content:center;margin-top:23px}
.v6-bottom-links a{color:#ff7caa;font-size:13px;font-weight:800}
@media(max-width:850px){.v6-niche-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v6-creators{grid-template-columns:repeat(3,minmax(0,1fr))}.v6-swipe-section{grid-template-columns:32% 1fr;padding:32px 28px;gap:20px}.v6-mini-front{left:65px}.v6-mini-back{left:0}}
@media(max-width:600px){.v6-home .v6-hero{padding-top:66px;padding-bottom:40px}.v6-hero h1{font-size:clamp(46px,12vw,63px)}.v6-hero-description{font-size:14px}.v6-search{margin-top:25px}.v6-section{padding-top:27px;padding-bottom:35px}.v6-section-head{align-items:end}.v6-section-head h2{font-size:27px}.v6-section-head p:not(.seo-eyebrow){font-size:12px}.v6-text-link{font-size:11px}.v6-niche-grid{gap:9px}.v6-niche{min-height:135px;padding:14px;border-radius:16px}.v6-niche-title{font-size:20px}.v6-niche-sub{font-size:10px}.v6-swipe-section{display:flex;flex-direction:column;text-align:center;margin:16px 14px 32px;padding:24px 20px 30px;gap:0;border-radius:22px}.v6-swipe-art{height:165px;max-width:230px}.v6-mini-card{width:112px;height:150px;border-radius:17px}.v6-mini-front{left:95px}.v6-mini-back{left:25px}.v6-mini-front span,.v6-mini-back span{font-size:55px}.v6-swipe-copy h2{font-size:31px}.v6-swipe-copy>p:not(.seo-eyebrow){font-size:13px}.v6-creators{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v6-bottom{padding-bottom:55px}.v6-bottom-links{flex-wrap:wrap}}

/* V7 — ambient glow, search redesign and consistent interactions */
:root{--v7-hot:#ff2b79;--v7-deep:#d90050}
.v7-pink{color:#ff2b79}
.v7-search-page{padding-bottom:75px;min-height:70vh}
.v7-search-hero{position:relative;isolation:isolate;text-align:center;padding:80px 10px 60px}
.v7-search-hero:before{content:"";position:absolute;z-index:-1;left:50%;top:-65px;transform:translateX(-50%);width:min(850px,110vw);height:490px;background:radial-gradient(ellipse,rgba(255,43,121,.14),rgba(255,43,121,.035) 45%,transparent 72%);pointer-events:none}
.v7-search-hero h1{max-width:900px;margin:0 auto 15px;color:#fff;font-size:clamp(36px,5.8vw,66px);font-weight:950;letter-spacing:-.055em;line-height:1.07;overflow-wrap:anywhere}
.v7-search-hero>p:not(.seo-eyebrow){color:#bdbbc2;max-width:600px;margin:0 auto;line-height:1.6}
.v7-search-form{margin-top:30px;border:1px solid #664153;box-shadow:0 0 0 1px rgba(255,43,121,.06),0 15px 55px rgba(217,0,80,.11);transition:border-color .2s,box-shadow .2s}
.v7-search-form:focus-within{border-color:#ff2b79;box-shadow:0 0 0 3px rgba(255,43,121,.12),0 15px 55px rgba(217,0,80,.15)}
.v7-search-actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:21px}
.v7-search-actions a{font-size:13px;font-weight:750;color:#d8c6d0}
.v7-search-actions a:hover{color:#ff75a8}
.v7-results-head{margin-bottom:22px}.v7-results-head .seo-eyebrow{margin-bottom:9px}.v7-results-head h2{font-size:clamp(26px,3.4vw,37px);letter-spacing:-.045em;line-height:1.1;margin:0;color:#fff}.v7-results-head p:not(.seo-eyebrow){color:#a8a6ad;font-size:13px;margin:8px 0 0}
.v7-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v7-search-recommend{padding-top:72px}.v7-empty{border:1px solid #50313e;border-radius:22px;background:linear-gradient(140deg,#2b2329,#202124);padding:35px;text-align:center}.v7-empty h3{font-size:25px;margin:0 0 9px}.v7-empty p{color:#bcb6bd;margin:0 auto 22px;max-width:450px}.v7-search-cta{text-align:center;background:linear-gradient(135deg,#35232c,#222226);border:1px solid #64384a;border-radius:25px;padding:44px 24px;margin-top:65px}.v7-search-cta h2{font-size:clamp(27px,3.5vw,39px);margin:0 0 12px;letter-spacing:-.04em}.v7-search-cta>p:not(.seo-eyebrow){color:#c4bdc4;margin:0 auto 23px;max-width:550px}
/* Shared pink ambient accents: restrained and GPU-light */
.v6-home .v6-niche:hover,.seo-category .seo-hero-chip:hover{box-shadow:0 0 25px rgba(255,43,121,.12)}
.v6-home .seo-creator-card:hover,.seo-category .seo-creator-card:hover,.v7-search-page .seo-creator-card:hover{box-shadow:0 15px 42px rgba(0,0,0,.35),0 0 0 1px rgba(255,43,121,.38),0 0 30px rgba(255,43,121,.13)}
.creator-about{box-shadow:0 14px 45px rgba(0,0,0,.12)}.creator-of-btn:hover,.home-primary:hover,.seo-swipe-cta:hover{box-shadow:0 9px 35px rgba(255,43,121,.28);filter:brightness(1.06)}
.seo-category-hero{position:relative;isolation:isolate}.seo-category-hero:before{content:"";position:absolute;z-index:-1;top:-90px;left:50%;transform:translateX(-50%);width:min(750px,100vw);height:420px;background:radial-gradient(ellipse,rgba(255,43,121,.095),transparent 72%);pointer-events:none}
@media(max-width:850px){.v7-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:600px){.v7-search-hero{padding:53px 2px 43px}.v7-search-hero h1{font-size:clamp(35px,9vw,47px)}.v7-search-form{margin-top:23px}.v7-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v7-search-recommend{padding-top:50px}.v7-search-cta{margin-top:45px;padding:32px 15px}.v7-search-cta h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.v6-home .v6-niche,.seo-creator-card{transition:none}}

/* V7.1: consistent category directory, no decorative tile numbers */
.v6-niche-number{display:none!important}
.v71-categories{min-height:70vh;padding-bottom:75px}
.v71-cat-hero{position:relative;isolation:isolate;text-align:center;padding:82px 12px 49px}
.v71-cat-hero:before{content:"";position:absolute;z-index:-1;left:50%;top:-80px;transform:translateX(-50%);width:min(860px,110vw);height:420px;background:radial-gradient(ellipse,rgba(255,43,121,.14),rgba(255,43,121,.03) 45%,transparent 72%);pointer-events:none}
.v71-cat-hero h1{font-size:clamp(39px,5.8vw,67px);letter-spacing:-.055em;line-height:1.06;margin:0 0 16px;font-weight:950}
.v71-cat-hero h1 span{color:#ff2b79}
.v71-cat-hero>p:not(.seo-eyebrow){color:#bbb7c0;max-width:580px;margin:0 auto;line-height:1.65}
.v71-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v71-cat{position:relative;display:flex;align-items:end;min-height:174px;padding:22px;border:1px solid #414048;border-radius:22px;background:linear-gradient(145deg,#2d2c32,#222328);color:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.v71-cat:hover{transform:translateY(-3px);border-color:#b64b75;box-shadow:0 12px 38px rgba(0,0,0,.25),0 0 25px rgba(255,43,121,.14)}
.v71-cat-arrow{position:absolute;right:17px;top:17px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#ff4a91;background:#3f2f38;font-size:18px}
.v71-cat-content{display:flex;flex-direction:column;align-items:start;gap:7px}
.v71-cat-content strong{font-size:clamp(19px,2vw,25px);letter-spacing:-.04em;line-height:1.15}
.v71-cat-description{font-size:12px;color:#bcb6c0}
.v71-cat-count{font-size:11px;color:#ff8db6;font-weight:750}
.v71-cat-cta{margin:65px auto 10px;max-width:850px;padding:46px 20px;text-align:center;border:1px solid #603748;border-radius:25px;background:linear-gradient(125deg,#35232d,#242127)}
.v71-cat-cta h2{font-size:clamp(27px,3.6vw,40px);letter-spacing:-.045em;margin:0 0 12px}
.v71-cat-cta h2 span{color:#ff2b79}
.v71-cat-cta>p:not(.seo-eyebrow){color:#c2b9c1;font-size:14px;margin:0 auto 23px}
.v7-result-grid.v71-single-result{display:flex;justify-content:center}
.v7-result-grid.v71-single-result>.seo-creator-card{width:min(100%,275px);flex:0 1 275px}
@media(max-width:850px){.v71-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.v71-cat-hero{padding:55px 4px 35px}.v71-cat-hero h1{font-size:42px}.v71-cat-grid{gap:10px}.v71-cat{min-height:145px;padding:16px;border-radius:17px}.v71-cat-content strong{font-size:20px}.v71-cat-description{font-size:11px}.v71-cat-arrow{right:12px;top:12px;width:27px;height:27px}.v71-cat-cta{margin-top:42px;padding:32px 16px;border-radius:19px}.v7-result-grid.v71-single-result>.seo-creator-card{width:min(100%,235px);flex-basis:235px}}


/* V7.2 — category discovery tiles and balanced directory rows */
.v71-cat-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.v71-cat-grid>.v71-cat{flex:0 1 calc((100% - 42px)/4);min-width:0}
.v72-related{position:relative;isolation:isolate;max-width:900px;margin:0 auto;padding:70px 0 30px!important}
.v72-related:before{content:"";position:absolute;z-index:-1;left:50%;top:0;transform:translateX(-50%);width:min(750px,100vw);height:350px;background:radial-gradient(ellipse,rgba(255,43,121,.11),transparent 72%);pointer-events:none}
.seo-category .v72-related>.seo-eyebrow{font-size:10px;letter-spacing:.17em;margin:0 0 10px;color:#ff2b79}
.seo-category .v72-related h2{font-size:clamp(27px,3.8vw,39px);letter-spacing:-.045em;line-height:1.12;margin:0 0 9px;color:#fff}
.seo-category .v72-related h2 span{color:#ff2b79}
.v72-related-description{color:#b6b2ba;font-size:13px;margin:0 0 27px}
.v72-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left}
.v72-related-tile{position:relative;display:flex;flex-direction:column;justify-content:end;min-height:136px;padding:20px;border:1px solid #414048;border-radius:19px;background:linear-gradient(145deg,#2d2b32,#222328);color:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.v72-related-tile:hover{transform:translateY(-3px);border-color:#b64b75;box-shadow:0 12px 38px rgba(0,0,0,.25),0 0 25px rgba(255,43,121,.14)}
.v72-related-arrow{position:absolute;right:15px;top:15px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#ff4a91;background:#3f2f38;font-size:17px}
.v72-related-name{font-size:clamp(17px,2vw,22px);font-weight:900;letter-spacing:-.035em;line-height:1.15;padding-right:24px}
.v72-related-count{font-size:11px;color:#ff8db6;font-weight:750;margin-top:8px}
.v72-related-footer{margin:24px 0 0!important}.v72-related-footer a{color:#ff8db6!important;font-size:13px;font-weight:750;text-decoration:none!important}.v72-related-footer a:hover{color:#fff!important}
@media(max-width:850px){.v71-cat-grid>.v71-cat{flex-basis:calc((100% - 14px)/2)}.v72-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.v71-cat-grid{gap:10px}.v71-cat-grid>.v71-cat{flex-basis:calc((100% - 10px)/2)}.v72-related{padding:45px 0 10px!important}.v72-related-grid{gap:9px}.v72-related-tile{min-height:122px;padding:14px;border-radius:16px}.v72-related-name{font-size:17px}.v72-related-arrow{width:26px;height:26px;right:11px;top:11px}.v72-related-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){.v72-related-tile{transition:none}}

/* SEO profile navigation and factual niche guidance in the V7.6 theme. */
.creator-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:15px 24px;background:#191b1d;color:#b0b1b6;font-size:12px}
.creator-breadcrumb a{color:#d6d6da;text-decoration:none}
.creator-breadcrumb a:hover{color:#fff;text-decoration:underline}
.creator-breadcrumb [aria-current="page"]{color:#fff}
.seo-category-facts{color:#b1b2b7;font-size:12px;line-height:1.6;text-align:center;margin:26px auto 0;max-width:720px}
.seo-category-guide{background:#222427;border:1px solid #36383c;border-radius:22px;margin:42px auto 0;padding:26px 30px;max-width:860px}
.seo-category-guide h2{font-size:clamp(19px,2.5vw,26px);color:#fff;letter-spacing:-.03em;margin:0 0 12px}
.seo-category-guide>p:not(.seo-eyebrow){font-size:14px;line-height:1.75;color:#c3c3c9;margin:0}
.seo-category-guide>a{display:inline-block;color:#fff;font-size:13px;font-weight:750;margin-top:16px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.creator-breadcrumb{padding:12px 16px;font-size:11px}.seo-category-guide{margin:30px 0 0;padding:23px 20px}.seo-category-facts{padding:0 7px}}

/* V7.7 — creator photo centering + soft pink ambient treatment (preview review) */
/* Keep the default crop centered both horizontally and vertically on every profile.
   CSS variables give us a safe way to adjust individual photos later if needed. */
.creator-page .creator-cover{
  background-position:var(--creator-cover-x, 50%) var(--creator-cover-y, 50%);
  background-repeat:no-repeat;
  transform:none;
}
.creator-page .creator-avatar img{
  object-position:var(--creator-avatar-x, 50%) var(--creator-avatar-y, 50%);
}

/* Match the homepage charcoal, pink gradients, and restrained ambient glow. */
.creator-page .creator-details{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#191b1d;
}
.creator-page .creator-details::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-200px;
  left:50%;
  transform:translateX(-50%);
  width:min(1000px, 125vw);
  height:670px;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 36%, rgba(255,43,121,.14), rgba(217,0,80,.045) 46%, transparent 73%);
}
.creator-page .creator-about,
.creator-page .creator-side{
  background:linear-gradient(145deg, #30232b 0%, #252327 34%, #222427 100%);
  border:1px solid rgba(255,89,145,.25);
  box-shadow:0 14px 38px rgba(0,0,0,.23), 0 0 34px rgba(255,43,121,.055);
}
.creator-page .creator-about{
  position:relative;
  overflow:hidden;
}
.creator-page .creator-about::before{
  content:"";
  position:absolute;
  pointer-events:none;
  top:-140px;
  right:-130px;
  width:390px;
  height:320px;
  background:radial-gradient(circle, rgba(255,43,121,.105), transparent 70%);
}
.creator-page .creator-about-eyebrow{
  color:#ff6fa2;
}
.creator-page .creator-about h2 span{
  color:#ff2b79;
}
.creator-page .creator-tag{
  border-color:rgba(255,111,163,.23);
  background:rgba(255,43,121,.075);
  transition:border-color .18s,background .18s,box-shadow .18s;
}
.creator-page .creator-tag:hover{
  border-color:rgba(255,111,163,.6);
  background:rgba(255,43,121,.15);
  box-shadow:0 0 18px rgba(255,43,121,.11);
}
.creator-page .creator-of-btn{
  background:linear-gradient(115deg,#d90050,#ff2b79);
  box-shadow:0 12px 30px rgba(217,0,80,.23);
}
.creator-page .creator-mini-info{
  background:linear-gradient(145deg,rgba(41,34,39,.98),#202224);
  border-color:rgba(255,120,168,.14);
}
.creator-page .related-creators{
  background:radial-gradient(ellipse at 50% 0%,rgba(255,43,121,.075),transparent 65%),#151618;
  border-top-color:rgba(255,43,121,.13);
}

/* The factual SEO category guide should feel part of the homepage design. */
.seo-category .seo-category-guide{
  position:relative;
  overflow:hidden;
  background:linear-gradient(133deg,#35242d 0%,#252328 52%,#222427 100%);
  border-color:rgba(255,107,156,.31);
  box-shadow:0 18px 50px rgba(0,0,0,.16),0 0 35px rgba(255,43,121,.06);
}
.seo-category .seo-category-guide::before{
  content:"";
  position:absolute;
  right:-140px;
  top:-135px;
  width:430px;
  height:335px;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,43,121,.14),transparent 73%);
}
.seo-category .seo-category-guide>a{
  color:#ff93b8;
}
.seo-category .seo-category-guide>a:hover{
  color:#fff;
}
@media (prefers-reduced-motion: reduce){
  .creator-page .creator-tag{transition:none}
}

/* V7.8 — creator breadcrumb polish */
/* A compact left-aligned navigation rail, inspired by Swipe4Her’s dark/pink homepage. */
.creator-page .creator-breadcrumb{
  position:relative;
  isolation:isolate;
  display:block;
  width:100%;
  min-height:58px;
  padding:0 22px;
  overflow:hidden;
  background:linear-gradient(110deg,#1b1c20 0%,#251e25 42%,#191b1d 100%);
  border:0;
  border-bottom:1px solid rgba(255,43,121,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 25px rgba(0,0,0,.18);
}
.creator-page .creator-breadcrumb::before{
  content:"";
  position:absolute;
  inset:-130px auto auto calc(50% - 600px);
  width:520px;
  height:285px;
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(ellipse,rgba(255,43,121,.21),rgba(255,43,121,.055) 45%,transparent 74%);
}
.creator-page .creator-breadcrumb-track{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1100px;
  min-height:58px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:11px;
  min-width:0;
}
.creator-page .creator-breadcrumb-link{
  flex:0 0 auto;
  padding:9px 2px;
  color:#b6b0ba;
  font-size:12px;
  font-weight:700;
  letter-spacing:.015em;
  text-decoration:none;
  white-space:nowrap;
  transition:color .18s ease,text-shadow .18s ease;
}
.creator-page .creator-breadcrumb-link:hover,
.creator-page .creator-breadcrumb-link:focus-visible{
  color:#fff;
  text-shadow:0 0 12px rgba(255,43,121,.42);
}
.creator-page .creator-breadcrumb-chevron{
  flex:0 0 auto;
  color:#bd6484;
  font-size:19px;
  font-weight:400;
  line-height:1;
  margin:0 1px;
  user-select:none;
}
.creator-page .creator-breadcrumb-current{
  display:inline-flex;
  flex:0 1 auto;
  min-width:0;
  max-width:100%;
  align-items:center;
  gap:8px;
  padding:8px 13px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(100deg,rgba(255,43,121,.17),rgba(255,43,121,.055));
  border:1px solid rgba(255,100,153,.29);
  box-shadow:0 0 22px rgba(255,43,121,.085);
  font-size:12px;
  font-weight:850;
  line-height:1.15;
}
.creator-page .creator-breadcrumb-dot{
  flex:0 0 auto;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#ff3f85;
  box-shadow:0 0 10px rgba(255,43,121,.8);
}
.creator-page .creator-breadcrumb-label{
  display:block;
  overflow:hidden;
  min-width:0;
  white-space:nowrap;
  text-overflow:ellipsis;
}
@media(max-width:700px){
  .creator-page .creator-breadcrumb{min-height:53px;padding:0 15px}
  .creator-page .creator-breadcrumb-track{min-height:53px;gap:8px}
  .creator-page .creator-breadcrumb-link{font-size:11px}
  .creator-page .creator-breadcrumb-chevron{font-size:16px;margin:0}
  .creator-page .creator-breadcrumb-current{font-size:11px;padding:7px 10px;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .creator-page .creator-breadcrumb-link{transition:none}
}


/* V8: Crawlable alphabetical creator directory, matching Swipe4Her’s V7.9 aesthetic. */
.v8-az-directory{position:relative;isolation:isolate;overflow:hidden;margin:65px auto 15px;padding:35px 34px 39px;border:1px solid rgba(255,88,149,.27);border-radius:26px;background:linear-gradient(135deg,#30232b 0%,#242327 43%,#1e2023 100%);box-shadow:0 18px 45px rgba(0,0,0,.19)}
.v8-az-directory::before{content:"";position:absolute;inset:-170px auto auto 15%;width:min(700px,85vw);height:410px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,rgba(255,43,121,.13),transparent 70%)}
.v8-az-heading{text-align:center;max-width:670px;margin:0 auto 22px}
.v8-az-heading h2{font-size:clamp(27px,3.9vw,39px);letter-spacing:-.045em;line-height:1.1;margin:0 0 12px;color:#fff}
.v8-az-heading h2 span{color:#ff2b79}
.v8-az-heading>p:not(.seo-eyebrow){font-size:14px;line-height:1.65;color:#c5bdc3;margin:0 0 13px}
.v8-az-total{display:inline-block;font-size:11px;font-weight:750;color:#f7b6ce}
.v8-az-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;max-width:860px;margin:0 auto 32px;padding:0}
.v8-az-nav a{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:10px;border:1px solid #55404a;background:#332930;color:#f3d9e4;font-size:13px;font-weight:850;transition:background .18s,border-color .18s,transform .18s}
.v8-az-nav a:hover,.v8-az-nav a:focus-visible{background:#542c3d;border-color:#ff5d97;color:#fff;transform:translateY(-2px)}
.v8-az-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start}
.v8-az-group{padding:17px 16px 15px;border:1px solid #453641;border-radius:17px;background:rgba(27,28,32,.75);scroll-margin-top:90px;min-width:0}
.v8-az-group h3{margin:0 0 11px;padding:0 0 10px;border-bottom:1px solid #45313e;color:#ff69a0;font-weight:950;font-size:19px;line-height:1}
.v8-az-list{margin:0;padding:0;list-style:none}
.v8-az-list li+li{border-top:1px solid rgba(255,255,255,.055)}
.v8-az-link{display:flex;align-items:center;gap:7px;min-width:0;padding:10px 0;color:#f9f6f8;text-decoration:none}
.v8-az-link:hover .v8-az-name,.v8-az-link:focus-visible .v8-az-name{color:#ff85af}
.v8-az-name{font-size:12px;font-weight:750;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .18s}
.v8-az-handle{margin-left:auto;min-width:0;max-width:42%;font-size:10px;color:#a99ba5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.v8-az-arrow{flex:0 0 auto;font-size:13px;color:#ff6198}
.v6-hero-actions .v8-browse-link{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:9px 12px;color:#ff95b9;font-size:13px;font-weight:850;text-decoration:none;white-space:nowrap}
.v6-hero-actions .v8-browse-link:hover{color:#fff;text-shadow:0 0 16px rgba(255,43,121,.3)}
@media(max-width:850px){.v8-az-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.v8-az-directory{padding:29px 22px 31px}}
@media(max-width:600px){.v8-az-directory{margin:43px auto 0;padding:25px 13px 27px;border-radius:19px}.v8-az-heading h2{font-size:28px}.v8-az-heading>p:not(.seo-eyebrow){font-size:12px}.v8-az-nav{gap:6px;margin-bottom:23px}.v8-az-nav a{width:33px;height:33px;flex-basis:33px;font-size:12px}.v8-az-groups{grid-template-columns:1fr;gap:10px}.v8-az-group{padding:14px 14px 12px}.v8-az-name{font-size:12px}.v8-az-handle{font-size:10px}.v6-hero-actions .v8-browse-link{flex-basis:100%;min-height:32px;margin-top:-3px}}
@media(prefers-reduced-motion:reduce){.v8-az-nav a,.v8-az-name{transition:none}}

/* V8.2: verified creator spotlight, additive to original creator bio. */
.creator-research{border-top:1px solid rgba(255,91,148,.22);margin-top:22px;padding-top:19px}
.creator-research-label{font-size:10px;font-weight:900;letter-spacing:.13em;color:#ff7aab;margin:0 0 11px;text-transform:uppercase}
.creator-research-text{font-size:14px;line-height:1.8;max-width:78ch;color:#d8d4da;margin:0;overflow-wrap:anywhere}
@media(max-width:600px){.creator-research{margin-top:19px;padding-top:16px}.creator-research-text{font-size:13px;line-height:1.75}}

/* Creator bio card: approved personal-note design. */
.creator-page .creator-about{
  padding:30px;
  border:1px solid rgba(255,103,163,.55);
  border-radius:24px;
  background:linear-gradient(135deg,#282329 0%,#222326 60%,#242227 100%);
  box-shadow:0 12px 35px rgba(0,0,0,.16),0 0 24px rgba(255,43,121,.045);
}
.creator-page .creator-about::before{display:none}
.creator-page .creator-about-eyebrow{
  color:#ff5a9c;
  font-size:10px;
  font-weight:800;
  letter-spacing:.2em;
  margin:0 0 16px;
}
.creator-page .creator-about h2{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:28px;
  font-weight:850;
  line-height:1.2;
  letter-spacing:-.8px;
  margin:0 0 26px;
  overflow-wrap:anywhere;
}
.creator-page .creator-about h2 span{color:#ff70aa;white-space:nowrap}
.creator-page .creator-bio{
  border-left:3px solid #ee6ba1;
  padding:2px 0 2px 18px;
  margin:0;
  max-width:65ch;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  font-weight:700;
  line-height:1.65;
  letter-spacing:0;
  color:#f5f1f4;
  overflow-wrap:anywhere;
}
.creator-page .creator-tags{
  justify-content:flex-start;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 0;
  margin-top:26px;
  padding-top:17px;
  border-top:1px solid rgba(255,104,163,.3);
}
.creator-page .creator-tag{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:3px 0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#eee9ed;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:13px;
  font-weight:650;
}
.creator-page .creator-tag + .creator-tag::before{
  content:"";
  flex:0 0 4px;
  width:4px;
  height:4px;
  border-radius:50%;
  margin:0 12px;
  background:#ff4d98;
}
.creator-page .creator-tag[href="/category/free/"]{color:#ff67a5}
.creator-page .creator-tag:hover{
  background:none;
  box-shadow:none;
  color:#ff88b8;
  text-decoration:underline;
  text-underline-offset:4px;
}
.creator-page .creator-tag:focus-visible{
  outline:2px solid #ff88b8;
  outline-offset:4px;
  border-radius:3px;
}
@media(max-width:700px){
  .creator-page .creator-about{padding:24px 22px;border-radius:20px}
  .creator-page .creator-about h2{font-size:25px;margin-bottom:22px}
  .creator-page .creator-bio{font-size:16px;padding-left:15px}
  .creator-page .creator-tags{margin-top:23px;padding-top:14px}
  .creator-page .creator-tag + .creator-tag::before{margin:0 10px}
}

/* Match creator photos to the bio card's pink outline. */
.creator-page .creator-avatar{
  border:2px solid rgba(255,103,163,.55);
  box-shadow:0 12px 32px rgba(0,0,0,.25),0 0 18px rgba(255,43,121,.13);
}



/* Match the header navigation to the creator's inline category typography. */
header nav .links{gap:0;font-size:13px}
header nav .links a{display:inline-flex;align-items:center;font-weight:650;color:#eee9ed}
header nav .links a + a::before{content:"";width:4px;height:4px;flex:0 0 4px;border-radius:50%;margin:0 12px;background:#ff4d98}
header nav .links a:hover{color:#ff88b8}
header nav .links a:focus-visible{outline:2px solid #ff88b8;outline-offset:5px;border-radius:3px}

header nav .links a[href="/swipe/"]{color:#ff67a5}
header nav .links a[href="/swipe/"]:hover{color:#ff88b8}

/* Traffic test: existing search tools below the homepage game section. */
.v6-home .v6-browse-tools{padding-top:0;padding-bottom:32px;text-align:center}
.v6-home .v6-browse-tools .v6-search{margin:0 auto}

/* Keep the primary creator link above the bio when the profile stacks on mobile. */
.creator-mobile-cta{display:none}
@media(max-width:700px){
 .creator-mobile-cta{display:block;width:100%}
 .creator-mobile-cta .creator-of-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:54px;font-size:16px}
 .creator-side>.creator-of-btn,.creator-side>.creator-cta-note{display:none}
}

/* Profile details box removed; mobile uses the action above the bio. */
@media(max-width:700px){.creator-page .creator-side{display:none}}
