.about-page{overflow-x:hidden}.about-hero{padding:150px 0 100px;background:linear-gradient(135deg,#5e1d89,#8d45b8);color:#fff;position:relative;overflow:hidden;text-align:center}.about-hero h1{font-size:2.25rem;font-weight:700;margin-bottom:1rem;letter-spacing:.3px}.about-hero h1 span.text-gradient{font-weight:800;color:#fff}.about-hero p{font-size:1.25rem;max-width:700px;margin:0 auto;line-height:1.5}.our-story{padding-top:4rem}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}@media(max-width:768px){.story-grid{grid-template-columns:1fr;gap:2rem}}.story-image{position:relative}.story-image .image-container{width:100%;height:0;padding-bottom:75%;background:linear-gradient(135deg,#5e1d89,#8d45b8);border-radius:15px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.story-image .image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1px);background-size:10px 10px}.story-content h2{font-size:1.875rem;margin-bottom:1rem;color:#5e1d89}.story-content p{margin-bottom:1rem}.timeline-section{padding:4rem 0;background-color:#f9f9f9}.timeline-section .section-header{max-width:700px;margin:0 auto 3rem}.timeline-section .section-header .text-gradient{background:linear-gradient(135deg,#5e1d89,#8d45b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline{display:flex;justify-content:center;align-items:flex-start;gap:2rem;position:relative}.timeline:before{content:"";position:absolute;top:22px;left:15%;right:15%;height:2px;background:linear-gradient(135deg,#5e1d89,#8d45b8);z-index:0}@media(max-width:768px){.timeline{flex-direction:column;align-items:center;gap:2rem}.timeline:before{inset:0 auto 0 50%;width:2px;height:100%;transform:translate(-50%)}}.timeline-item{text-align:center;flex:1;max-width:260px;position:relative;z-index:1}.timeline-item .timeline-year{display:inline-block;background:linear-gradient(135deg,#5e1d89,#8d45b8);color:#fff;font-weight:700;font-size:.875rem;padding:.25rem 1rem;border-radius:20px;margin-bottom:1rem;letter-spacing:.5px}.timeline-item h3{font-size:1.25rem;margin-bottom:.25rem;color:#333}.timeline-item p{font-size:.875rem;color:#333333b3;line-height:1.5}@media(max-width:768px){.timeline-item{max-width:300px}}.mission-section{background-color:#f9f9f9;position:relative;overflow:hidden}.mission-section:before{content:"";position:absolute;top:-150px;right:-150px;width:300px;height:300px;background:radial-gradient(circle,#5e1d890d,#5e1d8900 70%);border-radius:50%}.mission-section .section-header{max-width:700px;margin:0 auto 3rem}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(max-width:768px){.values-grid{grid-template-columns:1fr}}.value-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 12px #00000026;transition:transform .4s ease}.value-card:hover{transform:translateY(-8px);box-shadow:0 8px 16px #0003}.value-card:hover .value-icon{transform:scale(1.1)}.value-card .value-icon{font-size:2.5rem;margin-bottom:1rem;color:#5e1d89;transition:transform .2s ease}.value-card h3{font-size:1.5rem;margin-bottom:.5rem}.video-section{background-color:#f9f9f9;padding:4rem 0}.video-section .section-header{max-width:700px;margin:0 auto 3rem}.video-section .video-wrapper{position:relative;width:100%;padding-bottom:56.25%;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026}.video-section .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.team-section{position:relative;overflow:hidden}.team-section:after{content:"";position:absolute;bottom:-150px;left:-150px;width:300px;height:300px;background:radial-gradient(circle,#5e1d890d,#5e1d8900 70%);border-radius:50%}.team-section .section-header{max-width:700px;margin:0 auto 3rem}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media(max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.team-grid{grid-template-columns:1fr}}.team-member{text-align:center}.team-member .member-image{width:180px;height:180px;border-radius:50%;margin:0 auto 1rem;position:relative;overflow:hidden;transition:transform .4s ease;box-shadow:0 4px 20px #5e1d8933}.team-member .member-image img{width:100%;height:100%;object-fit:cover;object-position:center 15%;transform:scale(1.3)}.team-member h3{font-size:1.25rem;margin-bottom:.25rem}.team-member .member-role{color:#5e1d89;font-weight:600;margin-bottom:.5rem}.team-member .member-bio{font-size:.875rem;color:#333c}.team-member:hover .member-image{transform:scale(1.05)}.cta-section{background:linear-gradient(135deg,#5e1d89,#8d45b8);color:#fff;text-align:center}.cta-content{max-width:700px;margin:0 auto}.cta-content h2{font-size:1.875rem;margin-bottom:1rem}.cta-content p{margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center}@media(max-width:480px){.cta-buttons{flex-direction:column;gap:.5rem;max-width:280px;margin:0 auto}}.cta-buttons .button{padding:.5rem 2rem;font-size:1.125rem}.cta-buttons .button.outlined{background:transparent;border:2px solid white;color:#fff}.cta-buttons .button.outlined:hover{background:#ffffff1a}.cta-buttons .button:not(.outlined){background:#fff;color:#5e1d89}.cta-buttons .button:not(.outlined):hover{background:#ffffffe6}
