/* UGCHost Homepage V98c — final production responsive, mobile-header and paint optimization layer. */

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.ugc-home-v19{min-width:0;max-width:100%;overflow-x:clip}
body.ugc-home-v19 main,body.ugc-home-v19 .ugc19-home{min-width:0;max-width:100%;overflow-x:clip}
body.ugc-home-v19 .ugc19-home *,
body.ugc-home-v19 .ugc62-hub *,
body.ugc-home-v19 .ugc70-mentorship *,
body.ugc-home-v19 .ugc64-communities *,
body.ugc-home-v19 .ugc65-payments *,
body.ugc-home-v19 .ugc73-partnerships *,
body.ugc-home-v19 .ugc74-how *{min-width:0}
body.ugc-home-v19 :where(.ugc19-home,.ugc62-hub,.ugc70-mentorship,.ugc64-communities,.ugc65-payments,.ugc73-partnerships,.ugc74-how) :where(img,video,canvas){max-width:100%;height:auto}
body.ugc-home-v19 :where(h1,h2,h3,p,strong,small,a,button){overflow-wrap:break-word}
body.ugc-home-v19 :where(input,select,textarea,button){max-width:100%}
body.ugc-home-v19 a,body.ugc-home-v19 button{touch-action:manipulation}

@supports(content-visibility:auto){
  body.ugc-home-v19 .ugc62-hub{content-visibility:auto;contain-intrinsic-size:1px 1220px}
  body.ugc-home-v19 .ugc64-communities{content-visibility:auto;contain-intrinsic-size:1px 980px}
  body.ugc-home-v19 .ugc65-payments{content-visibility:auto;contain-intrinsic-size:1px 760px}
  body.ugc-home-v19 .ugc73-partnerships{content-visibility:auto;contain-intrinsic-size:1px 1220px}
  body.ugc-home-v19 .ugc74-how{content-visibility:auto;contain-intrinsic-size:1px 1450px}
}

/* Homepage-only top-row account access. It is intentionally a sibling of
   .ugh-utilities so the global mobile rule that hides utility children cannot
   suppress Log in or Sign up. */
#ugcGlobalHeader .ugh-home-mobile-auth{display:none!important}
#ugcGlobalHeader[data-authenticated="1"] .ugh-home-mobile-auth>.ugh-home-mobile-signup{display:none!important}

@media(max-width:1180px){
  body.ugc-home-v19 .ugc19-shell{width:min(100% - 34px,1420px)}
  body.ugc-home-v19 .ugc19-copy h1{font-size:clamp(54px,6.2vw,72px)}
  body.ugc-home-v19 .ugc19-hero-grid{gap:26px}
}

@media(max-width:960px){
  #ugcGlobalHeader .ugh-shell{width:calc(100% - 24px)!important}
  #ugcGlobalHeader .ugh-top-inner{display:flex!important;align-items:center!important;min-height:66px!important;gap:7px!important}
  #ugcGlobalHeader .ugh-brand{flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;gap:9px!important;margin-right:0!important}
  #ugcGlobalHeader .ugh-brand-copy{min-width:0!important}
  #ugcGlobalHeader .ugh-brand-mark{width:39px!important;height:39px!important;border-radius:11px!important;font-size:19px!important}
  #ugcGlobalHeader .ugh-brand-name{font-size:24px!important}
  #ugcGlobalHeader .ugh-brand-tag{display:none!important}
  #ugcGlobalHeader .ugh-search{display:none!important}

  #ugcGlobalHeader .ugh-home-mobile-auth{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;white-space:nowrap!important}
  #ugcGlobalHeader .ugh-home-mobile-auth>a{box-sizing:border-box!important;height:38px!important;min-width:0!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;text-decoration:none!important;white-space:nowrap!important;font-size:10.5px!important;line-height:1!important;font-weight:800!important}
  #ugcGlobalHeader .ugh-home-mobile-auth>.ugh-home-mobile-login{border:1px solid rgba(230,184,84,.34)!important;background:rgba(255,255,255,.025)!important;color:#eef2f6!important}
  #ugcGlobalHeader .ugh-home-mobile-auth>.ugh-home-mobile-signup{border:1px solid rgba(230,184,84,.62)!important;background:linear-gradient(145deg,#f5d37f,#d79a2d)!important;color:#111820!important;box-shadow:0 6px 15px rgba(205,146,32,.17)!important}
  #ugcGlobalHeader[data-authenticated="1"] .ugh-home-mobile-auth>.ugh-home-mobile-signup{display:none!important}

  #ugcGlobalHeader .ugh-utilities{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;margin-left:0!important;white-space:nowrap!important}
  #ugcGlobalHeader .ugh-mobile-toggle{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:0 0 38px!important}
  #ugcGlobalHeader .ugh-nav{display:none!important}
  #ugcGlobalHeader .ugh-mobile.is-open{display:block!important}
  #ugcGlobalHeader .ugh-mobile-search{display:flex!important;position:relative!important;margin:0 0 10px!important}
  #ugcGlobalHeader .ugh-mobile-search input{width:100%!important;height:44px!important;border:1px solid rgba(230,184,84,.25)!important;border-radius:12px!important;background:#f8f8f6!important;color:#15202a!important;padding:0 44px 0 14px!important;outline:0!important;font-size:16px!important}
  #ugcGlobalHeader .ugh-mobile-search button{position:absolute!important;right:6px!important;top:6px!important;width:32px!important;height:32px!important;border:0!important;border-radius:9px!important;background:#e6b854!important;color:#111820!important;font-weight:900!important}
  #ugcGlobalHeader .ugh-mobile-actions{grid-template-columns:1fr 1fr!important}

  body.ugc-home-v19 .ugc19-shell{width:min(100% - 28px,900px)}
  body.ugc-home-v19 .ugc19-hero{padding-top:34px}
  body.ugc-home-v19 .ugc19-hero-grid{grid-template-columns:1fr;min-height:0;gap:22px}
  body.ugc-home-v19 .ugc19-copy{max-width:760px;margin:0 auto;text-align:center}
  body.ugc-home-v19 .ugc19-copy>p,body.ugc-home-v19 .ugc19-benefits,body.ugc-home-v19 .ugc19-search-wrap{margin-left:auto;margin-right:auto}
  body.ugc-home-v19 .ugc19-benefits{text-align:left}
  body.ugc-home-v19 .ugc19-visual{max-width:690px;width:100%;margin-inline:auto}
  body.ugc-home-v19 .ugc19-category-layout{grid-template-columns:1fr}
  body.ugc-home-v19 .ugc19-category-copy{text-align:center}
  body.ugc-home-v19 .ugc19-category-copy p{margin-left:auto;margin-right:auto}
}

@media(max-width:620px){
  #ugcGlobalHeader .ugh-shell{width:calc(100% - 18px)!important}
  #ugcGlobalHeader .ugh-top-inner{min-height:62px!important;gap:4px!important}
  #ugcGlobalHeader .ugh-brand{gap:7px!important}
  #ugcGlobalHeader .ugh-brand-mark{width:35px!important;height:35px!important;font-size:17px!important}
  #ugcGlobalHeader .ugh-brand-name{font-size:21px!important}
  #ugcGlobalHeader .ugh-home-mobile-auth{gap:4px!important}
  #ugcGlobalHeader .ugh-home-mobile-auth>a{height:36px!important;padding:0 8px!important;font-size:9.5px!important}
  #ugcGlobalHeader .ugh-mobile-toggle{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important;font-size:19px!important}
  #ugcGlobalHeader .ugh-mobile-actions{grid-template-columns:1fr!important}

  body.ugc-home-v19 .ugc19-shell,
  html body .ugc62-shell,
  html body .ugc70-shell,
  html body.ugc-home-v19 .ugc64-shell,
  html body .ugc65-shell,
  html body .ugc73-shell,
  html body .ugc74-shell{width:calc(100% - 20px)!important}

  body.ugc-home-v19 .ugc19-hero{padding-top:28px;padding-bottom:22px}
  body.ugc-home-v19 .ugc19-copy h1{font-size:clamp(40px,12vw,52px)!important;line-height:.96!important;letter-spacing:-.035em!important}
  body.ugc-home-v19 .ugc19-copy>p{font-size:13px!important;line-height:1.58!important}
  body.ugc-home-v19 .ugc19-benefits{grid-template-columns:1fr!important;max-width:360px!important;gap:12px!important}
  body.ugc-home-v19 .ugc19-search-wrap{width:100%!important}
  body.ugc-home-v19 .ugc19-live-search,
  body.ugc-home-v19 .ugc19-live-search.ugc9-master-search,
  body.ugc-home-v19 .ugc19-live-search.ugc-has-region{grid-template-columns:1fr!important;gap:9px!important;padding:12px!important}
  body.ugc-home-v19 .ugc19-live-search .search-control-profession,
  body.ugc-home-v19 .ugc19-live-search .ugc19-filter-control,
  body.ugc-home-v19 .ugc19-live-search #searchBtn,
  body.ugc-home-v19 .ugc19-live-search #regionControl{grid-column:1/-1!important;grid-row:auto!important}
  body.ugc-home-v19 .ugc19-live-search input,
  body.ugc-home-v19 .ugc19-live-search select{font-size:16px!important;min-height:32px!important}
  body.ugc-home-v19 .ugc19-live-search #searchBtn{min-height:46px!important;font-size:11px!important}
  body.ugc-home-v19 .ugc19-heading-row{flex-direction:column!important;align-items:flex-start!important;gap:9px!important}
  body.ugc-home-v19 .ugc19-section-title{font-size:clamp(32px,10vw,43px)!important}
  body.ugc-home-v19 .ugc19-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.ugc-home-v19 .ugc19-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ugc-home-v19 .ugc19-brand-row{flex-wrap:wrap!important;justify-content:center!important}
  body.ugc-home-v19 .ugc19-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ugc-home-v19 .ugc19-review-grid{grid-template-columns:1fr!important}
  body.ugc-home-v19 .ugc19-steps{grid-template-columns:1fr!important}

  @supports(content-visibility:auto){
    body.ugc-home-v19 .ugc62-hub{contain-intrinsic-size:1px 2100px}
    body.ugc-home-v19 .ugc64-communities{contain-intrinsic-size:1px 1700px}
    body.ugc-home-v19 .ugc65-payments{contain-intrinsic-size:1px 1050px}
    body.ugc-home-v19 .ugc73-partnerships{contain-intrinsic-size:1px 2050px}
    body.ugc-home-v19 .ugc74-how{contain-intrinsic-size:1px 2400px}
  }

  html body .ugc62-hub::before,html body .ugc62-hub::after,
  html body.ugc-home-v19 .ugc64-communities::before,html body.ugc-home-v19 .ugc64-communities::after,
  html body .ugc65-payments::before,html body .ugc65-payments::after,
  html body .ugc73-partnerships::before,html body .ugc73-partnerships::after,
  html body .ugc74-how::before,html body .ugc74-how::after{display:none!important}
}

@media(max-width:390px){
  #ugcGlobalHeader .ugh-shell{width:calc(100% - 14px)!important}
  #ugcGlobalHeader .ugh-brand-mark{display:none!important}
  #ugcGlobalHeader .ugh-brand-name{font-size:20px!important}
  #ugcGlobalHeader .ugh-home-mobile-auth>a{height:35px!important;padding:0 7px!important;font-size:9px!important}
  #ugcGlobalHeader .ugh-mobile-toggle{width:35px!important;height:35px!important;flex-basis:35px!important}
  body.ugc-home-v19 .ugc19-shell,
  html body .ugc62-shell,
  html body .ugc70-shell,
  html body.ugc-home-v19 .ugc64-shell,
  html body .ugc65-shell,
  html body .ugc73-shell,
  html body .ugc74-shell{width:calc(100% - 16px)!important}
  body.ugc-home-v19 .ugc19-copy h1{font-size:39px!important}
  body.ugc-home-v19 .ugc19-creator-grid{grid-template-columns:1fr!important}
  body.ugc-home-v19 .ugc19-creator-photo{height:auto!important;aspect-ratio:4/3!important}
}

@media(max-width:340px){
  #ugcGlobalHeader .ugh-brand-name{font-size:18px!important}
  #ugcGlobalHeader .ugh-home-mobile-auth>a{padding:0 6px!important;font-size:8.5px!important}
}

@media(min-width:1800px){
  body.ugc-home-v19 .ugc19-shell{width:min(1500px,calc(100% - 96px))}
  html body .ugc62-shell,html body .ugc70-shell,html body.ugc-home-v19 .ugc64-shell,html body .ugc65-shell,html body .ugc73-shell,html body .ugc74-shell{width:min(1540px,calc(100% - 96px))!important}
}

@media(hover:none),(pointer:coarse){
  body.ugc-home-v19 :where(a,button){-webkit-tap-highlight-color:rgba(217,155,52,.16)}
  body.ugc-home-v19 :where(.ugc19-creator-card,.ugc19-category-card,.ugc62-node,.ugc70-program){transform:none!important}
}

@media(prefers-reduced-motion:reduce){
  body.ugc-home-v19 *,#ugcGlobalHeader *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
