.about-page{width:100%;padding-bottom:60px}.about-hero{text-align:center;color:#fff;justify-content:center;align-items:center;width:100%;height:400px;margin-bottom:60px;display:flex;position:relative;overflow:hidden}.about-hero-bg{object-fit:cover;z-index:-2}.about-hero-overlay{z-index:-1;background:linear-gradient(135deg,#14b8a6d9 0%,#0d9488e6 100%);position:absolute;inset:0}.about-title{font-family:var(--font-heading);letter-spacing:-1px;color:#fff;margin-bottom:16px;font-size:3.5rem;font-weight:700}.about-subtitle{opacity:.9;max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.about-mission,.about-features,.about-how-to,.about-ad-section{margin-bottom:80px}.section-title{font-family:var(--font-heading);text-align:center;color:var(--text-color);margin-bottom:40px;font-size:2rem;font-weight:700}.mission-content{text-align:center;max-width:800px;color:var(--text-light);margin:0 auto;font-size:1.125rem;line-height:1.8}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition);padding:32px}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-5px)}.feature-icon-wrapper{color:#14b8a6;background:#f0fdfa;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}[data-theme=dark] .feature-icon-wrapper{background:#14b8a61a}.feature-title{color:var(--text-color);margin-bottom:12px;font-size:1.25rem;font-weight:700}.feature-desc{color:var(--text-light);font-size:.95rem;line-height:1.6}.steps-container{justify-content:space-between;gap:40px;max-width:1000px;margin:0 auto;display:flex}.step-item{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.step-number{color:#fff;background:#14b8a6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:24px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 6px -1px #14b8a64d}.step-title{color:var(--text-color);margin-bottom:12px;font-size:1.25rem;font-weight:700}.step-desc{color:var(--text-light);font-size:.95rem;line-height:1.6}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-hero{height:350px}.about-title{font-size:2.5rem}.features-grid{grid-template-columns:1fr}.steps-container{flex-direction:column;gap:60px}}