| .creator-section { | |
| background: linear-gradient(135deg, var(--ai-secondary-dark) 0%, var(--ai-primary-dark) 100%); | |
| margin: 40px 0; | |
| border-radius: 10px; | |
| overflow: hidden; | |
| } | |
| .creator-content { | |
| display: flex; | |
| flex-wrap: wrap; | |
| align-items: center; | |
| gap: 2rem; | |
| padding: 2rem 0; | |
| } | |
| .creator-avatar { | |
| flex: 0 0 auto; | |
| width: 150px; | |
| height: 150px; | |
| border-radius: 50%; | |
| overflow: hidden; | |
| border: 3px solid var(--ai-accent-blue); | |
| box-shadow: 0 0 20px rgba(0, 168, 255, 0.3); | |
| margin: 0 auto; | |
| } | |
| .creator-avatar img { | |
| width: 100%; | |
| height: 100%; | |
| object-fit: cover; | |
| } | |
| .creator-info { | |
| flex: 1; | |
| min-width: 300px; | |
| } | |
| .creator-info h3 { | |
| color: var(--ai-accent-blue); | |
| margin-bottom: 0.5rem; | |
| font-size: 1.8rem; | |
| } | |
| .creator-title { | |
| color: var(--ai-accent-cyan); | |
| margin-bottom: 1.5rem; | |
| font-weight: 500; | |
| } | |
| .creator-credentials { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 1.5rem; | |
| margin-top: 2rem; | |
| } | |
| .credential { | |
| flex: 1; | |
| min-width: 150px; | |
| background: var(--ai-tertiary-dark); | |
| padding: 1rem; | |
| border-radius: 8px; | |
| border-left: 3px solid var(--ai-accent-purple); | |
| } | |
| .credential h4 { | |
| color: var(--ai-accent-cyan); | |
| margin-bottom: 0.5rem; | |
| } | |
| .credential p { | |
| margin: 0; | |
| color: var(--ai-text-secondary); | |
| } | |
| /* Responsive adjustments */ | |
| @media (max-width: 768px) { | |
| .creator-content { | |
| flex-direction: column; | |
| text-align: center; | |
| } | |
| .creator-credentials { | |
| justify-content: center; | |
| } | |
| } |