.affiliate-hero{min-height:560px;position:relative;overflow:hidden;display:flex;align-items:center;padding:85px 7%;background:radial-gradient(ellipse at 78% 42%,#174b79 0,#25154a 30%,#080b13 72%)}
.affiliate-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b13 0%,#080b13df 42%,transparent 82%)}
.affiliate-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(90deg,#000,transparent)}
.affiliate-hero-copy{position:relative;z-index:2;max-width:850px}
.affiliate-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(76px,9vw,142px);font-weight:900;line-height:.85;letter-spacing:-.03em;margin:28px 0;text-transform:uppercase}
.affiliate-hero h1 em{font-style:normal;background:linear-gradient(90deg,#d02cff,#7145ee 50%,#25c5ff);background-clip:text;color:transparent}
.affiliate-hero p{max-width:620px;color:#c5cada;font-size:18px;line-height:1.7}
.affiliate-mark{position:absolute;z-index:1;right:7%;width:min(26vw,320px);opacity:.7;filter:drop-shadow(0 0 50px #2a8dff88)}
.affiliate-list{padding:105px 7%;display:grid;gap:90px;background:#f3f5fa;color:#0c0d15}
.affiliate-card{display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center}
.affiliate-card:nth-child(even){grid-template-columns:.95fr 1.05fr}
.affiliate-card:nth-child(even) .affiliate-visual{order:2}
.affiliate-visual{min-height:470px;display:grid;place-items:center;padding:32px;background:linear-gradient(145deg,#0e1320,#15102a);border:1px solid #ffffff1b;overflow:hidden;position:relative}
.poggers-card .affiliate-visual{background:transparent;border-color:transparent;padding:0}
.razer-card .affiliate-visual{background:#fff;border-color:#e1e5eb}
.affiliate-visual img{width:100%;height:100%;max-height:460px;object-fit:contain;transition:transform .3s}
.linked-visual:hover img{transform:scale(1.025)}
.linked-visual>span{position:absolute;left:24px;bottom:20px;padding:10px 13px;background:#060807d9;color:#4dff57;border:1px solid #4dff5755;font-size:10px;font-weight:800;letter-spacing:.15em}
.affiliate-number{color:#7434ce;font-size:11px;font-weight:800;letter-spacing:.19em}
.affiliate-copy h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(60px,6vw,94px);font-weight:900;line-height:.88;letter-spacing:-.025em;margin:20px 0}
.affiliate-copy p{font-size:17px;line-height:1.75;color:#5b6172}
.code-box{display:flex;align-items:center;justify-content:space-between;margin:26px 0;padding:17px 20px;border:1px solid #d7dbe5;background:#fff}
.code-box span{font-size:10px;font-weight:800;letter-spacing:.18em;color:#73798b}
.code-box strong{font-family:'Barlow Condensed',sans-serif;font-size:38px;color:#68cb22}
.affiliate-button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:18px 20px;background:linear-gradient(100deg,#7b2ae6,#176fd4);color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;transition:transform .2s,filter .2s}
.affiliate-button:hover{transform:translateY(-2px);filter:brightness(1.15)}
.razer-button{background:linear-gradient(100deg,#139c39,#00bf65)}
.affiliate-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center;padding:70px 7%;background:#0b0e17;border-block:1px solid #ffffff1c}
.affiliate-note span{color:#28c3ff;font-size:10px;font-weight:800;letter-spacing:.18em}
.affiliate-note h2{font-family:'Barlow Condensed',sans-serif;font-size:48px;margin:10px 0}
.affiliate-note p{color:#b8bece;font-size:15px;line-height:1.75;margin:0}
@media(max-width:900px){.affiliate-card,.affiliate-card:nth-child(even){grid-template-columns:1fr}.affiliate-card:nth-child(even) .affiliate-visual{order:0}.affiliate-visual{min-height:360px}.affiliate-note{grid-template-columns:1fr;gap:20px}}
@media(max-width:700px){.affiliate-hero{min-height:650px;padding:80px 5%}.affiliate-hero h1{font-size:clamp(72px,18vw,106px)}.affiliate-mark{right:-17%;top:15%;width:66vw;opacity:.3}.affiliate-list{padding:75px 5%;gap:70px}.affiliate-visual{min-height:270px;padding:18px}.affiliate-copy h2{font-size:62px}.affiliate-note{padding:58px 5%}}