.tentang-page{min-height:100vh;padding:60px 0 80px}.tentang-hero{background:var(--bg-secondary);border-radius:var(--radius-xl);grid-template-columns:300px 1fr;align-items:start;gap:48px;margin-bottom:64px;padding:48px;display:grid}.tentang-photo{aspect-ratio:3/4;border-radius:var(--radius-lg);background:linear-gradient(135deg,#e8eeff,#d4ddff);width:100%;overflow:hidden}.tentang-photo-img{object-fit:cover;object-position:top center;width:100%;height:100%}.tentang-photo-placeholder{width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.tentang-photo-placeholder p{font-size:.85rem}.tentang-name{font-family:var(--font-display);margin-bottom:16px;font-size:2.2rem;font-weight:800}.tentang-bio{color:var(--text-secondary);margin-bottom:24px;font-size:1.05rem;line-height:1.7}.tentang-socials{flex-wrap:wrap;gap:12px;display:flex}.tentang-social-link{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;display:inline-flex}.tentang-social-link:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg);transform:translateY(-2px)}.tentang-section{margin-bottom:48px}.tentang-section h2{font-family:var(--font-display);margin-bottom:24px;font-size:1.5rem;font-weight:700}.skills-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skill-card{background:var(--bg-secondary);border-radius:var(--radius-md);transition:var(--transition);padding:24px}.skill-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.skill-icon{margin-bottom:12px;font-size:2rem;display:block}.skill-card h3{margin-bottom:8px;font-size:1rem;font-weight:700}.skill-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{border-bottom:1px solid var(--border-light);grid-template-columns:200px 1fr;gap:32px;padding:24px 0;display:grid}.timeline-year{color:var(--primary);font-size:.85rem;font-weight:600}.timeline-content h3{margin-bottom:4px;font-size:1.05rem;font-weight:700}.timeline-org{color:var(--text-muted);margin-bottom:8px;font-size:.88rem}.timeline-content p:last-child{color:var(--text-secondary);font-size:.92rem;line-height:1.5}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tentang-hero{grid-template-columns:1fr;gap:24px;padding:24px}.tentang-photo{aspect-ratio:1;max-width:250px;margin:0 auto}.tentang-name{text-align:center;font-size:1.6rem}.tentang-bio{text-align:center}.tentang-socials{justify-content:center}.skills-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:8px}}