.about-page{padding-top:var(--header-height)}.about-hero{position:relative;padding:var(--space-24) 0;background:var(--color-surface-alt);overflow:hidden}.about-hero:before{content:"";position:absolute;top:-10%;right:-5%;width:40%;height:60%;background:radial-gradient(circle,rgba(10,144,234,.1) 0%,transparent 70%);z-index:0;filter:blur(60px)}.about-hero__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;position:relative;z-index:1}.about-hero__content{max-width:600px}.about-hero__badge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:#0a90ea1a;color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-6);border:1px solid rgba(10,144,234,.2)}.about-hero__title{font-size:var(--text-5xl);line-height:var(--leading-tight);color:var(--color-text);margin-bottom:var(--space-6)}.about-hero__title span{color:var(--color-primary);position:relative}.about-hero__description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.about-hero__image-wrapper{position:relative}.about-hero__image{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);transition:transform var(--transition-slow)}.about-hero__image:hover{transform:translateY(-10px)}.about-hero__stats-overlay{position:absolute;bottom:-20px;left:-20px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.3);display:flex;gap:var(--space-8);z-index:2}.stat-item__number{display:block;font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-primary);line-height:1}.stat-item__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.about-section{padding:var(--space-24) 0}.about-section--alt{background:var(--color-surface-alt)}.mission-vision{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}.mv-card{padding:var(--space-10);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-base);border:1px solid var(--color-border-light)}.mv-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card-hover)}.mv-card__icon{width:56px;height:56px;background:var(--gradient-hero);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:24px;margin-bottom:var(--space-6)}.mv-card__title{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.mv-card__text{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.value-card{text-align:center;padding:var(--space-8);border-radius:var(--radius-lg);transition:transform var(--transition-base)}.value-card:hover{transform:translateY(-5px)}.value-card__icon{font-size:40px;margin-bottom:var(--space-4);display:block}.value-card__title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.value-card__description{color:var(--color-text-muted);font-size:var(--text-sm)}.history-timeline{max-width:800px;margin:0 auto;position:relative;padding-left:var(--space-8)}.history-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-border-light)}.timeline-item{position:relative;padding-bottom:var(--space-12)}.timeline-item:before{content:"";position:absolute;left:-calc(var(--space-8) + 1px);top:8px;width:12px;height:12px;background:var(--color-primary);border-radius:50%;border:3px solid white;box-shadow:0 0 0 4px #0a90ea1a;z-index:1}.timeline-year{font-weight:var(--weight-bold);color:var(--color-primary);font-size:var(--text-lg);margin-bottom:var(--space-2)}.timeline-content h4{font-size:var(--text-xl);margin-bottom:var(--space-2)}.timeline-content p{color:var(--color-text-secondary)}@media(max-width:992px){.about-hero__container{grid-template-columns:1fr;text-align:center}.about-hero__content{margin:0 auto}.about-hero__badge{justify-content:center}.about-hero__stats-overlay{left:50%;transform:translate(-50%);bottom:-10px;width:max-content}.mission-vision,.values-grid{grid-template-columns:1fr}}@media(max-width:576px){.about-hero__title{font-size:var(--text-3xl)}.about-hero__stats-overlay{gap:var(--space-4);padding:var(--space-4)}.stat-item__number{font-size:var(--text-xl)}}