.about-container{padding:var(--space-2xl) 0;max-width:1200px;margin:0 auto}.about-header{text-align:center;margin-bottom:var(--space-2xl)}.about-title{color:var(--primary);font-size:3rem;font-weight:600;margin-bottom:var(--space-md)}.about-subtitle{color:var(--text-light);font-size:1.2rem;max-width:600px;margin:0 auto}.mission-section{margin-bottom:var(--space-2xl)}.content-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-xl);gap:var(--space-xl);align-items:center}.text-content h2{color:var(--primary);font-size:2rem;margin-bottom:var(--space-lg)}.text-content p{color:var(--text);line-height:1.8;font-size:1.1rem}.image-content{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.mission-image{width:100%;height:auto;object-fit:cover;transition:transform var(--transition-normal)}.mission-image:hover{transform:scale(1.05)}.values-section{margin-bottom:var(--space-2xl);text-align:center}.values-section h2{color:var(--primary);font-size:2rem;margin-bottom:var(--space-xl)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.value-card{background:var(--surface);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal)}.value-card:hover{transform:translateY(-4px)}.value-icon{font-size:2.5rem;margin-bottom:var(--space-md);display:block}.value-card h3{color:var(--primary);font-size:1.3rem;margin-bottom:var(--space-sm)}.value-card p{color:var(--text-light);line-height:1.6}.process-section{text-align:center}.process-section h2{color:var(--primary);font-size:2rem;margin-bottom:var(--space-xl)}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl)}.process-step{position:relative;padding:var(--space-lg)}.step-number{width:40px;height:40px;background:var(--primary);color:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin:0 auto var(--space-md)}.process-step h3{color:var(--primary);font-size:1.2rem;margin-bottom:var(--space-sm)}.process-step p{color:var(--text-light);line-height:1.6}.contact-section{margin-top:var(--space-3xl);text-align:center}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl);margin-top:var(--space-xl)}.contact-card{background:var(--surface);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal)}.contact-card:hover{transform:translateY(-5px)}.contact-icon{font-size:2rem;color:var(--primary);margin-bottom:var(--space-md)}.contact-card h3{margin-bottom:var(--space-sm);color:var(--primary)}.contact-card a{color:var(--text);text-decoration:none;transition:color var(--transition-normal)}.contact-card a:hover{color:var(--primary)}.newsletter-section{margin-top:var(--space-3xl);padding:var(--space-2xl);background:var(--surface);border-radius:var(--radius-lg);text-align:center}.newsletter-content h2{color:var(--primary);margin-bottom:var(--space-md)}.newsletter-form{max-width:500px;margin:var(--space-xl) auto 0}.input-group{display:flex;gap:var(--space-md)}.input-group input{flex:1 1;padding:var(--space-md);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem}.input-group button{padding:var(--space-md) var(--space-xl);background:var(--primary);color:var(--surface);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-normal)}.input-group button:hover{background:var(--primary-dark)}.subscribe-message{margin-top:var(--space-md);font-weight:500}.subscribe-message.success{color:var(--success)}.subscribe-message.error{color:var(--error)}@media (max-width:768px){.about-container{padding:var(--space-xl) var(--space-md)}.about-title{font-size:2.5rem}.content-grid{grid-template-columns:1fr;gap:var(--space-xl)}.text-content{text-align:center}.contact-grid,.process-steps,.values-grid{grid-template-columns:1fr}.input-group{flex-direction:column}.newsletter-section{padding:var(--space-xl) var(--space-md)}}