:root{--bg:#030a15;--panel:#071426;--text:#f7fbff;--muted:#aab8cc;--cyan:#43dcff;--violet:#9d62ff;--magenta:#dc51ff;--line:rgba(106,201,255,.2)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;background:#020914;color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:100;padding:12px 18px;background:#fff;color:#020914}
.site-nav{position:absolute;z-index:20;inset:0 0 auto;background:linear-gradient(180deg,rgba(2,9,20,.88),rgba(2,9,20,.25));border-bottom:1px solid rgba(91,184,255,.08)}.nav-inner{width:min(1410px,calc(100% - 80px));height:66px;margin:auto;display:flex;align-items:center;gap:42px}.logo{text-decoration:none;font-size:34px;font-weight:900;letter-spacing:-1.7px}.logo span{background:linear-gradient(90deg,#f7fdff,#8beaff);-webkit-background-clip:text;color:transparent}.nav-links{margin-left:auto;display:flex;align-items:center;gap:34px}.nav-links a{text-decoration:none;color:#b9cae2;font-size:15px;font-weight:600}.nav-links a:hover,.nav-links a.active{color:#61e8ff}.nav-links a.active{position:relative}.nav-links a.active:after{content:"";position:absolute;left:-12px;right:-12px;bottom:-18px;height:2px;background:#36e0ff;box-shadow:0 0 10px #36e0ff}.nav-cta{margin-left:24px;padding:11px 25px;border-radius:999px;background:linear-gradient(100deg,#35def3,#d66cff);color:#06101f!important;font-weight:800!important}
.hero{position:relative;min-height:470px;padding:102px max(6vw,48px) 26px;background:radial-gradient(circle at 78% 20%,rgba(80,52,255,.28),transparent 30%),linear-gradient(90deg,#03101f 0%,#061429 45%,#071025 100%);overflow:hidden}.hero:before{content:"";position:absolute;inset:44px 0 0 41%;background:linear-gradient(90deg,#03101f 0%,rgba(3,16,31,.12) 16%,rgba(3,16,31,0) 34%),url('/static/images/affiliates/affiliate-hero-wide.png') center center/auto 112% no-repeat;filter:brightness(1.12) contrast(1.04) saturate(1.07)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,20,.1),transparent 65%),linear-gradient(0deg,rgba(2,9,20,.58) 0%,transparent 14%);pointer-events:none}.hero-content{position:relative;z-index:2;width:min(730px,53vw)}.eyebrow{color:#4ddcff;font-size:14px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;margin-bottom:12px}.hero h1{font-size:clamp(52px,5.15vw,78px);line-height:.88;letter-spacing:-3px;margin-bottom:20px;text-shadow:0 6px 25px rgba(0,0,0,.35)}.hero h1 span{background:linear-gradient(90deg,#f5f9ff 5%,#a86cff 82%);-webkit-background-clip:text;color:transparent}.lead{font-size:20px;color:#c9ddf5;margin-bottom:12px}.hero-copy{max-width:520px;color:#aeb9ca;font-size:15px;line-height:1.38}.hero-actions{display:flex;gap:22px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 34px;border:1px solid rgba(151,94,255,.8);border-radius:12px;text-decoration:none;font-weight:800;font-size:14px;cursor:pointer}.button-primary{min-width:278px;color:#05101c;border:0;background:linear-gradient(100deg,#d84cf2,#31dff0);box-shadow:0 0 30px rgba(113,80,255,.28)}.button-secondary{min-width:176px;background:rgba(4,11,24,.55);color:#f6faff}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.benefits{position:relative;z-index:3;margin:-2px auto 18px;width:min(1410px,calc(100% - 96px));display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,rgba(8,25,44,.97),rgba(4,14,28,.97));border:1px solid rgba(91,188,255,.08);border-radius:11px;box-shadow:0 12px 35px rgba(0,0,0,.38)}.benefit{min-height:102px;padding:17px 20px;display:flex;align-items:center;gap:18px}.benefit-icon,.step-icon{flex:0 0 62px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#59e4ff;font-size:29px;border:1px solid rgba(90,206,255,.5);background:radial-gradient(circle at 35% 30%,rgba(49,204,255,.18),rgba(91,43,168,.15));box-shadow:inset 0 0 20px rgba(56,126,255,.18)}.benefit h2{font-size:15px;margin-bottom:5px}.benefit p{color:#b5c0d1;font-size:13px;line-height:1.35}
.audiences{width:min(1440px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.audience-card{position:relative;height:222px;overflow:hidden;background:#06111e center/cover no-repeat}.audience-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,7,14,.98) 0%,rgba(1,7,14,.82) 27%,transparent 72%)}.audience-card:nth-child(1){background-image:url('/static/images/affiliates/affiliate-djs-full.png')}.audience-card:nth-child(2){background-image:url('/static/images/affiliates/affiliate-communities-full.png')}.audience-card:nth-child(3){background-image:url('/static/images/affiliates/affiliate-venues-full.png')}.audience-card.artwork-copy:after{display:none}.audience-card.artwork-copy .audience-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.audience-copy{position:absolute;z-index:2;left:42px;right:28px;bottom:19px}.audience-copy h2{font-size:14px;letter-spacing:.27em;color:#54dcff;margin-bottom:9px}.audience-card:nth-child(2) h2{color:#e898ff}.audience-card:nth-child(3) h2{color:#ffc5ff}.audience-copy p{font-size:14px;color:#d0d8e4;line-height:1.35}
.how{width:min(1410px,calc(100% - 96px));margin:36px auto 64px}.section-label{color:#54cfff;font-size:14px;letter-spacing:.34em;text-transform:uppercase;margin-bottom:24px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{display:grid;grid-template-columns:62px 26px 1fr;align-items:center;gap:14px;position:relative}.step-number{font-size:26px}.step h3{font-size:14px;margin-bottom:6px}.step p{font-size:12px;color:#aeb9c9;line-height:1.4}.step:not(:last-child):after{content:"›";position:absolute;right:-20px;color:#5addff;font-size:32px;font-weight:200}
.application{padding:76px 24px 90px;background:radial-gradient(circle at 20% 20%,rgba(35,189,237,.08),transparent 30%),radial-gradient(circle at 80% 60%,rgba(186,70,242,.09),transparent 35%),#050b17;border-top:1px solid rgba(82,190,255,.12)}.application-inner{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.application h2{font-size:clamp(38px,4vw,58px);line-height:1;margin:12px 0 20px}.application-intro p{color:#abb9cc;line-height:1.65}.terms{margin:25px 0;display:grid;gap:12px;list-style:none}.terms li{padding-left:24px;position:relative;color:#dce6f3}.terms li:before{content:"✓";position:absolute;left:0;color:#4fe4ff}.login-note{font-size:14px}.text-link{color:#5be3ff;font-weight:700}.application-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:30px;border:1px solid var(--line);border-radius:18px;background:rgba(7,18,36,.92);box-shadow:0 25px 70px rgba(0,0,0,.34)}.application-form label{display:grid;gap:8px;color:#dce8f8;font-size:13px;font-weight:700}.application-form .full{grid-column:1/-1}.application-form input,.application-form textarea{width:100%;padding:14px 15px;border:1px solid rgba(99,191,255,.24);border-radius:9px;background:#06101f;color:#fff;font:inherit;outline:none}.application-form textarea{min-height:92px;resize:vertical}.application-form input:focus,.application-form textarea:focus{border-color:#55dbff;box-shadow:0 0 0 3px rgba(50,213,255,.1)}.hp-field{position:absolute!important;left:-9999px!important}.form-status{display:none;grid-column:1/-1;padding:13px;border-radius:8px;background:rgba(67,221,173,.12);color:#91ffd9}.form-status.visible{display:block}.form-status.error{background:rgba(255,84,125,.12);color:#ffb2c5}.application-form button{grid-column:1/-1;border:0}
.site-footer{padding:32px max(5vw,30px);display:flex;justify-content:space-between;align-items:center;gap:24px;background:#020813;border-top:1px solid rgba(94,191,255,.12);color:#8292a9;font-size:13px}.footer-links{display:flex;gap:22px}.footer-links a{text-decoration:none;color:#afbdd0}
@media(max-width:1050px){.nav-inner{width:calc(100% - 36px);gap:14px}.nav-links{display:flex;margin-left:auto;gap:0}.nav-links a{display:none}.nav-links a.active{display:inline-flex}.nav-links a.active:after{bottom:-12px}.nav-cta{margin-left:0}.hero{padding-left:40px}.hero-content{width:58vw}.benefits{grid-template-columns:1fr 1fr}.audiences{grid-template-columns:1fr}.audience-card{height:300px}.steps{grid-template-columns:1fr 1fr}.application-inner{grid-template-columns:1fr}}
@media(max-width:680px){.nav-inner{height:58px}.logo{font-size:23px}.nav-cta{padding:9px 16px;font-size:11px!important}.hero{min-height:690px;padding:92px 20px 30px}.hero:before{inset:58px 0 0;background:linear-gradient(0deg,#03101f 5%,rgba(3,16,31,.2) 55%,rgba(3,16,31,.05)),url('/static/images/affiliates/affiliate-hero-full.png') 64% top/auto 360px no-repeat;opacity:.82}.hero-content{width:100%;padding-top:275px}.hero h1{font-size:44px;letter-spacing:-2px}.lead{font-size:17px}.hero-copy{font-size:14px}.hero-actions{flex-direction:column;gap:12px}.button-primary,.button-secondary{width:100%;min-width:0}.benefits{width:calc(100% - 28px);grid-template-columns:1fr}.benefit{min-height:90px}.audiences{width:calc(100% - 28px);grid-template-columns:1fr;gap:14px}.audience-card{height:210px}.audience-copy{left:24px}.how{width:calc(100% - 40px)}.steps{grid-template-columns:1fr;gap:24px}.step:not(:last-child):after{display:none}.application{padding:58px 18px}.application-inner{gap:36px}.application-form{grid-template-columns:1fr;padding:20px}.application-form label{grid-column:1/-1}.site-footer{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media(min-width:681px){.hero:before{inset:44px 0 0;background:linear-gradient(90deg,#03101f 0%,rgba(3,16,31,.98) 25%,rgba(3,16,31,.72) 35%,rgba(3,16,31,.08) 49%,rgba(3,16,31,0) 58%),url('/static/images/affiliates/affiliate-hero-wide.png') right center/auto 120% no-repeat}}
/* Relative assets keep the approved design intact when this template is previewed directly from disk. */
.audience-card:nth-child(1){background-image:url('../images/affiliates/affiliate-djs-full.png')}.audience-card:nth-child(2){background-image:url('../images/affiliates/affiliate-communities-full.png')}.audience-card:nth-child(3){background-image:url('../images/affiliates/affiliate-venues-full.png')}
@media(min-width:681px){.hero:before{inset:44px 0 0;background:linear-gradient(90deg,#03101f 0%,#03101f calc(100% - 960px),rgba(3,16,31,0) calc(100% - 820px)),url('../images/affiliates/affiliate-hero-designed.png') right center/auto 100% no-repeat}}
/* Full-bleed affiliate hero using the untouched user-supplied original. */
@media(min-width:681px){.hero{min-height:600px;padding-top:142px;padding-bottom:56px}.hero:before{inset:44px 0 0;background:url('../images/affiliates/affiliate-hero-wide.png') center center/auto 100% no-repeat,linear-gradient(90deg,#03101f 0%,#06142a 70%,#07162f 100%);filter:brightness(1.03) contrast(1.03) saturate(1.04)}.hero:after{background:linear-gradient(90deg,rgba(2,10,20,.98) 0%,rgba(2,10,20,.92) 22%,rgba(2,10,20,.62) 38%,rgba(2,10,20,.12) 56%,rgba(2,10,20,0) 72%),linear-gradient(0deg,rgba(2,9,20,.58) 0%,transparent 20%)}.hero-content{width:min(730px,48vw)}}
@media(max-width:680px){.hero{min-height:786px;padding:94px 20px 42px}.hero:before{inset:58px 0 0;background:url('../images/affiliates/affiliate-hero-full.png') 62% center/cover no-repeat;opacity:1;filter:brightness(.82) contrast(1.04) saturate(1.03)}.hero:after{background:linear-gradient(0deg,rgba(3,16,31,.99) 0%,rgba(3,16,31,.9) 46%,rgba(3,16,31,.25) 72%,rgba(3,16,31,.08) 100%)}.hero-content{width:100%;padding-top:286px}}
@media(max-width:680px){.hero:before{background:linear-gradient(0deg,#03101f 5%,rgba(3,16,31,.2) 55%,rgba(3,16,31,.05)),url('../images/affiliates/affiliate-hero-full.png') 64% top/auto 360px no-repeat}}

/* Desktop proportions for the approved affiliate content below the hero. */
@media(min-width:1051px){
  .benefits{width:min(1760px,calc(100% - 64px));margin-bottom:22px}
  .benefit{min-height:122px;padding:21px 24px;gap:20px}
  .benefit-icon{flex-basis:70px;width:70px;height:70px;font-size:32px}
  .benefit h2{font-size:17px;margin-bottom:6px}
  .benefit p{font-size:14px;line-height:1.42}
  .audiences{width:min(1760px,calc(100% - 64px));gap:22px}
  .audience-card{height:clamp(230px,14.3vw,274px)}
  .how{width:min(1760px,calc(100% - 64px));margin:40px auto 70px}
  .section-label{font-size:15px;margin-bottom:26px}
  .steps{gap:42px}
  .step{grid-template-columns:72px 30px 1fr;gap:16px}
  .step-icon{flex-basis:72px;width:72px;height:72px;font-size:32px}
  .step-number{font-size:30px}
  .step h3{font-size:16px;margin-bottom:7px}
  .step p{font-size:14px;line-height:1.45}
  .step:not(:last-child):after{right:-25px;font-size:34px}
}