.about-page{font-family:var(--font-family-sans);color:var(--color-text-main);background:var(--color-bg-body);line-height:var(--line-height-normal)}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.hero-section{padding:var(--space-12)0;align-items:center;display:flex;position:relative;overflow:hidden}.hero-background{z-index:1;position:absolute;inset:0}.gradient-orb{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,var(--color-primary)0%,transparent 70%);width:400px;height:400px;top:0;right:-100px}.orb-2{background:radial-gradient(circle,var(--color-info)0%,transparent 70%);width:500px;height:500px;bottom:-100px;left:-100px}.orb-3{background:radial-gradient(circle,var(--color-primary-light)0%,transparent 70%);width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:2;text-align:center;max-width:800px;margin:0 auto;position:relative}.hero-badge{padding:var(--space-1)var(--space-4);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.5px;margin-bottom:var(--space-6);display:inline-block}.hero-title{font-size:clamp(2.5rem,6vw,var(--text-4xl));font-weight:var(--font-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-6);color:var(--color-text-main)}.hero-title-highlight{color:var(--color-primary);display:inline-block;position:relative}.hero-title-highlight:after{content:"";background:var(--color-primary-light);z-index:-1;border-radius:var(--radius-sm);width:100%;height:8px;position:absolute;bottom:5px;left:0}.hero-description{font-size:var(--text-lg);color:var(--color-text-subtle);max-width:600px;margin:0 auto var(--space-8)}.hero-cta{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.btn{padding:var(--space-4)var(--space-8);border-radius:var(--radius-full);font-weight:var(--font-medium);font-size:var(--text-base);cursor:pointer;transition:all var(--duration-normal);border:none;outline:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px var(--color-primary-light)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.btn-outline{color:var(--color-text-main);border:2px solid var(--color-border-default);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.btn-outline-light{color:#fff;background:0 0;border:2px solid #ffffff4d}.btn-outline-light:hover{background:#ffffff1a;border-color:#fff}.btn-large{padding:var(--space-6)var(--space-12);font-size:var(--text-lg)}.stats-section{padding:var(--space-12)0;background:var(--color-bg-card);position:relative}.stats-grid{gap:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{text-align:center;padding:var(--space-8);background:var(--palette-gray-50);border-radius:var(--radius-lg);transition:transform var(--duration-normal);border:1px solid var(--color-border-subtle)}.stat-card:hover{transform:translateY(-5px)}.stat-number{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-lg);color:var(--color-text-subtle);margin-bottom:var(--space-2)}.stat-trend{font-size:var(--text-sm);color:var(--color-success);background:var(--color-primary-light);padding:var(--space-1)var(--space-4);border-radius:var(--radius-full);font-weight:var(--font-medium);display:inline-block}.tabs-section{padding:var(--space-12)0;background:var(--palette-gray-50)}.tabs-header{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.tab-btn{padding:var(--space-4)var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-subtle);cursor:pointer;transition:all var(--duration-normal);background:0 0}.tab-btn:hover{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tab-panel{animation:.5s fadeIn}.story-grid{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.story-text h2{font-size:var(--text-3xl);margin-bottom:var(--space-6);color:var(--color-text-main)}.story-text p{color:var(--color-text-subtle);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.story-milestones{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.milestone{gap:var(--space-1);flex-direction:column;display:flex}.milestone-year{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary)}.milestone-desc{color:var(--color-text-subtle);font-size:var(--text-sm)}.story-image{position:relative}.image-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-item{background:var(--palette-gray-100);border-radius:var(--radius-lg);aspect-ratio:1;transition:transform var(--duration-normal);overflow:hidden}.grid-item:hover{transform:scale(1.05)}.grid-item-1{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%)}.grid-item-2{background:linear-gradient(135deg,var(--color-info)0%,var(--palette-blue-500)100%)}.grid-item-3{background:linear-gradient(135deg,var(--color-warning)0%,var(--palette-yellow-500)100%)}.grid-item-4{background:linear-gradient(135deg,var(--color-success)0%,var(--color-primary-hover)100%)}.mission-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.mission-card{padding:var(--space-12);border-radius:var(--radius-lg);background:var(--palette-gray-100);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-subtle)}.mission-card.mission{border-bottom:4px solid var(--color-primary)}.mission-card.vision{border-bottom:4px solid var(--color-info)}.mission-icon{margin-bottom:var(--space-6);font-size:3rem}.mission-card h3{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--color-text-main)}.mission-card p{color:var(--color-text-subtle);line-height:var(--line-height-relaxed)}.values-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.value-card{padding:var(--space-8);background:var(--palette-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--duration-normal);text-align:center;border:1px solid var(--color-border-subtle)}.value-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.value-icon{margin-bottom:var(--space-4);font-size:2.5rem}.value-card h4{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text-main);font-weight:var(--font-semibold)}.value-card p{color:var(--color-text-subtle);line-height:var(--line-height-normal)}.team-section{padding:var(--space-12)0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{font-size:var(--text-3xl);margin-bottom:var(--space-4);color:var(--color-text-main)}.section-header p{color:var(--color-text-subtle);font-size:var(--text-lg)}.team-grid{gap:var(--space-8);margin-bottom:var(--space-12);grid-template-columns:repeat(4,1fr);display:grid}.team-card{background:var(--palette-gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--duration-normal);border:1px solid var(--color-border-subtle);overflow:hidden}.team-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.team-card-image{aspect-ratio:1;overflow:hidden}.image-placeholder{background:linear-gradient(135deg,var(--palette-gray-100)0%,var(--color-border-subtle)100%);width:100%;height:100%}.team-card-content{padding:var(--space-6);text-align:center}.team-card-content h3{font-size:var(--text-lg);margin-bottom:var(--space-1);color:var(--color-text-main)}.team-card-content p{color:var(--color-text-subtle);font-size:var(--text-sm);margin-bottom:var(--space-4)}.team-social{justify-content:center;gap:var(--space-4);display:flex}.social-link{background:var(--palette-gray-50);width:36px;height:36px;color:var(--color-text-subtle);cursor:pointer;transition:all var(--duration-normal);font-weight:var(--font-bold);border:1px solid var(--color-border-subtle);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px)}.team-cta{text-align:center}.cta-section{padding:var(--space-12)0;background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);color:#fff}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-content h2{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.cta-content p{font-size:var(--text-lg);margin-bottom:var(--space-8);opacity:.9}.cta-buttons{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.stats-grid,.team-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.hero-section,.stats-section,.tabs-section,.team-section,.cta-section{padding:var(--space-8)0}}@media (max-width:768px){.story-grid,.mission-grid,.stats-grid,.values-grid,.team-grid{grid-template-columns:1fr}.hero-title{font-size:var(--text-3xl)}.tabs-header{flex-direction:column;align-items:stretch}.tab-btn{text-align:center;width:100%}.cta-buttons{flex-direction:column}.btn-large{width:100%}.hero-cta{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.story-milestones{grid-template-columns:1fr}.mission-card{padding:var(--space-6)}.section-header h2{font-size:var(--text-2xl)}}@media (max-width:480px){.container{padding:0 var(--space-4)}.hero-section{padding:var(--space-6)0}.hero-title{font-size:var(--text-2xl)}.hero-description{font-size:var(--text-base)}.stat-card{padding:var(--space-4)}.stat-number{font-size:var(--text-3xl)}.value-card,.mission-card,.team-card-content{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.stat-card,.value-card,.team-card,.grid-item,.tab-btn,.btn,.social-link{transition:none;animation:none}.stat-card:hover,.value-card:hover,.team-card:hover,.grid-item:hover,.social-link:hover{transform:none}.tab-panel{animation:none}}@media (prefers-contrast:high){.stat-card,.value-card,.team-card,.mission-card{border-width:2px}.btn-outline{border-width:3px}.hero-title-highlight:after{display:none}.hero-title-highlight{text-underline-offset:4px;text-decoration:underline}}@media (hover:none) and (pointer:coarse){.stat-card:hover,.value-card:hover,.team-card:hover,.grid-item:hover{transform:none}.btn,.tab-btn,.social-link{min-width:44px;min-height:44px}}@media (prefers-color-scheme:dark){.about-page{background:var(--color-bg-body)}.hero-section,.stats-section{background:var(--color-bg-card)}.tabs-section{background:var(--color-bg-body)}.cta-section{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%)}.stat-card,.value-card,.team-card,.mission-card{background:var(--palette-gray-800);border-color:var(--color-border-subtle)}.tab-btn{border-color:var(--color-border-default)}.tab-btn:hover{background:var(--color-primary-light)}.grid-item{background:var(--palette-gray-700)}.image-placeholder{background:linear-gradient(135deg,var(--palette-gray-700)0%,var(--palette-gray-600)100%)}.social-link{background:var(--palette-gray-800);border-color:var(--color-border-default)}.social-link:hover{background:var(--color-primary)}.hero-title-highlight:after{background:var(--color-primary-light);opacity:.5}.gradient-orb{opacity:.2}}