.girl-hero {
    --vf-pointer-x: 50%;
    --vf-pointer-y: 38%;
    --vf-shift-x: 0px;
    --vf-shift-y: 0px;
    isolation: isolate;
}

.profile-hero-stage {
    width: min(calc(100% - 3rem), 72rem);
    margin: clamp(1rem, 2.4vw, 2rem) auto 0;
    border: 1px solid rgba(161, 161, 170, 0.34) !important;
    border-radius: 2rem;
    background: #09090b;
    box-shadow:
        0 30px 90px rgba(0, 0, 0, 0.52),
        -28px 18px 78px rgba(219, 39, 119, 0.075),
        30px 16px 82px rgba(34, 211, 238, 0.05),
        0 0 0 1px rgba(244, 114, 182, 0.055),
        inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.profile-hero-stage::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    border-radius: inherit;
    background:
        radial-gradient(680px circle at 10% 88%, rgba(219, 39, 119, 0.105), transparent 64%),
        radial-gradient(620px circle at 90% 12%, rgba(34, 211, 238, 0.065), transparent 66%),
        linear-gradient(115deg, transparent 18%, rgba(192, 38, 211, 0.042) 48%, rgba(34, 211, 238, 0.03) 70%, transparent 88%);
    mix-blend-mode: screen;
    opacity: 0.72;
}

.profile-hero-content {
    z-index: 3;
}

.profile-hero-breadcrumb,
.profile-hero-copy {
    width: 100%;
    max-width: 34rem !important;
}

.profile-hero-breadcrumb--right,
.profile-hero-copy--right {
    margin-left: auto;
}

.profile-hero-breadcrumb--left,
.profile-hero-copy--left {
    margin-right: auto;
}

.profile-hero-copy {
    position: relative;
}

.profile-hero-copy::before {
    content: "";
    position: absolute;
    top: 0.25rem;
    bottom: 0.25rem;
    width: 1px;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, #fb7185 16%, #c084fc 44%, #22d3ee 72%, transparent);
    box-shadow: 0 0 22px rgba(192, 132, 252, 0.3);
    opacity: 0.72;
}

.profile-hero-copy--right::before {
    left: -1.5rem;
}

.profile-hero-copy--left::before {
    right: -1.5rem;
}

.girl-hero .hero-image {
    transform: scale(1.035) translate3d(var(--vf-shift-x), var(--vf-shift-y), 0);
    transition: transform 520ms cubic-bezier(0.2, 0.75, 0.25, 1);
    will-change: transform;
}

.profile-json-hero-backdrop {
    overflow: hidden;
    background: #09090b;
}

.profile-json-hero-backdrop img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(28px) brightness(0.52) saturate(0.82);
    opacity: 0.82;
    transform: scale(1.16);
}

.profile-json-hero-art {
    position: absolute;
    top: 0;
    bottom: 0;
    width: min(64%, 46rem);
    overflow: hidden;
}

.profile-json-hero-art--right {
    right: 0;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.12) 6%, #000 23%, #000 100%);
    mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.12) 6%, #000 23%, #000 100%);
}

.profile-json-hero-art--left {
    left: 0;
    -webkit-mask-image: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.12) 6%, #000 23%, #000 100%);
    mask-image: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.12) 6%, #000 23%, #000 100%);
}

.profile-json-hero-foreground {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center center !important;
}

.profile-json-hero-foreground--carla-cruz {
    object-position: 100% center !important;
}

@media (max-width: 700px) {
    .profile-hero-stage {
        width: 100%;
        margin-top: 0;
        border-inline: 0 !important;
        border-radius: 0;
    }

    .profile-hero-copy::before {
        display: none;
    }

    .profile-hero-stage::after {
        opacity: 0.48;
    }

    .profile-json-hero-art--right,
    .profile-json-hero-art--left {
        left: 0;
        right: 0;
        width: 100%;
        -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 50%, rgba(0, 0, 0, 0.82) 66%, transparent 94%);
        mask-image: linear-gradient(to bottom, #000 0%, #000 50%, rgba(0, 0, 0, 0.82) 66%, transparent 94%);
    }
}

.hero-effects-layer {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(
            430px circle at var(--vf-pointer-x) var(--vf-pointer-y),
            rgba(244, 114, 182, 0.068) 0,
            rgba(192, 38, 211, 0.032) 34%,
            rgba(88, 28, 135, 0.016) 52%,
            transparent 72%
        );
    mix-blend-mode: screen;
    opacity: 0.68;
    transition: opacity 280ms ease;
}

.hero-effects-layer::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: repeating-linear-gradient(
        0deg,
        rgba(255, 255, 255, 0.0044) 0,
        rgba(255, 255, 255, 0.0044) 1px,
        transparent 1px,
        transparent 5px
    );
    -webkit-mask-image: radial-gradient(360px circle at var(--vf-pointer-x) var(--vf-pointer-y), black, transparent 78%);
    mask-image: radial-gradient(360px circle at var(--vf-pointer-x) var(--vf-pointer-y), black, transparent 78%);
    opacity: 0.7;
}

.girl-hero.vf-pointer-active .hero-effects-layer {
    opacity: 1;
}

.hero-primary-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(110deg, #db2777 0%, #ec4899 28%, #c026d3 50%, #ec4899 72%, #db2777 100%) !important;
    background-size: 220% 100% !important;
    box-shadow: 0 14px 38px rgba(219, 39, 119, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.24);
    animation: vf-cta-gradient 5s linear infinite;
    transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.hero-primary-cta::before {
    content: "";
    position: absolute;
    top: -40%;
    bottom: -40%;
    left: -45%;
    width: 28%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transform: skewX(-22deg) translateX(-180%);
    animation: vf-cta-sheen 4.2s ease-in-out infinite;
}

.hero-primary-cta:hover,
.hero-primary-cta:focus-visible {
    transform: translateY(-2px);
    filter: saturate(1.12) brightness(1.05);
    box-shadow: 0 18px 48px rgba(219, 39, 119, 0.42), 0 0 0 1px rgba(244, 114, 182, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.hero-primary-cta:active {
    transform: translateY(0) scale(0.985);
}

.hero-features-cta {
    --vf-features-cyan: #22d3ee;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #ecfdf5 !important;
    border-color: #6ee7b7 !important;
    background:
        radial-gradient(120% 180% at 8% 0%, rgba(52, 211, 153, 0.34), transparent 54%),
        linear-gradient(135deg, rgba(6, 78, 59, 0.96), rgba(4, 47, 46, 0.97) 58%, rgba(8, 47, 73, 0.96)) !important;
    box-shadow:
        0 14px 34px rgba(5, 150, 105, 0.2),
        0 0 0 1px rgba(34, 211, 238, 0.12),
        inset 0 1px 0 rgba(167, 243, 208, 0.22);
    text-shadow: 0 0 16px rgba(34, 211, 238, 0.24);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.hero-features-cta::before {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 10%, rgba(110, 231, 183, 0.08) 42%, rgba(34, 211, 238, 0.12) 72%, transparent 92%);
}

.hero-features-cta:hover,
.hero-features-cta:focus-visible {
    color: #ffffff !important;
    border-color: #a7f3d0 !important;
    transform: translateY(-2px);
    filter: saturate(1.12) brightness(1.06);
    box-shadow:
        0 18px 42px rgba(5, 150, 105, 0.3),
        0 0 28px rgba(34, 211, 238, 0.14),
        0 0 0 1px rgba(110, 231, 183, 0.24),
        inset 0 1px 0 rgba(209, 250, 229, 0.3);
}

.hero-features-cta:active {
    transform: translateY(0) scale(0.985);
}

@keyframes vf-cta-gradient {
    to { background-position: -220% 0; }
}

@keyframes vf-cta-sheen {
    0%, 62% { transform: skewX(-22deg) translateX(-180%); opacity: 0; }
    68% { opacity: 1; }
    82%, 100% { transform: skewX(-22deg) translateX(650%); opacity: 0; }
}

.profile-story-card,
.profile-bio-card,
.profile-extra-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.profile-story-card {
    display: flex;
    flex-direction: column;
    border-color: rgba(244, 114, 182, 0.2) !important;
    background:
        radial-gradient(520px circle at 8% 4%, rgba(219, 39, 119, 0.12), transparent 58%),
        radial-gradient(420px circle at 96% 88%, rgba(34, 211, 238, 0.052), transparent 62%),
        linear-gradient(150deg, rgba(29, 20, 31, 0.98), rgba(14, 15, 22, 0.99)) !important;
}

.profile-legacy-facts {
    margin: 2rem -1.75rem 0 !important;
    overflow: hidden;
    border-top: 1px solid rgba(192, 132, 252, 0.22);
    border-bottom: 1px solid rgba(34, 211, 238, 0.16);
    background:
        linear-gradient(90deg, rgba(219, 39, 119, 0.055), rgba(126, 34, 206, 0.05) 50%, rgba(8, 145, 178, 0.045)),
        rgba(9, 9, 11, 0.38);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), inset 0 -1px 0 rgba(255, 255, 255, 0.018);
}

.profile-legacy-facts .legacy-fact-card {
    padding: 1.25rem 1.75rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.profile-legacy-facts .legacy-fact-card:nth-child(1) {
    background: radial-gradient(180px circle at 10% 0%, rgba(244, 114, 182, 0.11), transparent 70%) !important;
}

.profile-legacy-facts .legacy-fact-card:nth-child(2) {
    background: radial-gradient(180px circle at 50% 0%, rgba(192, 132, 252, 0.1), transparent 70%) !important;
}

.profile-legacy-facts .legacy-fact-card:nth-child(3) {
    background: radial-gradient(180px circle at 90% 0%, rgba(34, 211, 238, 0.08), transparent 70%) !important;
}

.profile-legacy-facts .legacy-fact-card + .legacy-fact-card {
    border-top: 1px solid rgba(192, 132, 252, 0.16) !important;
}

@media (min-width: 640px) {
    .profile-legacy-facts {
        margin-inline: -2.5rem !important;
    }

    .profile-legacy-facts .legacy-fact-card {
        padding-inline: 2rem !important;
    }

    .profile-legacy-facts .legacy-fact-card + .legacy-fact-card {
        border-top: 0 !important;
        border-left: 1px solid rgba(192, 132, 252, 0.16) !important;
    }
}

.profile-story-card > *,
.profile-bio-card > *,
.profile-pdf-card > *,
.profile-photo-card > * {
    position: relative;
    z-index: 2;
}

.profile-story-card::before,
.profile-bio-card::before,
.profile-pdf-card::before,
.profile-photo-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    padding: 1px;
    border-radius: inherit;
    pointer-events: none;
    background: conic-gradient(from 110deg, #fb7185, #c084fc, #22d3ee, #4ade80, #fde047, #fb7185);
    background-size: 180% 180%;
    opacity: 0.3;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: opacity 180ms ease;
}

.profile-story-summary {
    border-color: rgba(244, 114, 182, 0.34) !important;
    background:
        radial-gradient(320px circle at 10% 20%, rgba(244, 114, 182, 0.11), transparent 62%),
        radial-gradient(280px circle at 92% 88%, rgba(34, 211, 238, 0.045), transparent 65%),
        linear-gradient(145deg, rgba(57, 18, 44, 0.5), rgba(28, 17, 38, 0.7)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 30px rgba(0, 0, 0, 0.13);
}

.profile-bio-card {
    border-color: rgba(192, 132, 252, 0.2) !important;
    background:
        radial-gradient(480px circle at 92% 6%, rgba(192, 38, 211, 0.09), transparent 58%),
        radial-gradient(380px circle at 4% 94%, rgba(34, 211, 238, 0.045), transparent 62%),
        linear-gradient(150deg, rgba(28, 21, 34, 0.98), rgba(14, 16, 23, 0.99)) !important;
}

.profile-photo-card {
    border-color: rgba(192, 132, 252, 0.24) !important;
    background:
        radial-gradient(420px circle at 8% 18%, rgba(192, 38, 211, 0.13), transparent 62%),
        radial-gradient(360px circle at 94% 88%, rgba(34, 211, 238, 0.055), transparent 64%),
        linear-gradient(145deg, rgba(34, 22, 42, 0.97), rgba(12, 15, 24, 0.99)) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.profile-pdf-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: inherit;
    text-decoration: none;
    border: 1px solid rgba(244, 114, 182, 0.26);
    background:
        radial-gradient(420px circle at 5% 45%, rgba(219, 39, 119, 0.18), transparent 62%),
        radial-gradient(360px circle at 96% 12%, rgba(34, 211, 238, 0.065), transparent 64%),
        linear-gradient(145deg, rgba(37, 22, 40, 0.96), rgba(12, 15, 24, 0.99));
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.profile-pdf-card:hover,
.profile-pdf-card:focus-visible {
    color: inherit;
    border-color: rgba(244, 114, 182, 0.68);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.3), 0 0 28px rgba(219, 39, 119, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.profile-pdf-card:hover::before,
.profile-pdf-card:focus-visible::before {
    opacity: 0.78;
    animation: vf-stat-edge 3.2s linear infinite;
}

.profile-pdf-thumb {
    position: relative;
    width: 4.25rem;
    height: 5.5rem;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 0.55rem;
    color: rgba(255, 255, 255, 0.88);
    background:
        linear-gradient(165deg, rgba(244, 114, 182, 0.28), rgba(126, 34, 206, 0.28) 48%, rgba(9, 9, 11, 0.92)),
        #27272a;
    border: 1px solid rgba(244, 114, 182, 0.4);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.profile-pdf-thumb::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1.15rem;
    height: 1.15rem;
    background: linear-gradient(225deg, #09090b 0 48%, rgba(244, 114, 182, 0.65) 50% 100%);
}

.profile-pdf-thumb::after {
    content: "";
    position: absolute;
    left: 0.7rem;
    right: 0.7rem;
    bottom: 1.45rem;
    height: 0.18rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.55);
    box-shadow: 0 0.48rem 0 rgba(255, 255, 255, 0.24), 0 0.96rem 0 rgba(244, 114, 182, 0.32);
}

.profile-pdf-thumb i {
    position: absolute;
    top: 1.15rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.15rem;
    color: #f9a8d4;
    filter: drop-shadow(0 0 7px rgba(244, 114, 182, 0.45));
}

.profile-pdf-thumb span {
    position: absolute;
    left: 0.65rem;
    bottom: 0.45rem;
    font-size: 0.48rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    color: #fbcfe8;
}

.profile-pdf-eyebrow {
    color: #f0abfc;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.profile-pdf-action {
    color: #f9a8d4;
    transition: color 180ms ease;
}

.profile-pdf-card:hover .profile-pdf-action,
.profile-pdf-card:focus-visible .profile-pdf-action {
    color: #fdf2f8;
}

.stat-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.stat-card:nth-child(4n + 1) {
    background:
        radial-gradient(180px circle at 12% 10%, rgba(244, 114, 182, 0.12), transparent 66%),
        linear-gradient(145deg, rgba(43, 24, 38, 0.96), rgba(14, 15, 20, 0.99));
    border-color: rgba(244, 114, 182, 0.2);
}

.stat-card:nth-child(4n + 2) {
    background:
        radial-gradient(180px circle at 88% 10%, rgba(192, 132, 252, 0.12), transparent 66%),
        linear-gradient(145deg, rgba(35, 25, 46, 0.96), rgba(14, 15, 21, 0.99));
    border-color: rgba(192, 132, 252, 0.2);
}

.stat-card:nth-child(4n + 3) {
    background:
        radial-gradient(180px circle at 12% 10%, rgba(34, 211, 238, 0.09), transparent 66%),
        linear-gradient(145deg, rgba(20, 37, 42, 0.96), rgba(13, 16, 21, 0.99));
    border-color: rgba(34, 211, 238, 0.18);
}

.stat-card:nth-child(4n) {
    background:
        radial-gradient(180px circle at 88% 10%, rgba(250, 204, 21, 0.075), transparent 66%),
        linear-gradient(145deg, rgba(41, 34, 21, 0.96), rgba(15, 16, 20, 0.99));
    border-color: rgba(250, 204, 21, 0.16);
}

.stat-card > * {
    position: relative;
    z-index: 2;
}

.stat-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    padding: 1px;
    border-radius: inherit;
    pointer-events: none;
    background: conic-gradient(from 90deg, #fb7185, #c084fc, #22d3ee, #4ade80, #fde047, #fb7185);
    background-size: 180% 180%;
    opacity: 0;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: opacity 180ms ease;
}

.stat-card:hover {
    border-color: transparent;
    box-shadow: 0 0 18px rgba(192, 132, 252, 0.08);
}

.stat-card:hover::before {
    opacity: 0.86;
    animation: vf-stat-edge 3.2s linear infinite;
}

@keyframes vf-stat-edge {
    to { background-position: 180% 180%; }
}

.profile-story-column,
.profile-bio-column {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2rem;
}

.profile-story-summary {
    margin-top: 2rem !important;
}

.profile-detail-extras {
    width: 100%;
    max-width: none !important;
}

.profile-detail-extras-grid {
    width: 100%;
}

.profile-detail-extras-grid > .profile-extra-card {
    width: 100%;
    min-width: 0;
    height: 100%;
}

@media (min-width: 768px) {
    .profile-extras-single .profile-photo-card {
        display: grid !important;
        grid-template-columns: 4rem minmax(0, 1fr);
        column-gap: 1.5rem;
        text-align: left;
    }

    .profile-extras-single .profile-photo-card > :first-child {
        grid-column: 1;
        grid-row: 1 / span 6;
        align-self: center;
        margin: 0;
    }

    .profile-extras-single .profile-photo-card > :not(:first-child) {
        grid-column: 2;
    }
}

@media (min-width: 1024px) {
    .profile-story-grid {
        align-items: start !important;
    }
}

.profile-feature-section {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(760px circle at 18% 44%, rgba(219, 39, 119, 0.09), transparent 64%),
        radial-gradient(680px circle at 82% 58%, rgba(34, 211, 238, 0.055), transparent 66%),
        rgba(24, 24, 27, 0.45) !important;
}

.profile-feature-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 20%, rgba(192, 38, 211, 0.035) 48%, rgba(34, 211, 238, 0.025) 68%, transparent 86%);
}

.profile-feature-grid {
    position: relative;
    z-index: 1;
}

.profile-feature-card {
    --vf-card-x: 50%;
    --vf-card-y: 38%;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 19rem;
    border: 1px solid transparent !important;
    background:
        linear-gradient(155deg, rgba(17, 17, 21, 0.98), rgba(5, 5, 8, 0.99)) padding-box,
        linear-gradient(115deg, rgba(244, 114, 182, 0.62), rgba(192, 38, 211, 0.38), rgba(34, 211, 238, 0.28), rgba(250, 204, 21, 0.22), rgba(244, 114, 182, 0.46)) border-box !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.profile-feature-card > * {
    position: relative;
    z-index: 2;
}

.profile-feature-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(280px circle at var(--vf-card-x) var(--vf-card-y), rgba(244, 114, 182, 0.08), rgba(192, 38, 211, 0.035) 38%, transparent 70%),
        linear-gradient(135deg, rgba(244, 114, 182, 0.035), transparent 44%, rgba(34, 211, 238, 0.025));
    opacity: 0.72;
    transition: opacity 220ms ease;
}

.profile-feature-card.vf-card-active::before {
    opacity: 1;
}

.profile-feature-card::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 4px;
    height: 4px;
    right: 19%;
    bottom: 18%;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.92);
    transform: rotate(45deg);
    box-shadow:
        -72px -20px 0 0 rgba(244, 114, 182, 0.72),
        -34px 22px 0 -1px rgba(192, 132, 252, 0.82),
        28px -34px 0 -1px rgba(103, 232, 249, 0.8),
        58px 12px 0 -1px rgba(253, 224, 71, 0.68),
        82px -54px 0 -1px rgba(244, 114, 182, 0.62);
    filter: drop-shadow(0 0 5px rgba(244, 114, 182, 0.72));
    opacity: 0.48;
    animation: vf-sparkle 5.8s ease-in-out infinite;
}

.profile-feature-card--2::before {
    background:
        radial-gradient(280px circle at var(--vf-card-x) var(--vf-card-y), rgba(192, 132, 252, 0.08), rgba(34, 211, 238, 0.0325) 42%, transparent 70%),
        linear-gradient(140deg, rgba(192, 38, 211, 0.035), transparent 45%, rgba(34, 211, 238, 0.035));
}

.profile-feature-card--2::after {
    right: 27%;
    bottom: 15%;
    animation-delay: -2.1s;
    filter: drop-shadow(0 0 5px rgba(103, 232, 249, 0.65));
}

.profile-feature-card--3::after {
    right: 12%;
    top: 14%;
    bottom: auto;
    opacity: 0.3;
    animation-delay: -3.7s;
}

.profile-feature-card > div:first-child {
    background: linear-gradient(135deg, rgba(131, 24, 67, 0.78), rgba(88, 28, 135, 0.58)) !important;
    border: 1px solid rgba(244, 114, 182, 0.18);
    box-shadow: 0 8px 24px rgba(219, 39, 119, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.profile-feature-card--2 > div:first-child {
    color: #c4b5fd !important;
    background: linear-gradient(135deg, rgba(88, 28, 135, 0.72), rgba(8, 145, 178, 0.32)) !important;
}

.profile-feature-card--3 > div:first-child {
    color: #f9a8d4 !important;
    background: linear-gradient(135deg, rgba(190, 24, 93, 0.65), rgba(161, 98, 7, 0.25)) !important;
}

@keyframes vf-sparkle {
    0%, 54%, 100% { opacity: 0.28; filter: brightness(0.82) drop-shadow(0 0 3px rgba(244, 114, 182, 0.45)); }
    62% { opacity: 0.78; filter: brightness(1.32) drop-shadow(0 0 7px rgba(244, 114, 182, 0.8)); }
    70% { opacity: 0.38; }
    76% { opacity: 0.66; }
}

@media (hover: none), (pointer: coarse) {
    .girl-hero .hero-image {
        transform: scale(1.02);
        will-change: auto;
    }

    .hero-effects-layer {
        background:
            radial-gradient(420px circle at 72% 32%, rgba(244, 114, 182, 0.04), rgba(126, 34, 206, 0.016) 48%, transparent 72%);
        opacity: 0.72;
    }

    .hero-effects-layer::after {
        display: none;
    }

    .profile-feature-card::before {
        background:
            radial-gradient(260px circle at 70% 28%, rgba(244, 114, 182, 0.11), rgba(34, 211, 238, 0.035) 48%, transparent 72%);
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .profile-feature-card {
        min-height: 16rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .girl-hero .hero-image {
        transform: scale(1.02);
        transition: none;
        will-change: auto;
    }

    .hero-effects-layer {
        background:
            radial-gradient(420px circle at 72% 32%, rgba(244, 114, 182, 0.036), rgba(126, 34, 206, 0.014) 48%, transparent 72%);
        transition: none;
    }

    .hero-effects-layer::after {
        display: none;
    }

    .hero-primary-cta,
    .hero-primary-cta::before,
    .profile-feature-card::after,
    .profile-pdf-card:hover::before,
    .profile-pdf-card:focus-visible::before,
    .stat-card:hover::before {
        animation: none !important;
    }

    .profile-pdf-card,
    .profile-photo-card,
    .profile-pdf-action,
    .hero-features-cta,
    .stat-card::before,
    .profile-feature-card::before {
        transition: none;
    }

    .hero-primary-cta:hover,
    .hero-primary-cta:focus-visible,
    .hero-primary-cta:active,
    .hero-features-cta:hover,
    .hero-features-cta:focus-visible,
    .hero-features-cta:active {
        transform: none;
    }
}