.about-page{background:#fff}.about-breadcrumb{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 0}.breadcrumb-list{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{color:#6b7280;font-size:14px}.breadcrumb-item a{color:#2563eb;text-decoration:none;transition:color .3s}.breadcrumb-item a:hover{color:#1d4ed8}.breadcrumb-item.active{color:#111827;font-weight:500}.breadcrumb-separator{color:#9ca3af;-webkit-user-select:none;user-select:none}.about-hero{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);padding:120px 0 80px;position:relative;overflow:hidden}.about-hero-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.about-hero-blur{filter:blur(100px);background:#ffffff26;border-radius:50%;width:500px;height:500px;position:absolute}.about-hero-blur-top{top:-250px;right:-250px}.about-hero-blur-bottom{bottom:-250px;left:-250px}.about-hero-container{z-index:1;position:relative}.about-hero-content{text-align:center;color:#fff;max-width:800px;margin:0 auto}.about-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#fff3;border-radius:20px;margin-bottom:24px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-block}.about-hero-title{margin:0 0 24px;font-size:56px;font-weight:700;line-height:1.2}.about-hero-description{color:#ffffffe6;margin:0;font-size:20px;line-height:1.6}.about-stats{background:#fff;padding:80px 0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.stat-item{text-align:center;background:#f9fafb;border-radius:16px;padding:40px 20px;transition:all .3s}.stat-item:hover{background:#fff;transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.stat-number{color:#2563eb;margin-bottom:12px;font-size:48px;font-weight:700;line-height:1}.stat-label{color:#6b7280;margin:0;font-size:16px;font-weight:500}.about-story{background:#f9fafb;padding:80px 0}.story-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.story-content{padding:0}.story-content h2{color:#111827;margin:16px 0 24px;font-size:40px;font-weight:700;line-height:1.2}.story-text{margin-bottom:32px}.story-text p{color:#6b7280;margin:0 0 16px;font-size:16px;line-height:1.8}.story-text p:last-child{margin-bottom:0}.story-features{flex-direction:column;gap:16px;display:flex}.story-feature{color:#111827;align-items:center;gap:12px;font-size:16px;font-weight:500;display:flex}.story-feature svg{color:#4ade80;flex-shrink:0}.story-image{border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0000001a}.story-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.about-mission{background:#fff;padding:80px 0}.mission-header{text-align:center;margin-bottom:60px}.mission-header h2{color:#111827;margin:16px 0 0;font-size:40px;font-weight:700}.mission-grid{grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:0 auto;display:grid}.mission-card{text-align:center;background:#f9fafb;border-radius:20px;padding:40px;transition:all .3s}.mission-card:hover{background:#fff;transform:translateY(-5px);box-shadow:0 20px 50px #0000001a}.mission-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.mission-icon svg{color:#fff}.mission-icon-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.mission-icon-purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}.mission-card h3{color:#111827;margin:0 0 16px;font-size:24px;font-weight:700}.mission-card p{color:#6b7280;margin:0;font-size:16px;line-height:1.8}.about-values{background:#f9fafb;padding:80px 0}.values-header{text-align:center;margin-bottom:60px}.values-header h2{color:#111827;margin:16px 0;font-size:40px;font-weight:700}.values-description{color:#6b7280;max-width:600px;margin:0 auto;font-size:18px}.values-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.value-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:flex-start;padding:40px 30px;transition:all .3s;display:flex}.value-card:hover{border-color:#0000;transform:translateY(-5px);box-shadow:0 20px 50px #0000001a}.value-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 0 20px;display:flex}.value-icon svg{color:#fff}.value-icon-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.value-icon-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.value-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.value-icon-purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}.value-card h3{color:#111827;margin:0 0 12px;font-size:20px;font-weight:700}.value-card p{color:#6b7280;margin:0;font-size:15px;line-height:1.6}.about-timeline{background:#fff;padding:80px 0}.timeline-header{text-align:center;margin-bottom:60px}.timeline-header h2{color:#111827;margin:16px 0;font-size:40px;font-weight:700}.timeline-description{color:#6b7280;max-width:600px;margin:0 auto;font-size:18px}.timeline-wrapper{max-width:1000px;margin:0 auto;position:relative}.timeline-line{background:#dbeafe;width:2px;position:absolute;top:0;bottom:0;left:32px}.timeline-events{position:relative}.timeline-item{align-items:center;margin-bottom:48px;display:flex;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{z-index:10;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;left:0;box-shadow:0 10px 30px #2563eb4d}.timeline-year{color:#fff;font-size:14px;font-weight:700}.timeline-content{flex:1;margin-left:96px}.timeline-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px 32px;transition:all .3s;box-shadow:0 10px 30px #00000014}.timeline-card:hover{border-color:#0000;transform:translateY(-5px);box-shadow:0 20px 50px #00000026}.timeline-card h3{color:#111827;margin:0 0 12px;font-size:20px;font-weight:700}.timeline-card p{color:#6b7280;margin:0;font-size:15px;line-height:1.6}.about-team{background:#fff;padding:80px 0}.team-header{text-align:center;margin-bottom:60px}.team-header h2{color:#111827;margin:16px 0;font-size:40px;font-weight:700}.team-description{color:#6b7280;max-width:600px;margin:0 auto;font-size:18px}.team-grid{grid-template-columns:repeat(2,1fr);gap:40px;max-width:900px;margin:0 auto;display:grid}.team-card{background:#fff;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px #00000014}.team-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000026}.team-image-wrapper{height:400px;position:relative;overflow:hidden}.team-image-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.team-card:hover .team-image-wrapper img{transform:scale(1.05)}.team-overlay{pointer-events:none;background:linear-gradient(#0000,#000000b3);height:50%;position:absolute;bottom:0;left:0;right:0}.team-social{opacity:0;gap:12px;transition:all .3s;display:flex;position:absolute;bottom:20px;left:20px;transform:translateY(10px)}.team-card:hover .team-social{opacity:1;transform:translateY(0)}.team-social-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.team-social-btn:hover{background:#fff}.team-social-btn svg{color:#fff}.team-social-btn:hover svg{color:#2563eb}.team-info{text-align:center;padding:30px}.team-info h3{color:#111827;margin:0 0 8px;font-size:24px;font-weight:700}.team-role{color:#2563eb;margin:0 0 12px;font-size:16px;font-weight:600}.team-description-text{color:#6b7280;margin:0;font-size:15px;line-height:1.6}.about-cta{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);margin-top:0;padding:100px 0;position:relative;overflow:hidden}.about-cta-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.about-cta-blur{filter:blur(80px);background:#ffffff1a;border-radius:50%;width:400px;height:400px;position:absolute}.about-cta-blur-top{top:-200px;right:10%}.about-cta-blur-bottom{bottom:-200px;left:10%}.about-cta-container{z-index:1;position:relative}.about-cta-content{text-align:center;color:#fff;max-width:800px;margin:0 auto}.about-cta-content h2{margin:0 0 20px;font-size:48px;font-weight:700;line-height:1.2}.about-cta-content p{color:#ffffffe6;margin:0 0 40px;font-size:20px;line-height:1.6}.about-cta-buttons{justify-content:center;gap:16px;display:flex}.about-cta-btn{border-radius:12px;padding:16px 40px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.about-cta-btn-primary{color:#2563eb;background:#fff;border:2px solid #fff}.about-cta-btn-primary:hover{color:#fff;background:0 0;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.about-cta-btn-secondary{color:#fff;background:0 0;border:2px solid #ffffff80}.about-cta-btn-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}@media (max-width:1024px){.about-hero-title{font-size:48px}.about-hero-description{font-size:18px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.story-grid{gap:60px}.values-grid{grid-template-columns:repeat(2,1fr)}.timeline-line{left:32px}.timeline-marker{width:64px;height:64px}.timeline-content{margin-left:96px}.about-cta-content h2{font-size:40px}}@media (max-width:768px){.about-hero{padding:80px 0 60px}.about-hero-title{font-size:36px}.about-hero-description{font-size:16px}.about-stats,.about-story,.about-mission,.about-values,.about-team{padding:60px 0}.stats-grid{grid-template-columns:1fr;gap:20px}.story-grid{grid-template-columns:1fr;gap:40px}.story-content h2,.mission-header h2,.values-header h2,.team-header h2{font-size:32px}.mission-grid{grid-template-columns:1fr;gap:30px}.values-grid{grid-template-columns:1fr;gap:24px}.team-grid{grid-template-columns:1fr;gap:30px}.timeline-card{padding:20px 24px}.timeline-card h3{font-size:18px}.about-cta{padding:80px 0}.about-cta-content h2{font-size:32px}.about-cta-content p{font-size:18px}.about-cta-buttons{flex-direction:column;align-items:center}.about-cta-btn{width:100%;max-width:300px}}@media (max-width:576px){.about-hero-title{font-size:28px}.stat-number{font-size:36px}.story-content h2,.mission-header h2,.values-header h2,.team-header h2,.about-cta-content h2{font-size:28px}.about-cta-content p{font-size:16px}}
