*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #fafafa;--color-text: #1a1a1a;--color-text-secondary: #666;--color-accent: #2563eb;--color-border: #e5e5e5;--color-card: #ffffff;--color-red: red;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:16px;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@media(prefers-color-scheme:dark){:root{--color-bg: #0a0a0a;--color-text: #fafafa;--color-text-secondary: #a3a3a3;--color-accent: #3b82f6;--color-border: #262626;--color-card: #171717}}.hero{display:flex;align-items:center;justify-content:center;padding:40px 0}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-image-container{flex-shrink:0}.profile-image{width:180px;height:180px;border-radius:50%;overflow:hidden;background:var(--color-card);border:3px solid var(--color-border);box-shadow:0 10px 30px #0000001a}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-placeholder{width:100%;height:100%;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent),#8b5cf6);color:#fff;font-size:1rem;font-weight:500}.hero-text{max-width:100%}.hero-title{font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:4px;letter-spacing:-.02em}.highlight{color:var(--color-red)}.hero-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:16px;font-weight:500}.hero-description{font-size:1rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:24px}.hero-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hero-link{display:inline-flex;align-items:center;padding:10px 20px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);text-decoration:none;font-weight:500;font-size:.875rem;transition:border-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.hero-link:active{background:var(--color-border)}@media(min-width:768px){.hero{min-height:80vh;padding:80px 0}.hero-content{flex-direction:row;text-align:left;gap:64px}.profile-image{width:280px;height:280px;border-width:4px;box-shadow:0 20px 40px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.profile-image:hover{transform:scale(1.02);box-shadow:0 25px 50px #00000026}.profile-placeholder{font-size:1.25rem}.hero-text{max-width:500px}.hero-title{font-size:3rem;margin-bottom:8px}.hero-subtitle{font-size:1.5rem;margin-bottom:24px}.hero-description{font-size:1.125rem;margin-bottom:32px}.hero-links{justify-content:flex-start;gap:16px}.hero-link{padding:12px 24px;font-size:.9375rem}.hero-link:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26}}.timeline{opacity:0;animation:fadeIn .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.timeline-title{font-size:1.375rem;font-weight:700;margin-bottom:24px;letter-spacing:-.01em}.timeline-items{display:flex;flex-direction:column}.timeline-item{display:flex;gap:16px;opacity:0;animation:slideIn .5s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg);box-shadow:0 0 0 2px var(--color-accent);z-index:1}.timeline-line{width:2px;flex:1;background:var(--color-border);min-height:16px}.timeline-content{padding-bottom:24px;flex:1;min-width:0}.timeline-item:last-child .timeline-content{padding-bottom:0}.timeline-period{display:inline-block;font-size:.75rem;font-weight:600;color:var(--color-accent);background:#2563eb1a;padding:3px 10px;border-radius:20px;margin-bottom:10px}.timeline-item-title{font-size:1rem;font-weight:600;margin-bottom:2px;line-height:1.4}.timeline-organization{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:6px;font-weight:500}.timeline-logo{width:18px;height:18px;object-fit:contain;border-radius:3px;flex-shrink:0}.timeline-description{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.6;white-space:pre-line}@media(min-width:768px){.timeline-title{font-size:1.75rem;margin-bottom:32px}.timeline-item{gap:24px}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.timeline-dot{width:14px;height:14px;border-width:3px;box-shadow:0 0 0 3px var(--color-accent);transition:transform .2s ease}.timeline-item:hover .timeline-dot{transform:scale(1.2)}.timeline-line{min-height:20px}.timeline-content{padding-bottom:32px}.timeline-period{font-size:.8125rem;padding:4px 12px;margin-bottom:12px}.timeline-item-title{font-size:1.125rem;margin-bottom:4px}.timeline-organization{font-size:.9375rem;margin-bottom:8px}.timeline-logo{width:20px;height:20px}.timeline-description{font-size:.875rem}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;padding:0 16px}@media(min-width:768px){main{max-width:1200px;margin:0 auto;padding:0 24px}}.timelines{display:flex;flex-direction:column;gap:48px;padding:40px 0}@media(min-width:768px){.timelines{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;padding:80px 0}}.footer{text-align:center;padding:24px 16px;color:var(--color-text-secondary);font-size:.875rem;border-top:1px solid var(--color-border)}@media(min-width:768px){.footer{padding:32px 24px}}