.about-page{padding-top:calc(var(--header-height) + var(--space-3xl));padding-bottom:var(--space-5xl);background:var(--background);min-height:100vh}.about-page .page-header{text-align:center;margin-bottom:var(--space-4xl)}.about-page .page-header .page-title{font-size:var(--text-4xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-md)}.about-page .page-header .page-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.about-page .about-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-xl);gap:var(--space-xl);margin-bottom:var(--space-4xl)}@media(max-width:1024px){.about-page .about-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.about-page .about-grid{grid-template-columns:1fr}}.about-page .about-card{background:#fff;padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);text-align:center;transition:all var(--duration-normal) var(--ease)}.about-page .about-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.about-page .about-card svg{color:var(--primary);margin-bottom:var(--space-lg)}.about-page .about-card h3{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md)}.about-page .about-card p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin:0}.about-page .about-content{max-width:800px;margin:0 auto;background:#fff;padding:var(--space-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.about-page .about-content p{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-lg)}.about-page .about-content p:last-child{margin-bottom:0}