body.public-site:has(.talent-detail) { background: #151515; }
.talent-detail { --talent-ink: #f5f8ff; --talent-glass: rgb(255 255 255 / 7%); --talent-border: rgb(191 218 255 / 16%); position: relative; isolation: isolate; display: grid; width: 100%; height: 100svh; min-height: 0; overflow: hidden; grid-template-rows: 48px minmax(0, 1fr) auto; padding: 24px 32px 16px; color: var(--talent-ink); background: #151515; }
.talent-detail .public-nav { margin-bottom: 0; }
.talent-detail__logo { display: block; width: 132px; opacity: .48; transition: opacity 180ms ease; }
.talent-detail__logo svg { display: block; width: 100%; height: auto; }
.talent-detail__logo:hover { opacity: 1; filter: brightness(0) invert(1); }
.talent-detail__layout { position: relative; display: grid; width: min(800px, 100%); height: 100%; min-height: 0; align-content: center; margin: 0 auto; grid-template-columns: minmax(0, 310px) minmax(0, 430px); grid-template-areas: "photo heading" "photo offer" "profile purchase"; column-gap: 56px; row-gap: 20px; align-items: start; }
.talent-detail__visual { grid-area: photo; align-self: start; aspect-ratio: 1; width: 100%; overflow: hidden; border-radius: 24px; background: #171717; box-shadow: none; }
.talent-detail__visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
.talent-detail__fallback { display: grid; height: 100%; place-items: center; color: #888; font-size: 80px; }
.talent-detail__heading { grid-area: heading; align-self: start; min-width: 0; margin: 0; }
.talent-detail__heading h1 { margin: 20px 0 0; color: var(--talent-ink); font-size: clamp(30px, 3.2vw, 42px); font-weight: 650; line-height: 1.15; letter-spacing: -.035em; text-wrap: balance; overflow-wrap: anywhere; }
.talent-detail__heading h1:first-child { margin-top: 0; }
.talent-detail__glass { border: 1px solid var(--talent-border); background: linear-gradient(135deg, #ffffff0d, #ffffff02 55%, #ffffff05), var(--talent-glass); box-shadow: inset 0 1px 0 #ffffff12, inset 0 -1px 0 #ffffff03, 0 16px 48px #00000024; -webkit-backdrop-filter: blur(28px) saturate(125%); backdrop-filter: blur(28px) saturate(125%); }
.talent-detail__category { display: inline-flex; max-width: 100%; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 7px; color: #e3e3e3; font-size: 11px; line-height: 16px; overflow-wrap: anywhere; }
.talent-detail__category svg { width: 14px; height: 14px; flex-shrink: 0; }
.talent-detail__offer { grid-area: offer; overflow: hidden; padding: 0 24px 26px; border-radius: 20px; }
.talent-detail__offer > .subscription-price,
.talent-detail__offer > .talent-detail__offer-title { margin: 0 -24px; padding: 18px 24px; border-bottom: 1px solid #ffffff08; background: linear-gradient(110deg, #ffffff08, #ffffff02); }
.talent-detail .subscription-price { gap: 3px; }
.talent-detail .subscription-price strong { font-size: 22px; font-weight: 650; }
.talent-detail .subscription-price span { color: #ddd; font-size: 12px; }
.talent-detail__offer-title { margin: 0; font-size: 20px; }
.talent-detail__benefits { display: grid; gap: 24px; margin: 26px 0 0; padding: 0; list-style: none; }
.talent-detail__benefits li { display: flex; align-items: center; gap: 22px; color: #c3c3c3; font-size: 13px; line-height: 1.6; }
.talent-detail__benefits svg { width: 22px; height: 22px; flex-shrink: 0; color: #f1f1f1; }
.talent-detail__profile { grid-area: profile; display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.talent-detail__bio { margin: 0; color: #aaa; font-size: 14px; line-height: 1.65; white-space: pre-line; overflow-wrap: anywhere; }
.talent-detail__updated { margin: 0; color: #888; font-size: 12px; line-height: 1.6; }
.talent-detail__purchase { grid-area: purchase; padding-top: 10px; }
.talent-detail .subscription-button { min-height: 48px; padding: 12px 24px; border: 1px solid #ffffff38; border-radius: 999px; background: linear-gradient(120deg, #ffffff18, #ffffff06), #ffffff20; box-shadow: inset 0 1px 0 #ffffff24, 0 6px 24px #0003; -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); color: #fff; font-size: 14px; font-weight: 600; line-height: 1.5; transition: background-color 180ms ease, border-color 180ms ease; }
.talent-detail .subscription-button:hover { background-color: #ffffff30; border-color: #ffffff60; }
.talent-detail .subscription-note { color: #999; font-size: 11px; }
.talent-detail .subscription-status { margin-bottom: 16px; font-size: 13px; }
.talent-detail .subscription-result { color: #ccc; }
.talent-detail__socials { display: flex; flex-wrap: wrap; gap: 20px; margin: 0; padding: 0; }
.talent-detail__socials a { display: inline-flex; align-items: center; justify-content: center; padding: 0 4px; color: #aaa; text-decoration: none; }
.talent-detail__socials a:hover { color: #fff; }
.talent-detail__socials svg { display: block; width: 18px; height: 18px; }
.talent-detail__legal-footer { margin: 0 auto; padding: 12px 0 4px; }
.talent-detail__legal-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 28px; }
.talent-detail__legal-footer a { color: #888; font-size: 12px; text-decoration: none; transition: color 150ms ease; }
.talent-detail__legal-footer a:hover { color: #fff; }
.talent-detail a:focus-visible, .talent-detail button:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
@media (max-width: 760px) {
  .talent-detail { display: block; height: auto; min-height: 100svh; overflow: visible; padding: 16px 24px 48px; }
  .talent-detail .public-nav { margin: 0; }
  .talent-detail__logo { width: 120px; }
  .talent-detail__layout { width: min(430px, 100%); height: auto; margin-top: 40px; grid-template-columns: minmax(0, 1fr); grid-template-areas: "photo" "heading" "profile" "offer" "purchase"; row-gap: 24px; }
  .talent-detail__heading h1 { font-size: 30px; margin-top: 16px; }
  .talent-detail__visual { border-radius: 24px; }
  .talent-detail__offer { border-radius: 20px; padding: 0 24px 24px; }
  .talent-detail__purchase { padding-top: 0; }
  .talent-detail__profile { gap: 16px; }
  .talent-detail__legal-footer { margin-top: 56px; padding-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .talent-detail .subscription-button, .talent-detail__logo { transition: none; }
}