.affiliate-hero-section{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:80px 0;position:relative;overflow:hidden}.affiliate-hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)" /></svg>');opacity:.5}.affiliate-hero-section .affiliate-hero-header{position:relative;z-index:1}.affiliate-hero-section .affiliate-hero-header h5{font-size:1.2rem;font-weight:500;margin-bottom:1rem}.affiliate-hero-section .affiliate-hero-header h5 span{background:rgba(255,255,255,.2);padding:.25rem 1rem;border-radius:50px;margin-right:.5rem}.affiliate-hero-section .affiliate-hero-header h2{font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem}@media (max-width:768px){.affiliate-hero-section .affiliate-hero-header h2{font-size:1.8rem}}.affiliate-hero-section .affiliate-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.affiliate-hero-section .affiliate-cta-buttons .header-btn1,.affiliate-hero-section .affiliate-cta-buttons .header-btn2{padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.affiliate-hero-section .affiliate-cta-buttons .header-btn1:hover,.affiliate-hero-section .affiliate-cta-buttons .header-btn2:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.affiliate-hero-section .affiliate-cta-buttons .header-btn1{background:#fff;color:#667eea}.affiliate-hero-section .affiliate-cta-buttons .header-btn2{background:rgba(255,255,255,.2);color:#fff;border:2px solid #fff}.referral-code-section{padding:40px 0;background:#f8f9fa}.referral-code-box{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.1);border:2px solid #667eea}.referral-code-box .code-item{margin-bottom:0}.referral-code-box .code-item label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.referral-code-box .code-display{display:flex;align-items:center;gap:.5rem;background:#f8f9fa;padding:.75rem 1rem;border-radius:8px;border:1px solid #e0e0e0}.referral-code-box .code-display code{flex:1;color:#667eea;font-weight:600;font-size:1.1rem;word-break:break-all}.referral-code-box .code-display code.small-text{font-size:.85rem}.referral-code-box .copy-btn{background:#667eea;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .3s;flex-shrink:0}.referral-code-box .copy-btn:hover{background:#764ba2;transform:scale(1.05)}.referral-code-box p{color:#666;font-size:.9rem}.referral-code-box p i{color:#667eea;margin-right:.5rem}@media (max-width:767px){.referral-code-section{padding:20px 0}.referral-code-box{padding:1.5rem}.referral-code-box .code-display code{font-size:.9rem}.referral-code-box .code-display code.small-text{font-size:.75rem}}.affiliate-stat-card{background:#fff;padding:2.5rem 2rem;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:all .3s;height:100%}.affiliate-stat-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.affiliate-stat-card .stat-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}.affiliate-stat-card .stat-icon i{font-size:2.5rem;color:#fff}.affiliate-stat-card h3{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1rem}.affiliate-stat-card p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:0}.how-it-works-section .step-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);text-align:center;position:relative;transition:all .3s;height:100%}.how-it-works-section .step-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.how-it-works-section .step-card .step-number{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:50px;height:50px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 5px 15px rgba(102,126,234,.3)}.how-it-works-section .step-card .step-icon{margin:2rem 0 1.5rem}.how-it-works-section .step-card .step-icon i{font-size:3rem;color:#667eea}.how-it-works-section .step-card h4{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:1rem}.how-it-works-section .step-card p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:0}.benefits-section{background:#f8f9fa}.benefits-section .benefit-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:all .3s;height:100%}.benefits-section .benefit-card:hover{transform:translateX(10px);box-shadow:0 10px 25px rgba(0,0,0,.12)}.benefits-section .benefit-card .benefit-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefits-section .benefit-card .benefit-icon i{font-size:1.8rem;color:#fff}.benefits-section .benefit-card h4{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:.75rem}.benefits-section .benefit-card p{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:0}.faq-section .accordion-item{border:none;margin-bottom:1rem;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.08)}.faq-section .accordion-item .accordion-header .accordion-button{background:#fff;color:#333;font-weight:600;font-size:1.1rem;padding:1.25rem 1.5rem;border:none;box-shadow:none}.faq-section .accordion-item .accordion-header .accordion-button:not(.collapsed){background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.faq-section .accordion-item .accordion-header .accordion-button:focus{box-shadow:none;border:none}.faq-section .accordion-item .accordion-header .accordion-button::after{filter:brightness(0) invert(1)}.faq-section .accordion-item .accordion-body{padding:1.5rem;background:#fff;color:#666;font-size:1rem;line-height:1.7}.affiliate-cta-section{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:80px 0;position:relative}.affiliate-cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100%" height="100%" fill="url(%23dots)" /></svg>')}.affiliate-cta-section .cta-content{position:relative;z-index:1}.affiliate-cta-section .cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}@media (max-width:768px){.affiliate-cta-section .cta-content h2{font-size:1.8rem}}.affiliate-cta-section .cta-content p{font-size:1.2rem;opacity:.9;margin-bottom:2rem}.affiliate-cta-section .cta-content .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.affiliate-cta-section .cta-content .cta-buttons .header-btn1,.affiliate-cta-section .cta-content .cta-buttons .header-btn2{padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.affiliate-cta-section .cta-content .cta-buttons .header-btn1:hover,.affiliate-cta-section .cta-content .cta-buttons .header-btn2:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.affiliate-cta-section .cta-content .cta-buttons .header-btn1{background:#fff;color:#667eea}.affiliate-cta-section .cta-content .cta-buttons .header-btn2{background:rgba(255,255,255,.2);color:#fff;border:2px solid #fff}.section-header h2{font-size:2.2rem;font-weight:700;color:#333;margin-bottom:1rem}@media (max-width:768px){.section-header h2{font-size:1.6rem}}.space16{height:16px}.space30{height:30px}.space40{height:40px}.space60{height:60px}.sp1{padding:60px 0}@media (max-width:768px){.sp1{padding:40px 0}}