/* UGCHost Signup V116 — premium Creator / Brand / Agency landing experience. */
html body.signup-page.signup-agency-v116{
  --v116-gold:#d8ad4d;
  --v116-gold-light:#f3d98d;
  --v116-ink:#071427;
  --v116-navy:#061322;
  --v116-navy2:#0a2747;
  --v116-cream:#fbf8f1;
  background:
    radial-gradient(circle at 7% 7%,rgba(216,173,77,.16),transparent 28%),
    radial-gradient(circle at 92% 92%,rgba(56,112,176,.16),transparent 31%),
    linear-gradient(145deg,#050e1a 0%,#07192e 52%,#0b2948 100%)!important;
}
html body.signup-page.signup-agency-v116 .signup-main{padding:22px 22px 38px!important}
html body.signup-page.signup-agency-v116 .signup-shell{
  position:relative!important;
  width:min(1440px,calc(100vw - 44px))!important;
  max-width:1440px!important;
  min-height:740px!important;
  height:auto!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important;
  overflow:hidden!important;
  border:1px solid rgba(226,185,90,.72)!important;
  border-radius:32px!important;
  background:#fff!important;
  box-shadow:0 38px 100px rgba(0,6,17,.44),0 0 0 1px rgba(255,255,255,.025)!important;
}
html body.signup-page.signup-agency-v116 .signup-shell::before{
  content:"";position:absolute;z-index:9;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,transparent,#d8ad4d 20%,#f3d98d 50%,#d8ad4d 80%,transparent);
  pointer-events:none
}
html body.signup-page.signup-agency-v116 .signup-form-panel{
  position:relative!important;z-index:2!important;justify-content:center!important;
  padding:58px 60px 52px!important;
  background:
    radial-gradient(circle at 3% 96%,rgba(216,173,77,.09),transparent 31%),
    linear-gradient(145deg,#fffefa 0%,#fbf8f1 73%,#f5eee1 100%)!important;
  color:var(--v116-ink)!important
}
html body.signup-page.signup-agency-v116 .signup-form-panel::after{
  content:"";position:absolute;right:0;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,transparent,rgba(216,173,77,.55),transparent);pointer-events:none
}
html body.signup-page.signup-agency-v116 .signup-progress{gap:11px!important;margin-bottom:24px!important}
html body.signup-page.signup-agency-v116 .signup-progress span{
  width:36px!important;height:36px!important;border:1px solid rgba(9,29,52,.13)!important;
  background:#fff!important;color:#7d8794!important;font-size:11px!important;box-shadow:0 6px 16px rgba(7,20,39,.05)!important
}
html body.signup-page.signup-agency-v116 .signup-progress span.active{
  background:linear-gradient(145deg,#071427,#102b4b)!important;border-color:#e2b955!important;color:#fff!important;
  box-shadow:0 0 0 5px rgba(216,173,77,.14),0 9px 22px rgba(7,20,39,.16)!important
}
html body.signup-page.signup-agency-v116 .signup-progress i{width:40px!important;height:1px!important;background:linear-gradient(90deg,rgba(216,173,77,.72),rgba(7,20,39,.12))!important}
html body.signup-page.signup-agency-v116 #roleStep .signup-kicker{
  display:inline-flex!important;padding:8px 12px!important;border:1px solid rgba(190,140,29,.23)!important;border-radius:999px!important;
  background:linear-gradient(135deg,rgba(216,173,77,.17),rgba(216,173,77,.06))!important;color:#956a13!important;
  font:900 9px/1 Inter,Arial,sans-serif!important;letter-spacing:.12em!important
}
html body.signup-page.signup-agency-v116 #roleStep>h1{
  max-width:555px!important;margin:17px 0 16px!important;color:var(--v116-ink)!important;
  font:800 clamp(42px,3.25vw,60px)/.98 Inter,Arial,sans-serif!important;letter-spacing:-.05em!important
}
html body.signup-page.signup-agency-v116 #roleStep>h1 .v116-gold{color:#a47822!important}
html body.signup-page.signup-agency-v116 #roleStep>.signup-intro{
  max-width:555px!important;margin:0 0 27px!important;color:#667384!important;font:500 14.5px/1.62 Inter,Arial,sans-serif!important
}
html body.signup-page.signup-agency-v116 #signupRoleForm{gap:10px!important}
html body.signup-page.signup-agency-v116 #signupRoleForm>label[for="accountType"]{
  display:inline-flex!important;align-items:center!important;gap:7px!important;width:max-content!important;max-width:100%!important;margin:0!important;
  color:#13253b!important;font:800 13.5px/1.35 Inter,Arial,sans-serif!important
}
html body.signup-page.signup-agency-v116 #signupRoleForm .ai-help-icon,
html body.signup-page.signup-agency-v116 #roleStep .ai-help-icon{
  position:static!important;inset:auto!important;transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 16px!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;
  padding:0!important;margin:0!important;border:1px solid rgba(12,36,63,.25)!important;border-radius:50%!important;
  color:#17304d!important;background:rgba(255,255,255,.86)!important;font:800 9px/14px Inter,Arial,sans-serif!important
}
html body.signup-page.signup-agency-v116 #roleStep .signup-select-wrap{
  min-height:62px!important;overflow:hidden!important;border:1px solid rgba(11,31,55,.14)!important;border-radius:16px!important;
  background:rgba(255,255,255,.94)!important;box-shadow:0 10px 28px rgba(7,20,39,.065),inset 0 1px 0 #fff!important
}
html body.signup-page.signup-agency-v116 #roleStep .signup-select-wrap:focus-within{border-color:#d6a73b!important;box-shadow:0 0 0 4px rgba(214,167,59,.12),0 14px 30px rgba(7,20,39,.08)!important}
html body.signup-page.signup-agency-v116 #roleStep .signup-select-icon{margin-left:17px!important;color:#bf8d20!important;font-size:14px!important}
html body.signup-page.signup-agency-v116 #roleStep #accountType{height:60px!important;padding:0 44px 0 12px!important;color:#13243a!important;background:transparent!important;font:650 13.5px/1 Inter,Arial,sans-serif!important}
html body.signup-page.signup-agency-v116 #roleStep #accountType option{color:#12243a!important;background:#fff!important}
html body.signup-page.signup-agency-v116 #roleStep .signup-select-chevron{right:17px!important;color:#7b8796!important;font-size:18px!important}
html body.signup-page.signup-agency-v116 #roleStep .signup-help{margin:0 0 3px!important;color:#7b8794!important;font:500 10px/1.5 Inter,Arial,sans-serif!important}
html body.signup-page.signup-agency-v116 #roleStep .role-continue{
  position:relative!important;overflow:hidden!important;height:55px!important;border:1px solid rgba(216,173,77,.28)!important;border-radius:14px!important;
  background:linear-gradient(135deg,#071427 0%,#0d2744 62%,#123457 100%)!important;color:#fff!important;
  font:800 12.5px/1 Inter,Arial,sans-serif!important;box-shadow:0 15px 31px rgba(7,20,39,.2)!important
}
html body.signup-page.signup-agency-v116 #roleStep .role-continue:hover{transform:translateY(-1px)!important;border-color:rgba(216,173,77,.62)!important;box-shadow:0 19px 38px rgba(7,20,39,.24)!important}
html body.signup-page.signup-agency-v116 #roleStep .signup-message{min-height:14px!important;color:#966910!important;font-size:10px!important}
html body.signup-page.signup-agency-v116 #roleStep .signup-benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:19px!important}
html body.signup-page.signup-agency-v116 #roleStep .signup-benefits>div{
  min-width:0!important;min-height:70px!important;padding:12px 11px!important;border:1px solid rgba(12,33,58,.085)!important;border-radius:13px!important;
  background:rgba(255,255,255,.66)!important;box-shadow:0 8px 20px rgba(7,20,39,.035)!important
}
html body.signup-page.signup-agency-v116 #roleStep .signup-benefits>div>span{color:#bf8c1c!important;font-size:17px!important}
html body.signup-page.signup-agency-v116 #roleStep .signup-benefits strong{color:#14263c!important;font-size:9.5px!important}
html body.signup-page.signup-agency-v116 #roleStep .signup-benefits small{color:#798493!important;font-size:8px!important;line-height:1.35!important}

html body.signup-page.signup-agency-v116 #signupVisual{
  position:relative!important;isolation:isolate!important;justify-content:center!important;padding:52px 44px 42px!important;
  background:
    radial-gradient(circle at 88% 9%,rgba(216,173,77,.15),transparent 28%),
    radial-gradient(circle at 10% 93%,rgba(58,111,176,.18),transparent 34%),
    linear-gradient(148deg,#050e1a 0%,#07192f 44%,#0a2a4b 100%)!important
}
html body.signup-page.signup-agency-v116 #signupVisual::before{
  content:"";position:absolute;z-index:-1;inset:0;opacity:.2;pointer-events:none;
  background-image:radial-gradient(rgba(245,210,127,.82) 1px,transparent 1px);background-size:18px 18px;
  mask-image:linear-gradient(135deg,transparent 0%,transparent 57%,#000 84%,transparent 100%)
}
html body.signup-page.signup-agency-v116 #signupVisual .signup-glow-one{width:290px!important;height:290px!important;right:-100px!important;top:-110px!important;background:#d5a63a!important;opacity:.13!important;filter:blur(24px)!important}
html body.signup-page.signup-agency-v116 #signupVisual .signup-glow-two{width:250px!important;height:250px!important;left:-110px!important;bottom:-90px!important;background:#326ca9!important;opacity:.15!important;filter:blur(28px)!important}
html body.signup-page.signup-agency-v116 #signupVisual .signup-visual-copy{position:relative!important;z-index:3!important;margin-bottom:22px!important}
html body.signup-page.signup-agency-v116 #signupVisual .signup-visual-copy>span{color:#efc35b!important;font:900 9px/1 Inter,Arial,sans-serif!important;letter-spacing:.14em!important}
html body.signup-page.signup-agency-v116 #signupVisual .signup-visual-copy>h2{
  max-width:700px!important;margin:11px 0 9px!important;color:#fff!important;font:800 clamp(40px,3vw,56px)/1 Inter,Arial,sans-serif!important;letter-spacing:-.047em!important
}
html body.signup-page.signup-agency-v116 #signupVisual .v116-visual-subtitle{max-width:680px!important;margin:0!important;color:#c9d4e2!important;font:500 13.5px/1.55 Inter,Arial,sans-serif!important}
html body.signup-page.signup-agency-v116 #signupVisual .signup-visual-cards{position:relative!important;z-index:3!important;display:block!important;width:100%!important;margin:0!important}
html body.signup-page.signup-agency-v116 #signupVisual .v116-portrait-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
html body.signup-page.signup-agency-v116 #signupVisual .v116-person-card{
  position:relative!important;min-width:0!important;height:410px!important;overflow:hidden!important;border:1px solid rgba(244,210,129,.38)!important;
  border-radius:23px!important;background:#0a192b!important;box-shadow:0 25px 55px rgba(0,5,16,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;
  isolation:isolate!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important
}
html body.signup-page.signup-agency-v116 #signupVisual .v116-person-card:hover{transform:translateY(-4px)!important;border-color:rgba(244,210,129,.7)!important;box-shadow:0 31px 64px rgba(0,5,16,.4),0 0 0 1px rgba(216,173,77,.08)!important}
html body.signup-page.signup-agency-v116 #signupVisual .v116-person-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 25%!important;filter:saturate(.95) contrast(1.025)!important}
html body.signup-page.signup-agency-v116 #signupVisual .v116-person-brand .v116-person-image{object-position:center 30%!important}
html body.signup-page.signup-agency-v116 #signupVisual .v116-person-agency .v116-person-image{object-position:center 23%!important}
html body.signup-page.signup-agency-v116 #signupVisual .v116-person-shade{position:absolute!important;z-index:1!important;inset:0!important;background:linear-gradient(180deg,rgba(3,9,17,.015) 35%,rgba(3,9,17,.12) 53%,rgba(3,9,17,.94) 100%)!important}
html body.signup-page.signup-agency-v116 #signupVisual .v116-person-copy{position:absolute!important;z-index:2!important;left:18px!important;right:18px!important;bottom:18px!important;display:grid!important;gap:7px!important}
html body.signup-page.signup-agency-v116 #signupVisual .v116-person-copy>span{width:max-content!important;padding:6px 9px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;background:rgba(216,173,77,.95)!important;color:#071427!important;font:900 8px/1 Inter,Arial,sans-serif!important;letter-spacing:.09em!important}
html body.signup-page.signup-agency-v116 #signupVisual .v116-person-copy>strong{color:#fff!important;font:800 18px/1.12 Inter,Arial,sans-serif!important;letter-spacing:-.02em!important}
html body.signup-page.signup-agency-v116 #signupVisual .v116-person-copy>small{color:#d5dfeb!important;font:500 9.5px/1.42 Inter,Arial,sans-serif!important}
html body.signup-page.signup-agency-v116 #signupVisual .signup-visual-stats{position:relative!important;z-index:3!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:18px!important}
html body.signup-page.signup-agency-v116 #signupVisual .signup-visual-stats>div{min-width:0!important;padding:12px 13px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:13px!important;background:rgba(255,255,255,.035)!important}
html body.signup-page.signup-agency-v116 #signupVisual .signup-visual-stats strong{color:#fff!important;font-size:9.5px!important}
html body.signup-page.signup-agency-v116 #signupVisual .signup-visual-stats span{color:#adbdcf!important;font-size:8px!important;line-height:1.35!important}

/* Preserve the proven onboarding forms after the landing role step. */
html body.signup-page.signup-agency-v116.creator-mode .signup-shell,
html body.signup-page.signup-agency-v116 .signup-shell.creator-mode{border-color:rgba(216,173,77,.52)!important}
html body.signup-page.signup-agency-v116.creator-mode .signup-form-panel,
html body.signup-page.signup-agency-v116 .signup-shell.creator-mode .signup-form-panel{color:#fff!important}

@media(max-width:1180px){
  html body.signup-page.signup-agency-v116 .signup-shell{width:min(1120px,calc(100vw - 34px))!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}
  html body.signup-page.signup-agency-v116 .signup-form-panel{padding:48px 42px 44px!important}
  html body.signup-page.signup-agency-v116 #signupVisual{padding:48px 32px 38px!important}
  html body.signup-page.signup-agency-v116 #signupVisual .v116-portrait-grid{gap:11px!important}
  html body.signup-page.signup-agency-v116 #signupVisual .v116-person-card{height:360px!important}
  html body.signup-page.signup-agency-v116 #signupVisual .v116-person-copy{left:14px!important;right:14px!important;bottom:15px!important}
  html body.signup-page.signup-agency-v116 #signupVisual .v116-person-copy>strong{font-size:15px!important}
  html body.signup-page.signup-agency-v116 #signupVisual .v116-person-copy>small{font-size:8px!important}
}
@media(max-width:880px){
  html body.signup-page.signup-agency-v116 .signup-main{padding:14px 14px 30px!important}
  html body.signup-page.signup-agency-v116 .signup-shell{width:100%!important;grid-template-columns:1fr!important;border-radius:25px!important}
  html body.signup-page.signup-agency-v116 .signup-form-panel{padding:40px 30px 38px!important}
  html body.signup-page.signup-agency-v116 .signup-form-panel::after{display:none!important}
  html body.signup-page.signup-agency-v116 #signupVisual{padding:40px 30px 36px!important}
  html body.signup-page.signup-agency-v116 #signupVisual .v116-portrait-grid{
    display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:minmax(260px,72vw)!important;
    gap:14px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x mandatory!important;
    scrollbar-width:thin!important;padding:0 0 9px!important
  }
  html body.signup-page.signup-agency-v116 #signupVisual .v116-person-card{height:390px!important;scroll-snap-align:start!important}
}
@media(max-width:560px){
  html body.signup-page.signup-agency-v116 .signup-main{padding:9px 9px 24px!important}
  html body.signup-page.signup-agency-v116 .signup-shell{border-radius:20px!important}
  html body.signup-page.signup-agency-v116 .signup-form-panel{padding:31px 20px 31px!important}
  html body.signup-page.signup-agency-v116 #roleStep>h1{margin-top:14px!important;font-size:37px!important;line-height:1!important}
  html body.signup-page.signup-agency-v116 #roleStep>.signup-intro{font-size:12.5px!important}
  html body.signup-page.signup-agency-v116 #roleStep .signup-benefits{grid-template-columns:1fr!important}
  html body.signup-page.signup-agency-v116 #roleStep .signup-benefits>div{min-height:0!important}
  html body.signup-page.signup-agency-v116 #signupVisual{padding:34px 20px 30px!important}
  html body.signup-page.signup-agency-v116 #signupVisual .signup-visual-copy>h2{font-size:38px!important}
  html body.signup-page.signup-agency-v116 #signupVisual .v116-visual-subtitle{font-size:12px!important}
  html body.signup-page.signup-agency-v116 #signupVisual .v116-portrait-grid{grid-auto-columns:minmax(255px,84vw)!important}
  html body.signup-page.signup-agency-v116 #signupVisual .v116-person-card{height:365px!important}
  html body.signup-page.signup-agency-v116 #signupVisual .signup-visual-stats{grid-template-columns:1fr!important}
}