/* UGC Era Global Platform Pages v4.7.0 */
:root{
  --uep-bg:#050810;
  --uep-bg2:#080c16;
  --uep-panel:#0d1320;
  --uep-panel2:#111827;
  --uep-line:rgba(151,166,199,.18);
  --uep-line-strong:rgba(151,166,199,.30);
  --uep-text:#f7f9ff;
  --uep-muted:#9ca8bd;
  --uep-blue:#4169ff;
  --uep-purple:#835cff;
  --uep-pink:#ff2d8f;
  --uep-gradient:linear-gradient(105deg,#4169ff 0%,#835cff 48%,#ff2d8f 100%);
}

body.ugc-era-global-platform-opportunities,
body.ugc-era-global-platform-brands,
body.ugc-era-global-platform-brand{
  background:var(--uep-bg)!important;
  color:var(--uep-text)!important;
}
body.ugc-era-global-platform-opportunities #content,
body.ugc-era-global-platform-opportunities .site-content,
body.ugc-era-global-platform-opportunities main,
body.ugc-era-global-platform-brands #content,
body.ugc-era-global-platform-brands .site-content,
body.ugc-era-global-platform-brands main,
body.ugc-era-global-platform-brand #content,
body.ugc-era-global-platform-brand .site-content,
body.ugc-era-global-platform-brand main{
  background:var(--uep-bg)!important;
}

.ugcera-v470-wrap{width:min(1500px,calc(100% - 72px));margin:0 auto}
.ugcera-v470-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 72% 24%,rgba(75,93,255,.18),transparent 30%),radial-gradient(circle at 91% 52%,rgba(255,45,143,.13),transparent 27%),linear-gradient(145deg,#03060d 0%,#070b15 55%,#0c0815 100%);color:#fff;isolation:isolate}
.ugcera-v470-glow{position:absolute;pointer-events:none;border-radius:999px;filter:blur(3px);opacity:.85;z-index:-1}
.ugcera-v470-glow-a{width:620px;height:2px;right:-80px;top:260px;transform:rotate(-15deg);background:linear-gradient(90deg,transparent,#4169ff,#835cff,#ff2d8f,transparent);box-shadow:0 0 42px rgba(118,86,255,.75)}
.ugcera-v470-glow-b{width:420px;height:420px;right:-190px;bottom:-270px;border:1px solid rgba(131,92,255,.32);box-shadow:0 0 140px rgba(65,105,255,.07) inset}
.ugcera-v470-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:64px;align-items:center;padding:78px 0 72px}
.ugcera-v470-eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid rgba(131,92,255,.33);border-radius:999px;background:rgba(90,74,255,.08);color:#bba9ff;font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.ugcera-v470-hero-copy h1{max-width:780px;margin:20px 0 20px!important;color:#fff!important;font-size:clamp(46px,5.2vw,78px)!important;line-height:.99!important;letter-spacing:-.052em!important;font-weight:800!important}
.ugcera-v470-hero-copy h1 span{background:var(--uep-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.ugcera-v470-hero-copy>p{max-width:710px;margin:0!important;color:#b7c0d2!important;font-size:17px!important;line-height:1.7!important}
.ugcera-v470-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ugcera-v470-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 19px;border-radius:13px;text-decoration:none!important;font-size:14px;font-weight:750;line-height:1;color:#fff!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ugcera-v470-btn i,.ugcera-v470-btn em{display:inline-flex;width:18px;height:18px;flex:0 0 18px;font-style:normal}
.ugcera-v470-btn em{width:14px;height:14px;flex-basis:14px}
.ugcera-v470-btn svg,.ugcera-v470-hero-chip svg,.ugcera-v470-flow-row svg{width:100%!important;height:100%!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ugcera-v470-btn-primary{border:1px solid rgba(255,255,255,.16);background:var(--uep-gradient);box-shadow:0 14px 34px rgba(91,68,255,.22)}
.ugcera-v470-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(255,45,143,.24)}
.ugcera-v470-btn-secondary{border:1px solid var(--uep-line-strong);background:linear-gradient(180deg,rgba(18,24,38,.92),rgba(8,12,20,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.ugcera-v470-btn-secondary:hover{transform:translateY(-2px);border-color:rgba(131,92,255,.58)}
.ugcera-v470-hero-chips{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px}
.ugcera-v470-hero-chip{display:inline-flex;align-items:center;gap:7px;color:#a7b2c6;font-size:12px;font-weight:600}
.ugcera-v470-hero-chip i{display:inline-flex;width:16px;height:16px;color:#8d74ff}
.ugcera-v470-hero-visual{padding:18px;border:1px solid rgba(142,157,190,.21);border-radius:24px;background:linear-gradient(160deg,rgba(18,24,39,.92),rgba(8,11,18,.96));box-shadow:0 32px 70px rgba(0,0,0,.33),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(16px)}
.ugcera-v470-visual-top{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:9px 9px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.ugcera-v470-visual-top span{color:#8e79ff;font-size:9px;font-weight:850;letter-spacing:.18em}
.ugcera-v470-visual-top strong{max-width:220px;text-align:right;color:#fff;font-size:14px;line-height:1.3}
.ugcera-v470-flow{display:grid;gap:9px;padding-top:12px}
.ugcera-v470-flow-row{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:13px 12px;border:1px solid transparent;border-radius:14px;transition:.18s ease}
.ugcera-v470-flow-row:hover{border-color:rgba(131,92,255,.22);background:linear-gradient(90deg,rgba(65,105,255,.08),rgba(255,45,143,.05))}
.ugcera-v470-flow-row>b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid rgba(131,92,255,.20);background:#101625;color:#a99aff;font-size:10px}
.ugcera-v470-flow-row strong{display:block;color:#f8faff;font-size:13px;margin-bottom:3px}
.ugcera-v470-flow-row p{margin:0!important;color:#8f9bb0!important;font-size:11px!important;line-height:1.45!important}
.ugcera-v470-flow-row>span{display:inline-flex;width:14px;height:14px;color:#657086}
.ugcera-v470-subnav{border-top:1px solid rgba(255,255,255,.07);background:rgba(5,8,16,.74);backdrop-filter:blur(12px)}
.ugcera-v470-subnav .ugcera-v470-wrap{display:flex;align-items:center;gap:4px;min-height:58px}
.ugcera-v470-subnav a{position:relative;display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border-radius:10px;color:#aab4c7!important;text-decoration:none!important;font-size:12.5px;font-weight:650}
.ugcera-v470-subnav a:hover{background:rgba(131,92,255,.09);color:#fff!important}

/* Existing Felan content becomes the premium working surface. */
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands,.ugc-era-global-platform-brand) .ugcera-v470-content-root{padding-top:34px!important;padding-bottom:72px!important;color:var(--uep-text)!important}
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands,.ugc-era-global-platform-brand) .ugcera-v470-content-root :is(h1,h2,h3,h4,h5,h6){color:#f7f9ff!important}
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands,.ugc-era-global-platform-brand) .ugcera-v470-content-root :is(p,label,li,span){border-color:var(--uep-line);}
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands,.ugc-era-global-platform-brand) .ugcera-v470-content-root p{color:#a8b2c4}
.ugcera-v470-content-intro{width:min(1500px,calc(100% - 72px));margin:16px auto 28px;padding:26px 28px;border:1px solid var(--uep-line);border-radius:18px;background:linear-gradient(135deg,rgba(14,20,32,.92),rgba(9,13,23,.95));box-shadow:0 18px 46px rgba(0,0,0,.16)}
.ugcera-v470-content-intro>span{display:block;margin-bottom:8px;color:#9b85ff;font-size:10px;font-weight:850;letter-spacing:.16em}
.ugcera-v470-content-intro h2{margin:0 0 7px!important;font-size:25px!important;letter-spacing:-.025em!important}
.ugcera-v470-content-intro p{max-width:790px;margin:0!important;color:#96a2b7!important;font-size:13px!important;line-height:1.65!important}

/* Search / filters */
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands) .ugcera-v470-filter-shell,
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands) :is(.archive-search,.filter-wrapper,.filter-sidebar,.sidebar-filter,.archive-filter,.top-filter){border-color:var(--uep-line)!important;background:linear-gradient(180deg,#0d1320,#0a0f19)!important;border-radius:18px!important;box-shadow:0 18px 44px rgba(0,0,0,.18)!important}
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands) .ugcera-v470-content-root :is(input[type="text"],input[type="search"],input[type="number"],input[type="date"],select,.select2-selection,textarea){min-height:46px!important;border:1px solid rgba(147,161,191,.24)!important;border-radius:11px!important;background:#080d17!important;color:#eef2ff!important;box-shadow:none!important}
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands) .ugcera-v470-content-root :is(input,textarea)::placeholder{color:#667187!important;opacity:1!important}
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands) .ugcera-v470-content-root :is(input,select,textarea):focus{border-color:rgba(131,92,255,.72)!important;box-shadow:0 0 0 3px rgba(131,92,255,.10)!important;outline:none!important}
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands) .ugcera-v470-content-root :is(button,[type="submit"],.btn,.button){border-radius:11px!important}
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands) .ugcera-v470-content-root [type="submit"]{border:0!important;background:var(--uep-gradient)!important;color:#fff!important;font-weight:750!important}
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands) .ugcera-v470-content-root .select2-container--default .select2-selection--single .select2-selection__rendered{color:#e9edfa!important;line-height:44px!important}
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands) .ugcera-v470-content-root .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px!important}

/* Opportunity cards */
.ugcera-v470-opportunity-card{position:relative!important;overflow:hidden!important;border:1px solid var(--uep-line)!important;border-radius:18px!important;background:linear-gradient(155deg,#0e1421,#0a0f19)!important;box-shadow:0 18px 44px rgba(0,0,0,.18)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.ugcera-v470-opportunity-card:hover{transform:translateY(-3px)!important;border-color:rgba(131,92,255,.42)!important;box-shadow:0 25px 54px rgba(0,0,0,.28),0 0 28px rgba(91,68,255,.07)!important}
.ugcera-v470-opportunity-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--uep-gradient);opacity:.9}
.ugcera-v470-opportunity-card :is(h2,h3,h4,a:not(.ugcera-v470-card-cta),strong){color:#f6f8ff!important}
.ugcera-v470-opportunity-card :is(p,span,small,li){color:#94a0b5!important}
.ugcera-v470-opportunity-card img{border-radius:12px!important}
.ugcera-v470-card-cta,.ugcera-v470-opportunity-card :is(a,button).ugcera-v470-card-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:43px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:11px!important;background:var(--uep-gradient)!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:750!important}

/* Brand cards */
.ugcera-v470-brand-card{position:relative!important;overflow:hidden!important;border:1px solid var(--uep-line)!important;border-radius:18px!important;background:linear-gradient(155deg,#0f1522,#0a0f18)!important;box-shadow:0 18px 44px rgba(0,0,0,.18)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.ugcera-v470-brand-card:hover{transform:translateY(-3px)!important;border-color:rgba(255,45,143,.34)!important;box-shadow:0 25px 54px rgba(0,0,0,.28),0 0 28px rgba(255,45,143,.05)!important}
.ugcera-v470-brand-card :is(h2,h3,h4,a,strong){color:#f6f8ff!important}
.ugcera-v470-brand-card :is(p,span,small,li){color:#94a0b5!important}
.ugcera-v470-brand-card img{background:#fff!important;border-radius:14px!important;padding:7px!important;object-fit:contain!important}
.ugcera-v470-clean-copy{color:#8f9bae!important}

/* Company / Brand detail */
body.ugc-era-global-platform-brand .ugcera-v470-content-root :is(.single-company-area,.company-details,.company-detail,.company-info,.company-about,.block-archive-inner,.sidebar){border-color:var(--uep-line)!important}
body.ugc-era-global-platform-brand .ugcera-v470-content-root :is(.single-company-area,.company-details,.company-detail,.company-info,.company-about,.block-archive-inner){border-radius:18px!important;background:linear-gradient(155deg,#0f1522,#0a0f18)!important;box-shadow:0 18px 44px rgba(0,0,0,.16)!important}
body.ugc-era-global-platform-brand .ugcera-v470-content-root a{color:#b9adff}
body.ugc-era-global-platform-brand .ugcera-v470-content-root :is(.button,.btn,a.felan-button,[type="submit"]){border:1px solid rgba(255,255,255,.10)!important;border-radius:11px!important;background:var(--uep-gradient)!important;color:#fff!important}

/* Pagination */
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands) .ugcera-v470-content-root :is(.pagination,.page-numbers){border-color:var(--uep-line)!important}
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands) .ugcera-v470-content-root .page-numbers a,
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands) .ugcera-v470-content-root a.page-numbers{border:1px solid var(--uep-line)!important;border-radius:9px!important;background:#0e1421!important;color:#aeb8ca!important}
body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands) .ugcera-v470-content-root .page-numbers.current{border-color:transparent!important;border-radius:9px!important;background:var(--uep-gradient)!important;color:#fff!important}
.ugcera-v470-empty-state{padding:42px!important;border:1px dashed rgba(148,163,184,.28)!important;border-radius:18px!important;background:#0b101b!important;text-align:center!important;color:#a7b1c4!important}

/* Auth pages: keep page background in the UGC Era visual system. */
body.ugc-era-auth-page{background:radial-gradient(circle at 15% 30%,rgba(65,105,255,.08),transparent 24%),radial-gradient(circle at 85% 20%,rgba(255,45,143,.07),transparent 24%),#050810!important}
body.ugc-era-auth-page .ugc-era-auth-shell{box-shadow:0 32px 90px rgba(0,0,0,.36)!important;border-color:rgba(144,159,190,.17)!important}

@media (max-width:1199px){
  .ugcera-v470-wrap,.ugcera-v470-content-intro{width:min(100% - 42px,1120px)}
  .ugcera-v470-hero-grid{grid-template-columns:1fr;gap:34px;padding:60px 0 54px}
  .ugcera-v470-hero-copy h1{font-size:clamp(44px,7vw,68px)!important;max-width:850px}
  .ugcera-v470-hero-visual{max-width:760px}
}
@media (max-width:767px){
  .ugcera-v470-wrap,.ugcera-v470-content-intro{width:calc(100% - 28px)}
  .ugcera-v470-hero-grid{padding:44px 0 38px;gap:28px}
  .ugcera-v470-eyebrow{font-size:9px;letter-spacing:.13em}
  .ugcera-v470-hero-copy h1{margin-top:16px!important;font-size:39px!important;line-height:1.02!important}
  .ugcera-v470-hero-copy>p{font-size:14px!important;line-height:1.65!important}
  .ugcera-v470-hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px}
  .ugcera-v470-btn{width:100%}
  .ugcera-v470-hero-chips{gap:12px 16px}
  .ugcera-v470-hero-chip{font-size:10.5px}
  .ugcera-v470-hero-visual{padding:12px;border-radius:18px}
  .ugcera-v470-visual-top{display:block}
  .ugcera-v470-visual-top strong{display:block;max-width:none;margin-top:6px;text-align:left}
  .ugcera-v470-flow-row{grid-template-columns:34px minmax(0,1fr) 13px;padding:11px 8px;gap:9px}
  .ugcera-v470-flow-row>b{width:34px;height:34px}
  .ugcera-v470-subnav{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ugcera-v470-subnav .ugcera-v470-wrap{width:max-content;min-width:100%;padding:0 14px;gap:2px}
  .ugcera-v470-subnav a{white-space:nowrap;padding:0 11px;font-size:11px}
  .ugcera-v470-content-intro{margin-top:10px;padding:20px 18px;border-radius:15px}
  .ugcera-v470-content-intro h2{font-size:22px!important}
  body:is(.ugc-era-global-platform-opportunities,.ugc-era-global-platform-brands,.ugc-era-global-platform-brand) .ugcera-v470-content-root{padding-top:22px!important;padding-bottom:48px!important}
}
