.affiliate-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.hero-section{text-align:center;color:#fff;background:linear-gradient(135deg,#667eeae6,#764ba2e6);padding:80px 20px}.hero-content{max-width:800px;margin:0 auto}.hero-title{text-shadow:2px 2px 4px #0000004d;margin-bottom:1rem;font-size:3.5rem;font-weight:700}.hero-subtitle{opacity:.9;max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.products-section{background:#f8fafc;padding:80px 20px}.dark .products-section{background:#111827}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-header h2{color:#2d3748;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.dark .section-header h2{color:#f3f4f6}.section-header p{color:#718096;max-width:600px;margin:0 auto;font-size:1.125rem}.dark .section-header p{color:#d1d5db}.products-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem;display:grid}.product-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 10px 25px #0000001a}.dark .product-card{background:#1f2937;border-color:#374151;box-shadow:0 10px 25px #0000004d}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.dark .product-card:hover{box-shadow:0 20px 40px #0006}.product-header{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.product-category{background:#fff3;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.product-commission{background:#48bb78;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:700}.product-content{padding:2rem}.product-title{color:#2d3748;margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.4}.dark .product-title{color:#f3f4f6}.product-description{color:#718096;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;line-height:1.6;display:-webkit-box;overflow:hidden}.dark .product-description{color:#d1d5db}.product-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}.stat{text-align:center;background:#f7fafc;border-radius:8px;padding:1rem}.dark .stat{background:#111827}.stat-label{color:#718096;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.dark .stat-label{color:#9ca3af}.stat-value{color:#2d3748;font-size:1.125rem;font-weight:700;display:block}.dark .stat-value{color:#f3f4f6}.product-footer{background:#f7fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.dark .product-footer{background:#111827;border-top-color:#374151}.vendor-info{color:#718096;font-size:.875rem}.dark .vendor-info{color:#d1d5db}.cta-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;width:200px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 50px #00000040}.dark .modal-content{background:#1f2937}.modal-close{cursor:pointer;z-index:1001;color:#2d3748;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.dark .modal-close{color:#f3f4f6;background:#374151}.modal-close:hover{background:#cbd5e0}.dark .modal-close:hover{background:#4b5563}.modal-header{border-bottom:1px solid #e2e8f0;padding:2rem 2rem 1rem}.dark .modal-header{border-bottom-color:#374151}.modal-header h2{color:#2d3748;margin-bottom:1rem;padding-right:3rem;font-size:1.5rem;font-weight:700}.dark .modal-header h2{color:#f3f4f6}.modal-badges{flex-wrap:wrap;gap:.5rem;display:flex}.category-badge{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.commission-badge{color:#fff;background:#48bb78;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.modal-body{padding:2rem}.modal-description{margin-bottom:2rem}.modal-description p{color:#4a5568;font-size:1rem;line-height:1.6}.dark .modal-description p{color:#d1d5db}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.dark .stat-item{background:#111827;border-color:#374151}.stat-icon{font-size:1.5rem}.stat-item .stat-label{color:#718096;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.dark .stat-item .stat-label{color:#9ca3af}.stat-item .stat-value{color:#2d3748;font-size:1rem;font-weight:700}.dark .stat-item .stat-value{color:#f3f4f6}.modal-actions{border-top:1px solid #e2e8f0;flex-direction:column;gap:1.5rem;padding-top:1.5rem;display:flex}.dark .modal-actions{border-top-color:#374151}.promo-button{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;padding:1rem 2rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:all .3s}.promo-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #48bb784d}.social-share{text-align:center}.share-label{color:#718096;margin-bottom:1rem;font-weight:600;display:block}.dark .share-label{color:#d1d5db}.social-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.social-btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s}.social-btn.facebook{color:#fff;background:#1877f2}.social-btn.twitter{color:#fff;background:#1da1f2}.social-btn.linkedin{color:#fff;background:#0077b5}.social-btn:hover{opacity:.9;transform:translateY(-2px)}.loading-container{color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.products-grid,.product-stats,.stats-grid{grid-template-columns:1fr}.modal-content{max-height:95vh;margin:1rem}.modal-header,.modal-body{padding:1.5rem}.social-buttons{flex-direction:column}.social-btn{width:100%}}