* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;background: radial-gradient(circle at 30% 20%, rgba(0,119,190,0.05) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(0,206,209,0.05) 0%, transparent 50%), linear-gradient(135deg, #f6f8fb 0%, #e9ecef 100%);min-height: 100vh;color: #1f2937;line-height: 1.6;}.nav-bar {position: fixed;top: 0;left: 0;right: 0;height: 60px;background: rgba(255,255,255,0.95);backdrop-filter: blur(20px);border-bottom: 1px solid rgba(0,0,0,0.05);z-index: 1000;display: flex;align-items: center;padding: 0 40px;}.nav-logo {font-size: 20px;font-weight: 800;background: linear-gradient(135deg, #0077BE 0%, #00CED1 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-decoration: none;}.affiliate-container {max-width: 800px;margin: 100px auto 40px;padding: 0 20px;}.affiliate-header {text-align: center;margin-bottom: 50px;padding: 40px 20px;background: white;border-radius: 20px;box-shadow: 0 10px 30px rgba(0,0,0,0.05);}.affiliate-title {font-size: 42px;font-weight: 900;background: linear-gradient(135deg, #0077BE 0%, #00CED1 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 15px;}.affiliate-subtitle {font-size: 18px;color: #6b7280;}.last-updated {margin-top: 20px;padding: 8px 16px;background: linear-gradient(135deg, #f3f4f6, #e5e7eb);border-radius: 20px;display: inline-block;font-size: 14px;color: #4b5563;}.affiliate-content {background: white;border-radius: 20px;padding: 50px;box-shadow: 0 10px 30px rgba(0,0,0,0.05);}.transparency-notice {background: linear-gradient(135deg, #dbeafe, #bfdbfe);border-left: 4px solid #3b82f6;padding: 25px;border-radius: 10px;margin-bottom: 40px;}.transparency-notice h3 {color: #1e40af;margin-bottom: 10px;font-size: 20px;display: flex;align-items: center;gap: 10px;}.transparency-notice p {color: #1e3a8a;font-size: 16px;line-height: 1.6;}.section {margin-bottom: 40px;}.section h2 {font-size: 26px;font-weight: 700;color: #0077BE;margin-bottom: 20px;padding-left: 15px;border-left: 4px solid #00CED1;}.section p {margin-bottom: 15px;color: #4b5563;font-size: 16px;line-height: 1.8;}.section ul {margin: 15px 0 15px 30px;color: #4b5563;}.section li {margin-bottom: 10px;font-size: 16px;}.benefits-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;margin: 30px 0;}.benefit-card {background: linear-gradient(135deg, #f0fdf4, #dcfce7);border: 2px solid #86efac;border-radius: 15px;padding: 20px;text-align: center;transition: all 0.3s ease;}.benefit-card:hover {transform: translateY(-3px);box-shadow: 0 10px 20px rgba(16,185,129,0.1);}.benefit-icon {font-size: 32px;margin-bottom: 10px;}.benefit-title {font-weight: 600;color: #14532d;margin-bottom: 8px;}.benefit-text {font-size: 14px;color: #166534;}.partner-list {background: #f9fafb;border-radius: 15px;padding: 30px;margin: 30px 0;}.partner-list h3 {color: #1f2937;margin-bottom: 20px;font-size: 20px;}.partner-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 15px;}.partner-item {background: white;padding: 15px;border-radius: 10px;border: 1px solid #e5e7eb;text-align: center;font-weight: 500;color: #4b5563;transition: all 0.3s ease;}.partner-item:hover {border-color: #0077BE;color: #0077BE;transform: translateY(-2px);}.faq-section {margin-top: 50px;}.faq-item {background: white;border: 1px solid #e5e7eb;border-radius: 10px;margin-bottom: 15px;overflow: hidden;transition: all 0.3s ease;}.faq-item:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.08);}.faq-question {padding: 20px;font-weight: 600;color: #1f2937;cursor: pointer;display: flex;justify-content: space-between;align-items: center;}.faq-answer {padding: 0 20px 20px;color: #6b7280;line-height: 1.6;}.contact-box {background: linear-gradient(135deg, #f0f9ff, #e0f2fe);padding: 30px;border-radius: 15px;text-align: center;margin-top: 40px;}.contact-box h3 {color: #0077BE;margin-bottom: 15px;}.contact-box p {color: #4b5563;margin-bottom: 15px;}.contact-email {color: #0077BE;text-decoration: none;font-weight: 600;font-size: 18px;}.contact-email:hover {text-decoration: underline;}@media (max-width: 768px) {.affiliate-container {margin-top: 80px;}.affiliate-title {font-size: 32px;}.affiliate-content {padding: 30px 20px;}.benefits-grid {grid-template-columns: 1fr;}.nav-bar {padding: 0 20px;}}