.about-hero{padding-top:calc(var(--navbar-height) + var(--space-20));padding-bottom:var(--space-16);text-align:center;position:relative}.about-hero:before{content:"";background:var(--gradient-glow-violet);filter:blur(120px);opacity:.3;pointer-events:none;width:700px;height:350px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mission{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.mission__content h2{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-extrabold);margin-bottom:var(--space-6);letter-spacing:-.02em}.mission__content p{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.mission__visual{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.mission__stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.mission__stat-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.mission__stat-card .stat-number{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);margin-bottom:var(--space-1)}.mission__stat-card .stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.values-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.value-card{text-align:center;padding:var(--space-10);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.value-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.value-card__icon{width:64px;height:64px;margin:0 auto var(--space-6);border-radius:var(--radius-xl);justify-content:center;align-items:center;font-size:28px;display:flex}.value-card h3{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.value-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.timeline{max-width:700px;padding-left:var(--space-12);margin-inline:auto;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--color-accent-violet), var(--color-accent-cyan), var(--color-accent-emerald));border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline__item{padding-bottom:var(--space-10);position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__dot{left:calc(-1 * var(--space-12) + 12px);background:var(--color-accent-violet);border:3px solid var(--color-bg-primary);z-index:1;border-radius:50%;width:18px;height:18px;position:absolute;top:4px}.timeline__year{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-accent-violet-light);margin-bottom:var(--space-2)}.timeline__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.timeline__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.team-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.team-card{text-align:center;padding:var(--space-8);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.team-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px)}.team-card__avatar{width:80px;height:80px;margin:0 auto var(--space-4);border-radius:var(--radius-circle);background:var(--gradient-violet-cyan);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:#fff;justify-content:center;align-items:center;display:flex}.team-card h4{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.team-card span{font-size:var(--text-sm);color:var(--color-text-secondary)}@media (width<=768px){.mission{gap:var(--space-10);grid-template-columns:1fr}.values-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.team-grid{grid-template-columns:1fr}}