﻿ .about-us{background:#f5f5f7;min-height:100vh}.about-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:8rem 2rem 4rem;position:relative;overflow:hidden}.about-hero:before{content:"";opacity:.1;background-image:url(/assets/patterns/pattern-7538a7ae69f6110a.svg);position:absolute;inset:0}.hero-content{z-index:1;max-width:1200px;margin:0 auto;position:relative}.hero-content h1{color:#fff;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.2}.hero-subtitle{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.our-story{background:#fff;padding:80px 20px}.story-content h2{color:#1e293b;text-align:center;margin-bottom:2rem;font-size:2.5rem}.story-text{max-width:800px;margin:0 auto}.story-text p{color:#475569;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.our-passion{background:#f8fafc;padding:80px 20px}.passion-content{text-align:center}.passion-header{justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.passion-icon{color:#ef4444}.passion-header h2{color:#1e293b;margin:0;font-size:2.5rem}.passion-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.passion-card{background:#fff;border-radius:12px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 1px 3px #0000001a}.passion-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.card-icon{color:#667eea;margin-bottom:1rem}.passion-card h3{color:#1e293b;margin-bottom:1rem;font-size:1.5rem}.passion-card p{color:#64748b;line-height:1.6}.mission-vision{background:#fff;padding:80px 20px}.mv-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;display:grid}.mission-card,.vision-card{text-align:center;background:linear-gradient(135deg,#667eea15 0%,#764ba215 100%);border:2px solid #e2e8f0;border-radius:16px;padding:3rem}.mv-icon{color:#667eea;margin-bottom:1.5rem}.mission-card h2,.vision-card h2{color:#1e293b;margin-bottom:1.5rem;font-size:2rem}.mission-card p,.vision-card p{color:#475569;font-size:1.1rem;line-height:1.8}.core-values{background:#f8fafc;padding:80px 20px}.values-content h2{color:#1e293b;text-align:center;margin-bottom:3rem;font-size:2.5rem}.values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.value-card{text-align:center;background:#fff;border-radius:12px;padding:2rem;transition:all .3s;box-shadow:0 2px 8px #00000014}.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.value-icon{color:#667eea;margin-bottom:1rem}.value-card h3{color:#1e293b;margin-bottom:.75rem;font-size:1.25rem}.value-card p{color:#64748b;line-height:1.6}.why-choose{background:#fff;padding:80px 20px}.choose-content h2{color:#1e293b;text-align:center;margin-bottom:3rem;font-size:2.5rem}.choose-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.choose-item{align-items:flex-start;gap:1rem;display:flex}.choose-icon{color:#10b981;flex-shrink:0;margin-top:.25rem}.choose-item h3{color:#1e293b;margin-bottom:.5rem;font-size:1.1rem}.choose-item p{color:#64748b;line-height:1.5}.timeline{background:#f8fafc;padding:80px 20px}.timeline-content h2{color:#1e293b;text-align:center;margin-bottom:3rem;font-size:2.5rem}.timeline-wrapper{max-width:800px;margin:0 auto;position:relative}.timeline-wrapper:before{content:"";background:#e2e8f0;width:2px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.timeline-item{width:calc(50% - 30px);margin-bottom:2rem;padding:2rem;position:relative}.timeline-item:nth-child(odd){text-align:right;left:0}.timeline-item:nth-child(2n){left:calc(50% + 30px)}.timeline-marker{color:#fff;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:2rem;box-shadow:0 4px 10px #667eea4d}.timeline-item:nth-child(odd) .timeline-marker{right:-50px}.timeline-item:nth-child(2n) .timeline-marker{left:-50px}.timeline-content h3{color:#667eea;margin-bottom:.5rem;font-size:1.5rem}.timeline-content h4{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem}.timeline-content p{color:#64748b;line-height:1.5}.team{background:#fff;padding:80px 20px}.team-content h2{color:#1e293b;text-align:center;margin-bottom:3rem;font-size:2.5rem}.team-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.team-card{text-align:center;background:#f8fafc;border-radius:12px;padding:2rem;transition:all .3s}.team-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.member-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.team-card h3{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem}.role{color:#667eea;margin-bottom:1rem;font-weight:600;display:block}.bio{color:#64748b;line-height:1.5}.about-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:80px 20px}.cta-content h2{margin-bottom:1rem;font-size:2.5rem}.cta-content p{opacity:.95;margin-bottom:2rem;font-size:1.25rem}.cta-button{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}@media (max-width:768px){.about-hero h1{font-size:2rem}.timeline-wrapper:before{left:30px}.timeline-item{width:calc(100% - 60px);text-align:left!important;left:60px!important}.timeline-marker{left:-45px!important}.mv-grid{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.team-grid-single{justify-content:center;display:flex}.team-card-founder{text-align:center;width:100%;max-width:480px;padding:2.5rem}.founder-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1rem;font-size:1.4rem;font-weight:900;display:flex}.linkedin-btn{color:#fff;background:#0a66c2;border-radius:8px;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.linkedin-btn:hover{background:#004182;transform:translateY(-1px)}
