.aff-page{background:radial-gradient(900px 500px at -10% 0,rgba(124,92,255,.26),transparent 60%),radial-gradient(900px 600px at 110% 100%,rgba(46,230,166,.22),transparent 60%)}.aff-hero{position:relative;padding:80px 0 44px;overflow:hidden}.aff-hero-bg{position:absolute;inset:-30% -10%;background:radial-gradient(1100px 550px at 0 0,rgba(124,92,255,.36),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(46,230,166,.32),transparent 70%);opacity:.8;pointer-events:none;mix-blend-mode:screen}.aff-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);gap:36px;align-items:center}.aff-hero-copy h1{font-size:clamp(2.1rem, 3.4vw, 3rem);line-height:1.1;margin:.2rem 0 .7rem}.aff-hero-copy .lead{max-width:56ch;margin-bottom:16px}.aff-hero-points{list-style:none;padding:0;margin:10px 0 18px;display:grid;gap:8px;font-size:.96rem}.aff-hero-points li{display:flex;align-items:center;gap:8px}.aff-hero-cta{display:flex;flex-wrap:wrap;gap:10px}.aff-hero-badge{justify-self:center;text-align:center}.aff-hero-ring{position:relative;width:min(260px,80%);aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.5),transparent 65%),conic-gradient(from 220deg,rgba(124,92,255,.55),rgba(46,230,166,.45),rgba(124,92,255,.7));border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 70px rgba(0,0,0,.7);display:grid;place-items:center;overflow:hidden}.aff-hero-ring::before{content:"";position:absolute;inset:16%;border-radius:inherit;border:1px dashed rgba(220,232,255,.5);opacity:.7}.aff-hero-ring-orbit{position:absolute;inset:6%;border-radius:inherit;border:2px solid rgba(255,255,255,.18);border-top-color:rgba(255,255,255,.9);border-right-color:rgba(46,230,166,.85);border-left-color:rgba(124,92,255,.85);filter:drop-shadow(0 0 18px rgba(46,230,166,.6));animation:11s linear infinite aff-hero-orbit}@keyframes aff-hero-orbit{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.aff-hero-ring-core{position:relative;width:88%;height:88%;border-radius:inherit;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.18),rgba(12,18,26,.96));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 40px rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center}.aff-hero-perc{display:flex;align-items:baseline;justify-content:center;gap:3px;font-weight:800;font-size:min(6.6rem, 22vw);line-height:.95;background:linear-gradient(180deg,#fff,#e9f1ff 45%,#b49cff 70%,#6b50ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 15px 40px rgba(0,0,0,.65);transform:translateY(-6px)}.aff-hero-perc .unit{font-size:.5em}.aff-hero-label{margin-top:8px;font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;color:#cde0ff}.aff-hero-badge .mini-note{margin-top:14px;color:#9fb1cd}.aff-section{padding:46px 0}.aff-bubbles-section{position:relative;background:radial-gradient(1200px 650px at 50% 0,rgba(46,230,166,.16),transparent 60%)}.aff-bubble-field{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:32px;flex-wrap:wrap;padding:24px 0 72px}.aff-bubble-field::before{content:"";position:absolute;inset:10% 8%;border-radius:999px;background:radial-gradient(circle at 20% 80%,rgba(124,92,255,.25),transparent 60%),radial-gradient(circle at 80% 20%,rgba(46,230,166,.22),transparent 60%);opacity:.7;filter:blur(8px);z-index:0}.aff-bubble{position:relative;max-width:320px;display:grid;grid-template-columns:auto;gap:8px;text-align:center;z-index:1;--lift-y:0px;--scale:1;transform:translateY(var(--lift-y)) scale(var(--scale));transition:transform .25s}.aff-bubble-stats,.aff-metrics-row{grid-template-columns:repeat(3,minmax(0,1fr))}.aff-bubble--primary{--lift-y:-26px;--scale:1.08}.aff-bubble--left,.aff-bubble--right{--lift-y:4px;--scale:0.98}.aff-bubble:hover{--lift-y:calc(var(--lift-y) - 8px);--scale:calc(var(--scale) + 0.04)}.aff-bubble-orbit{position:relative;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;margin:0 auto;box-shadow:0 20px 50px rgba(0,0,0,.7)}.aff-bubble-orbit--gold{background:radial-gradient(circle at 30% 20%,#fff8dd,#f0d879 60%,#b78b2a 100%)}.aff-bubble-orbit--silver{background:radial-gradient(circle at 30% 20%,#f8fbff,#d3ddef 60%,#8e9ab7 100%)}.aff-bubble-orbit--bronze{background:radial-gradient(circle at 30% 20%,#fff0df,#f0b977 60%,#b86b2b 100%)}.aff-bubble-glow{position:absolute;inset:-4px;border-radius:inherit;border:2px solid rgba(255,255,255,.7);opacity:.8;box-shadow:0 0 20px rgba(255,255,255,.6),0 0 36px rgba(0,0,0,.7);animation:3.4s ease-in-out infinite aff-bubble-breathe}@keyframes aff-bubble-breathe{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.aff-bubble-core{width:76%;height:76%;border-radius:inherit;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.9),rgba(255,255,255,.3));display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.8)}.aff-bubble-avatar{width:100%;height:100%;object-fit:cover}.aff-bubble-label{margin-top:10px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(9,12,16,.98),rgba(9,12,16,.96));border:1px solid rgba(134,158,224,.6);box-shadow:var(--shadow)}.aff-bubble-rank{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;justify-content:center;flex-wrap:wrap}.bubble-rank-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:#0a0f15;box-shadow:0 7px 20px rgba(0,0,0,.65)}.aff-flow-circle-badge,.aff-metric-label{letter-spacing:.12em;text-transform:uppercase}.bubble-rank-tag i{font-size:15px}.bubble-rank-tag--gold{background:radial-gradient(circle at 30% 20%,#fff7db,#e3c564 65%,#b48b2d 100%)}.bubble-rank-tag--silver{background:radial-gradient(circle at 30% 20%,#fefeff,#ccd3e9 65%,#8f9ab6 100%)}.bubble-rank-tag--bronze{background:radial-gradient(circle at 30% 20%,#fff1dc,#e3a96a 65%,#b26b2d 100%)}.bubble-name{font-weight:600;font-size:1rem}.bubble-role{font-size:.86rem;color:#9fb1cd}.aff-bubble-stats{display:grid;gap:8px;margin-top:6px}.stat-label{display:block;font-size:.76rem;color:#9fb1cd}.stat-value{display:block;font-size:.9rem;font-weight:600;color:#e2edff}.aff-flow-band{position:relative;padding:52px 0 56px;overflow:hidden}.aff-flow-bg{position:absolute;inset:0;background:radial-gradient(1100px 550px at 0 10%,rgba(124,92,255,.5),transparent 60%),radial-gradient(1000px 520px at 100% 90%,rgba(46,230,166,.4),transparent 60%),radial-gradient(1600px 800px at 50% 50%,rgba(10,14,22,.98),#05070a);opacity:.98;z-index:0}.aff-flow-wrap{position:relative;z-index:1}.aff-flow-diagram{margin-top:22px;display:flex;align-items:flex-start;justify-content:center;gap:24px;flex-wrap:nowrap}.aff-flow-item{text-align:center;flex:1 1 0;min-width:150px}.aff-flow-circle{position:relative;width:120px;height:120px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;color:#0a0f15;box-shadow:0 18px 40px rgba(0,0,0,.7);border:2px solid rgba(255,255,255,.9);animation:3s ease-in-out infinite aff-circle-bob}.aff-flow-circle--click{background:radial-gradient(circle at 30% 20%,#fff,#cde6ff 55%,#9a86ff 100%);animation-delay:0s}.aff-flow-circle--signup{background:radial-gradient(circle at 30% 20%,#fff,#f6dfff 55%,#e08cff 100%);animation-delay:.1s}.aff-flow-circle--payment{background:radial-gradient(circle at 30% 20%,#fff,#ffe5d5 55%,#ff9f5a 100%);animation-delay:.2s}.aff-flow-circle--commission{background:radial-gradient(circle at 30% 20%,#fff,#e5f3ff 55%,#9ec9ff 100%);animation-delay:.3s;box-shadow:0 22px 50px rgba(158,201,255,.9)}@keyframes aff-circle-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.aff-flow-circle i{font-size:36px}.aff-flow-commission{display:inline-flex;align-items:baseline;gap:2px;font-weight:800;font-size:2.1rem}.aff-flow-commission .unit{font-size:.7em}.aff-flow-circle-badge{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:999px;font-size:.72rem;background:rgba(9,12,16,.96);color:#e3ecff;border:1px solid rgba(220,232,255,.7);box-shadow:0 6px 18px rgba(0,0,0,.7)}.aff-flow-arrow,.aff-step,.aff-step h3,.aff-step p,.aff-step-badge,.aff-step-list{position:relative}.aff-flow-circle-badge--highlight{background:#fff;border-color:rgba(46,230,166,.9);color:#062116;text-shadow:0 0 0 transparent;box-shadow:0 8px 20px rgba(0,0,0,.85)}.aff-flow-arrow{width:90px;height:32px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.aff-flow-arrow-body{width:100%;height:3px;border-radius:999px;background:linear-gradient(90deg,#2ee6a6,#7c5cff,#2ee6a6);background-size:200% 100%;animation:2.4s linear infinite aff-arrow-flow;opacity:.95}.aff-flow-arrow--strong .aff-flow-arrow-body{height:4px;box-shadow:0 0 18px rgba(46,230,166,.9)}.aff-flow-arrow-head{width:10px;height:10px;border-radius:2px;transform:translateX(6px) rotate(45deg);background:radial-gradient(circle at 30% 30%,#fff,#a9f3d7 70%);box-shadow:0 0 10px rgba(46,230,166,.9)}@keyframes aff-arrow-flow{0%{background-position:0 50%}100%{background-position:200% 50%}}.aff-flow-item p{margin:14px 0 0;font-size:.95rem;font-weight:500;color:#d6e4ff}.aff-flow-caption{margin-top:22px;font-size:.9rem;color:#b7c7e2;max-width:640px}.aff-metrics-section{padding:44px 0 36px}.aff-metrics-row{display:grid;gap:16px}.aff-metric-card{padding:14px 16px;border-radius:18px;border:1px solid rgba(134,158,224,.5);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:var(--shadow)}.aff-metric-label{display:block;font-size:.82rem;color:#a9bedd;margin-bottom:3px}.aff-metric-value{display:flex;align-items:flex-end;gap:2px;font-weight:800;font-size:1.6rem}.aff-metric-main{letter-spacing:-.03em}.aff-metric-sub{font-size:.9rem;margin-bottom:3px;color:#cfe1ff}.aff-metric-card p{margin:4px 0 0;font-size:.88rem;color:#b7c7e2}.aff-steps-section{border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:radial-gradient(900px 500px at 0 0,rgba(124,92,255,.16),transparent 60%)}.aff-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.aff-step{padding:18px 16px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(135,158,222,.45);box-shadow:var(--shadow);overflow:hidden}.aff-step::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 0 0,rgba(124,92,255,.4),transparent 60%);opacity:0;transition:opacity .25s}.aff-step:hover::before{opacity:1}.aff-step-badge{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.84rem;font-weight:700;background:radial-gradient(circle at 30% 20%,#fff,#d4e6ff 60%,#9c87ff 100%);color:#0a0f15;box-shadow:0 6px 18px rgba(124,92,255,.5);margin-bottom:6px;z-index:1}.aff-step h3{margin:.1rem 0 .35rem;font-size:1rem;z-index:1}.aff-step p{margin:0 0 .6rem;font-size:.92rem;color:#cfe1ff;z-index:1}.aff-step-list{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:.88rem;color:#b8c8e4;z-index:1}.aff-step-list li{display:flex;align-items:center;gap:6px}.aff-step-list i{font-size:16px;color:#9fe9cd}.aff-faq-section{border-top:1px solid rgba(255,255,255,.05)}.aff-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.aff-faq-item{padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--line);box-shadow:var(--shadow)}.aff-faq-item h3{margin:0 0 .32rem;font-size:.98rem}.aff-faq-item p{margin:0;color:#cfe1ff;font-size:.92rem}@media (max-width:1080px){.aff-hero-grid{grid-template-columns:minmax(0,1fr)}.aff-hero-badge{justify-self:center}.aff-bubble-field{flex-direction:column;align-items:center;gap:18px}.aff-bubble{--lift-y:0px;--scale:1}.aff-flow-diagram{flex-wrap:wrap;justify-content:center}.aff-flow-arrow{width:70px}.aff-metrics-row{grid-template-columns:repeat(3,minmax(0,1fr))}.aff-faq-grid,.aff-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:840px){.aff-faq-grid,.aff-metrics-row,.aff-steps-grid{grid-template-columns:1fr}}@media (max-width:720px){.aff-flow-diagram{flex-direction:column;gap:18px}.aff-flow-arrow{transform:rotate(90deg);width:40px}.aff-flow-item{min-width:0}}@media (max-width:600px){.aff-hero{padding-top:72px}.aff-hero-copy h1{font-size:clamp(1.9rem, 7vw, 2.4rem)}}