.about-container{max-width:1000px;font-family:var(--font-geist-sans), sans-serif;color:var(--text-color);margin:0 auto;padding:4rem 2rem}.about-hero{text-align:center;margin-bottom:4rem}.about-hero h1{color:var(--text-color);letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:800}.about-hero p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.about-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;margin-bottom:3rem;padding:3rem;box-shadow:0 4px 20px #00000005}.about-section h2{color:var(--text-color);margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}.about-section p{color:var(--text-muted);margin-bottom:1rem;font-size:1.1rem;line-height:1.8}.values-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;display:grid}.value-card{background:var(--bg-color);border:1px solid var(--card-border);text-align:left;border-radius:16px;padding:2rem;transition:all .3s}.value-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 30px #0000000d}.value-icon{margin-bottom:1rem;font-size:2.5rem}.value-card h3{color:var(--text-color);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.value-card p{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.6}.about-vision{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-bottom:4rem;padding:3rem;display:grid}.vision-content h2{color:var(--text-color);margin-bottom:1rem;font-size:2rem}.vision-content p{color:var(--text-muted);font-size:1.1rem;line-height:1.7}.vision-image{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;border-radius:16px;justify-content:center;align-items:center;height:300px;font-size:4rem;display:flex}.about-contact{text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:4rem 2rem}.about-contact h2{color:var(--text-color);margin-bottom:1rem;font-size:2rem}.about-contact p{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}.contact-btn{background:var(--primary);color:#fff;border-radius:12px;padding:12px 28px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-block}.contact-button:hover{background:var(--primary-hover);transform:translateY(-2px)}@media (max-width:768px){.about-container{padding:2rem 1rem}.about-hero h1{font-size:2.25rem}.about-section{padding:2rem}.team-card{text-align:center;flex-direction:column}}