.page-container{max-width:1400px;margin:0 auto;padding:2rem 4rem}.page-header{text-align:center;background:linear-gradient(135deg,#0284c71a,#0ea5e90d);margin-bottom:4rem;padding:5rem 2rem}.page-header h1{color:var(--primary-color);margin-bottom:1rem;font-size:3.5rem;font-weight:800}.page-header p{opacity:.8;font-size:1.2rem}.about-content{flex-direction:column;gap:5rem;display:flex}.about-section{align-items:center;gap:4rem;padding:4rem;display:flex}.about-text{flex:1}.about-text h2{color:var(--primary-color);margin-bottom:1.5rem;font-size:2.5rem}.about-text p{opacity:.85;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.about-image{flex:1;justify-content:center;display:flex}.image-placeholder{background:linear-gradient(45deg, var(--primary-color), var(--secondary-color));opacity:.8;border-radius:20px;width:100%;height:400px;box-shadow:0 20px 40px #0000001a}.timeline-section{text-align:center}.section-title{color:var(--primary-color);margin-bottom:3rem;font-size:2.5rem}.timeline{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.timeline-item{padding:3rem 2rem;transition:transform .3s}.timeline-item:hover{transform:translateY(-10px)}.timeline-item h3{color:var(--secondary-color);margin-bottom:1rem;font-size:2.5rem}.timeline-item p{opacity:.9;font-size:1.05rem;line-height:1.6}@media (max-width:900px){.about-section{flex-direction:column;padding:2rem}.page-container{padding:1rem 2rem}}