:root{--af-gold:#f5c542;--af-green:#21d07a;--af-card:rgba(255,255,255,.055);--af-line:rgba(255,255,255,.12)}
.af-page{overflow:hidden}.af-hero{position:relative;padding:82px 0 64px;background:radial-gradient(circle at 18% 20%,rgba(33,208,122,.16),transparent 34%),radial-gradient(circle at 82% 10%,rgba(245,197,66,.17),transparent 30%)}
.af-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:46px;align-items:center}.af-badge{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border:1px solid rgba(245,197,66,.4);border-radius:999px;background:rgba(245,197,66,.08);font-size:12px;font-weight:900;letter-spacing:.13em;color:#ffe18a}.af-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.02;margin:18px 0 18px;max-width:850px}.af-gradient{background:linear-gradient(90deg,#fff 15%,#f5c542 55%,#21d07a);-webkit-background-clip:text;background-clip:text;color:transparent}.af-lead{font-size:clamp(17px,2vw,21px);line-height:1.65;opacity:.86;max-width:760px}.af-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.af-primary{background:linear-gradient(135deg,#f5c542,#ff9d2e)!important;color:#171109!important;border:0!important;box-shadow:0 13px 34px rgba(245,197,66,.24)}
.af-visual{position:relative;min-height:440px;display:grid;place-items:center}.af-wheel{width:min(370px,82vw);aspect-ratio:1;border-radius:50%;position:relative;background:conic-gradient(#0d7b48 0 9.7deg,#222 9.7deg 19.4deg,#b9212f 19.4deg 29.1deg,#222 29.1deg 38.8deg,#b9212f 38.8deg 48.5deg,#222 48.5deg 58.2deg,#b9212f 58.2deg 67.9deg,#222 67.9deg 77.6deg,#b9212f 77.6deg 87.3deg,#222 87.3deg 97deg,#b9212f 97deg 106.7deg,#222 106.7deg 116.4deg,#b9212f 116.4deg 126.1deg,#222 126.1deg 135.8deg,#b9212f 135.8deg 145.5deg,#222 145.5deg 155.2deg,#b9212f 155.2deg 164.9deg,#222 164.9deg 174.6deg,#b9212f 174.6deg 184.3deg,#222 184.3deg 194deg,#b9212f 194deg 203.7deg,#222 203.7deg 213.4deg,#b9212f 213.4deg 223.1deg,#222 223.1deg 232.8deg,#b9212f 232.8deg 242.5deg,#222 242.5deg 252.2deg,#b9212f 252.2deg 261.9deg,#222 261.9deg 271.6deg,#b9212f 271.6deg 281.3deg,#222 281.3deg 291deg,#b9212f 291deg 300.7deg,#222 300.7deg 310.4deg,#b9212f 310.4deg 320.1deg,#222 320.1deg 329.8deg,#b9212f 329.8deg 339.5deg,#222 339.5deg 349.2deg,#b9212f 349.2deg 360deg);border:17px solid #b88b25;box-shadow:0 0 0 8px #241b0b,0 25px 80px rgba(0,0,0,.55),0 0 80px rgba(245,197,66,.16);animation:afSpin 24s linear infinite}.af-wheel:before{content:"€";position:absolute;inset:25%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#2f2614,#090909 72%);border:8px solid #d7aa3e;font-size:88px;font-weight:950;color:#f5c542;box-shadow:inset 0 0 30px rgba(245,197,66,.25)}.af-money{position:absolute;font-weight:950;color:#21d07a;background:rgba(4,19,12,.9);border:1px solid rgba(33,208,122,.45);border-radius:12px;padding:10px 14px;box-shadow:0 12px 32px rgba(0,0,0,.35);animation:afFloat 3s ease-in-out infinite}.af-m1{top:7%;right:2%}.af-m2{bottom:9%;left:1%;animation-delay:.8s}.af-m3{bottom:1%;right:7%;animation-delay:1.5s}@keyframes afSpin{to{transform:rotate(360deg)}}@keyframes afFloat{50%{transform:translateY(-12px)}}
.af-section{padding:72px 0}.af-section-head{text-align:center;max-width:780px;margin:0 auto 34px}.af-section-head h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.af-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.af-card{background:var(--af-card);border:1px solid var(--af-line);border-radius:20px;padding:24px;box-shadow:0 18px 48px rgba(0,0,0,.25)}.af-step-num{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#f5c542,#ff9d2e);color:#15100a;font-weight:950}.af-card h3{margin:16px 0 8px}.af-card p{opacity:.8;line-height:1.6}
.af-calc-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:stretch}.af-calc{padding:30px}.af-field{margin:16px 0}.af-field label{display:flex;justify-content:space-between;font-weight:800;margin-bottom:8px}.af-range{width:100%;accent-color:#f5c542}.af-total{margin-top:24px;padding:22px;border-radius:17px;background:linear-gradient(135deg,rgba(33,208,122,.14),rgba(245,197,66,.12));border:1px solid rgba(33,208,122,.3)}.af-total small{display:block;opacity:.7}.af-total strong{font-size:clamp(34px,5vw,58px);color:#45e492}.af-example-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.af-example{padding:19px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--af-line)}.af-example b{display:block;font-size:26px;color:#f5c542}.af-note{font-size:12px;opacity:.64;line-height:1.5;margin-top:14px}
.af-channel-grid,.af-resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.af-channel{display:flex;gap:15px}.af-icon{font-size:27px}.af-resource{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;color:inherit;transition:.2s}.af-resource:hover{transform:translateY(-3px);border-color:rgba(245,197,66,.4)}.af-arrow{font-size:24px;color:#f5c542}.af-cta{text-align:center;padding:42px;border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(245,197,66,.22),transparent 55%),rgba(255,255,255,.045);border:1px solid rgba(245,197,66,.25)}.af-cta h2{font-size:clamp(30px,4vw,48px)}.af-faq details{border-bottom:1px solid var(--af-line);padding:18px 4px}.af-faq summary{cursor:pointer;font-weight:900}.af-faq p{opacity:.8;line-height:1.65}.af-disclaimer{font-size:12px;opacity:.62;line-height:1.65;margin-top:24px}
.af-floating{position:fixed;right:18px;bottom:18px;z-index:999;display:flex;align-items:center;gap:10px;padding:12px 17px;border-radius:999px;background:linear-gradient(135deg,#f5c542,#ff8b2d);color:#171109!important;text-decoration:none;font-weight:950;box-shadow:0 14px 38px rgba(0,0,0,.48),0 0 0 0 rgba(245,197,66,.45);animation:afPulse 2.4s infinite}.af-floating-wheel{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:conic-gradient(#b9212f 0 25%,#222 25% 50%,#b9212f 50% 75%,#222 75%);border:2px solid #fff;animation:afSpin 5s linear infinite}@keyframes afPulse{70%{box-shadow:0 14px 38px rgba(0,0,0,.48),0 0 0 12px rgba(245,197,66,0)}}
@media(max-width:980px){.af-hero-grid,.af-calc-wrap{grid-template-columns:1fr}.af-grid-4{grid-template-columns:repeat(2,1fr)}.af-visual{min-height:380px}}
@media(max-width:620px){.af-hero{padding-top:55px}.af-grid-4,.af-channel-grid,.af-resource-grid,.af-example-grid{grid-template-columns:1fr}.af-card{padding:20px}.af-floating{right:10px;bottom:10px;font-size:13px;padding:10px 13px}.af-visual{min-height:340px}.af-wheel{width:290px}.af-money{font-size:12px}}
@media(prefers-reduced-motion:reduce){.af-wheel,.af-money,.af-floating,.af-floating-wheel{animation:none!important}}

/* Embedded affiliate tutorial video */
.af-video-section{position:relative}
.af-video-intro{max-width:760px;margin:-.35rem 0 1.4rem;color:var(--muted,#b9c2d0);font-size:1.05rem;line-height:1.7}
.af-video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:#05070c;box-shadow:0 24px 70px rgba(0,0,0,.38)}
.af-video-frame::before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 40px rgba(255,190,40,.08)}
.af-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.af-video-action{display:flex;justify-content:center;margin-top:1.5rem}
@media (max-width:640px){.af-video-frame{border-radius:14px}.af-video-intro{font-size:.98rem}.af-video-action .btn{width:100%;text-align:center;justify-content:center}}