/* css/variables.css */
:root {--primary-navy:#1e3a5f;--secondary-navy:#2c5282;--light-navy:#4a7ba7;--accent-gold:#f6ad55;--accent-silver:#e2e8f0;--text-dark:#2d3748;--text-medium:#4a5568;--text-light:#718096;--text-white:#ffffff;--bg-light:#f7fafc;--bg-white:#ffffff;--bg-dark:#1a202c;--bg-card:#ffffff;--shadow:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-md:0 6px 10px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--border-radius:8px;--border-radius-lg:12px;--border-color:#e2e8f0;--transition:all 0.3s ease;--transition-slow:all 0.5s ease;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem}
/* css/main.css */
* {margin:0;padding:0;box-sizing:border-box}html {scroll-behavior:smooth}body {font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-dark);background-color:var(--bg-light)}.container {max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.navbar {background-color:var(--primary-navy);color:var(--text-white);padding:var(--spacing-sm) 0;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-md)}.navbar .container {display:flex;justify-content:space-between;align-items:center}.nav-brand {display:flex;flex-direction:column}.nav-brand h1 {color:var(--text-white);font-size:var(--font-size-xl);margin:0;line-height:1.2}.nav-subtitle {color:var(--text-light);font-size:var(--font-size-xs);display:block}.nav-menu {display:flex;list-style:none;gap:var(--spacing-lg);margin:0;padding:0}.nav-link {color:var(--text-white);text-decoration:none;font-weight:500;transition:color 0.3s;font-size:var(--font-size-base)}.nav-link:hover {color:var(--accent-gold)}.nav-toggle {display:none;flex-direction:column;gap:5px;cursor:pointer}.nav-toggle span {width:25px;height:3px;background-color:var(--text-white);transition:all 0.3s}.hero-section {background:linear-gradient(135deg,var(--primary-navy) 0%,var(--secondary-navy) 100%);color:var(--text-white);padding:var(--spacing-xl) 0;text-align:center;min-height:500px;display:flex;align-items:center;position:relative;overflow:hidden}.hero-content {max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-title {font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--text-white);font-weight:700}.hero-subtitle {font-size:var(--font-size-xl);color:var(--accent-gold);margin-bottom:var(--spacing-md);font-weight:500}.hero-description {max-width:600px;margin:0 auto var(--spacing-lg);color:var(--text-silver);font-size:var(--font-size-lg)}.hero-buttons {display:flex;gap:var(--spacing-md);justify-content:center}.section-title {font-size:var(--font-size-3xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-xl);color:var(--primary-navy);position:relative;padding-top:var(--spacing-lg)}.section-title::after {content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--accent-gold),var(--primary-navy));border-radius:2px}.profile-card,.work-card,.director-card,.skill-category,.value-item {background-color:var(--bg-card);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);border:1px solid var(--border-color);transition:var(--transition)}.profile-card:hover,.work-card:hover,.director-card:hover,.skill-category:hover,.value-item:hover {box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-section {padding:var(--spacing-xl) 0;background-color:var(--bg-light)}.profile-content {max-width:900px;margin:0 auto}.profile-header {display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg)}.profile-avatar {flex-shrink:0}.profile-avatar img {width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-white);box-shadow:var(--shadow-md)}.profile-info {flex-grow:1}.profile-info h3 {font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs);color:var(--primary-navy)}.profile-title {color:var(--text-medium);margin-bottom:var(--spacing-md);font-weight:500;font-size:var(--font-size-lg)}.profile-social {display:flex;gap:var(--spacing-md)}.social-link {color:var(--text-light);transition:color 0.3s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-light)}.social-link:hover {color:var(--primary-navy);background-color:var(--accent-silver)}.profile-details {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.detail-section h4 {font-size:var(--font-size-lg);color:var(--primary-navy);margin-bottom:var(--spacing-md);border-left:4px solid var(--accent-gold);padding-left:var(--spacing-sm)}.education-list p,.experience-list p {margin-bottom:0.5rem;color:var(--text-medium)}.skills-list {display:flex;flex-wrap:wrap;gap:0.5rem}.skill-tag {background:var(--bg-light);padding:4px 10px;border-radius:15px;font-size:0.9rem;color:var(--primary-navy);border:1px solid var(--border-color)}.works-section {padding:var(--spacing-xl) 0;background-color:var(--bg-white)}.works-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.influences-section {padding:var(--spacing-xl) 0;background-color:var(--bg-light)}.directors-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.conversation-section {padding:var(--spacing-xl) 0;background-color:var(--bg-white)}.conversation-container {max-width:800px;margin:0 auto;background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-color);display:flex;flex-direction:column;height:600px}.chat-header {background:var(--primary-navy);color:var(--text-white);padding:var(--spacing-md);text-align:center;border-bottom:1px solid rgba(255,255,255,0.1)}.chat-title {font-size:var(--font-size-lg);font-weight:700;margin-bottom:4px}.chat-subtitle {font-size:var(--font-size-sm);color:var(--text-light);opacity:0.8}.chat-messages {flex:1;overflow-y:auto;padding:var(--spacing-md);background:var(--bg-light);display:flex;flex-direction:column;gap:var(--spacing-md)}.message-bubble {max-width:85%;padding:var(--spacing-sm) var(--spacing-md);border-radius:18px;line-height:1.5;position:relative;word-wrap:break-word}.assistant-message {background:var(--bg-white);border:1px solid var(--border-color);margin-right:auto;border-bottom-left-radius:4px;color:var(--text-dark)}.user-message {background:var(--primary-navy);color:var(--text-white);margin-left:auto;border-bottom-right-radius:4px}.message-content ul {margin-left:1.5rem;margin-top:0.5rem;margin-bottom:0.5rem}.chat-input-container {padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-white)}.quick-actions {display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);scrollbar-width:thin}.quick-question-btn {white-space:nowrap;padding:6px 14px;border:1px solid var(--accent-gold);color:var(--primary-navy);background:transparent;border-radius:20px;font-size:var(--font-size-sm);cursor:pointer;transition:all 0.2s}.quick-question-btn:hover {background:var(--accent-gold);color:white}.input-wrapper {display:flex;gap:var(--spacing-sm)}#userInput {flex:1;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);outline:none;font-family:inherit;font-size:var(--font-size-base);transition:border-color 0.3s}#userInput:focus {border-color:var(--primary-navy);box-shadow:0 0 0 2px rgba(30,58,95,0.1)}.send-btn {padding:0 24px;background:var(--primary-navy);color:white;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:600;transition:background-color 0.3s}.send-btn:hover {background:var(--secondary-navy)}.btn {padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center}.btn-primary {background-color:var(--accent-gold);color:var(--text-dark)}.btn-primary:hover {background-color:#ed8936;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary {background-color:transparent;color:var(--text-white);border:2px solid var(--text-white)}.btn-secondary:hover {background-color:var(--text-white);color:var(--primary-navy);transform:translateY(-2px)}.info-grid,.activity-grid,.values-grid,.skills-grid {display:grid;gap:var(--spacing-lg)}
/* css/responsive.css */
@media (max-width:768px) {.nav-toggle {display:flex}.nav-menu {display:none;position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,var(--primary-navy),var(--secondary-navy));flex-direction:column;padding:var(--spacing-md);box-shadow:var(--shadow-lg)}.nav-menu.active {display:flex}.hero-content {flex-direction:column;text-align:center;gap:var(--spacing-lg)}.hero-buttons {justify-content:center;flex-wrap:wrap}.profile-card {padding:var(--spacing-md)}.profile-header {flex-direction:column;text-align:center}.profile-avatar {margin-right:0;margin-bottom:var(--spacing-md)}.profile-info {text-align:center}.profile-social {justify-content:center}.chat-container {margin:0;height:500px}.chat-messages {height:350px}.message-bubble {max-width:90%}.hero-title {font-size:var(--font-size-3xl)}.hero-subtitle {font-size:var(--font-size-lg)}.section-title {font-size:var(--font-size-2xl)}.container {padding:0 var(--spacing-sm)}}@media (max-width:480px) {.hero-buttons {flex-direction:column;width:100%}.btn {width:100%;text-align:center}.chat-container {height:100vh;border-radius:0}}