.about-page{min-height:100vh;padding:2rem 0}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-header{text-align:center;margin-bottom:4rem}.about-header h1{font-size:3.5rem;font-weight:700;color:var(--color);margin-bottom:1rem;background:linear-gradient(135deg,var(--primary),#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-subtitle{font-size:1.25rem;color:var(--gray-400);margin-bottom:0}.about-content{display:flex;flex-direction:column;gap:3rem}.about-section{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-section h2{font-size:2rem;color:var(--color);margin-bottom:1.5rem;font-weight:600}.about-section p{font-size:1.1rem;color:var(--gray-300);line-height:1.7;margin-bottom:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.feature-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:1.5rem;transition:transform .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-2px);border-color:var(--primary)}.feature-card h3{font-size:1.25rem;color:var(--color);margin-bottom:.75rem;font-weight:600}.feature-card p{font-size:.95rem;color:var(--gray-400);margin-bottom:0;line-height:1.6}.use-cases{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.use-case{background:rgba(255,10,116,.1);border:1px solid rgba(255,10,116,.2);border-radius:var(--radius-md);padding:1rem 1.5rem;font-size:1rem;color:var(--gray-300);line-height:1.6}.use-case strong{color:var(--primary);font-weight:600}.about-cta{text-align:center;background:linear-gradient(135deg,rgba(255,10,116,.1),rgba(255,107,157,.1));border:1px solid rgba(255,10,116,.2);border-radius:var(--radius-lg);padding:3rem 2rem;margin-top:2rem}.about-cta h2{font-size:2.25rem;color:var(--color);margin-bottom:1rem}.about-cta p{font-size:1.1rem;color:var(--gray-300);margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width:768px){.about-container{padding:0 1rem}.about-header h1{font-size:2.5rem}.about-subtitle{font-size:1.1rem}.about-section{padding:1.5rem}.features-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.about-cta{padding:2rem 1.5rem}}