.about-page{background:var(--background,#fff);min-height:100vh}.about-hero{background:linear-gradient(135deg,var(--primary,red)0%,oklch(from var(--primary,red)calc(l*.3)c h)100%);text-align:center;color:#fff;padding:5rem 2rem;position:relative;overflow:hidden}.about-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.about-hero .hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.about-hero .hero-title{letter-spacing:-.02em;margin:0 0 1.5rem;font-size:3rem;font-weight:700}.about-hero .hero-subtitle{opacity:.95;max-width:700px;margin:0 auto;font-size:1.25rem;line-height:1.8}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{color:var(--foreground,#171717);text-align:center;letter-spacing:-.02em;margin:0 0 3rem;font-size:2.25rem;font-weight:700}.mission-section{background:var(--card,white);padding:5rem 2rem}.mission-section .mission-content{text-align:center;max-width:800px;margin:0 auto}.mission-section .mission-text{color:var(--muted-foreground,#6b7280);margin:0 0 1.5rem;font-size:1.125rem;line-height:1.8}.mission-section .mission-text:last-child{margin-bottom:0}.stats-section{background:var(--background,#fff);padding:4rem 2rem}.stats-section .stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;display:grid}.stats-section .stat-card{text-align:center;background:var(--card,white);border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:2rem 1.5rem;transition:all .3s}.stats-section .stat-card:hover{border-color:var(--primary,red);transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.stats-section .stat-card .stat-icon{background:oklch(from var(--primary,red)l c h/.1);width:64px;height:64px;color:var(--primary,red);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.stats-section .stat-card .stat-icon svg{width:32px;height:32px}.stats-section .stat-card .stat-value{color:var(--foreground,#171717);margin-bottom:.5rem;font-size:2.5rem;font-weight:700;display:block}.stats-section .stat-card .stat-label{color:var(--muted-foreground,#6b7280);font-size:.9375rem;font-weight:500;display:block}.features-section{background:var(--card,white);padding:5rem 2rem}.features-section .features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.features-section .feature-card{background:var(--background,#fff);border:1px solid var(--border,#e5e7eb);border-radius:16px;padding:2rem;transition:all .3s}.features-section .feature-card:hover{border-color:var(--primary,red);transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.features-section .feature-card:hover .feature-icon{background:var(--primary,red);color:#fff}.features-section .feature-card .feature-icon{background:oklch(from var(--primary,red)l c h/.1);width:56px;height:56px;color:var(--primary,red);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.25rem;transition:all .3s;display:inline-flex}.features-section .feature-card .feature-icon svg{width:24px;height:24px}.features-section .feature-card .feature-title{color:var(--foreground,#171717);margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.features-section .feature-card .feature-description{color:var(--muted-foreground,#6b7280);margin:0;font-size:.9375rem;line-height:1.6}.how-it-works-section{background:var(--background,#fff);padding:5rem 2rem}.how-it-works-section .steps-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;max-width:1000px;margin:0 auto;display:grid}.how-it-works-section .step-card{text-align:center;padding:2rem 1.5rem;position:relative}.how-it-works-section .step-card .step-number{background:var(--primary,red);color:#fff;width:64px;height:64px;box-shadow:0 4px 12px oklch(from var(--primary,red)l c h/.3);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:2rem;font-weight:700;display:inline-flex}.how-it-works-section .step-card .step-title{color:var(--foreground,#171717);margin:0 0 .75rem;font-size:1.375rem;font-weight:600}.how-it-works-section .step-card .step-description{color:var(--muted-foreground,#6b7280);margin:0;font-size:.9375rem;line-height:1.6}.how-it-works-section .step-card .step-connector{display:none}.values-section{background:var(--card,white);padding:5rem 2rem}.values-section .values-list{flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.values-section .value-item{background:var(--background,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.values-section .value-item:hover{border-color:var(--primary,red);box-shadow:0 4px 12px #0000000f}.values-section .value-item:hover .value-icon{color:var(--primary,red)}.values-section .value-item .value-icon{color:var(--muted-foreground,#6b7280);flex-shrink:0;margin-top:.25rem;transition:color .3s}.values-section .value-item .value-content{flex:1}.values-section .value-item .value-content .value-title{color:var(--foreground,#171717);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.values-section .value-item .value-content .value-description{color:var(--muted-foreground,#6b7280);margin:0;font-size:.9375rem;line-height:1.6}.cta-section{background:linear-gradient(135deg,var(--primary,red)0%,oklch(from var(--primary,red)calc(l*.3)c h)100%);color:#fff;padding:5rem 2rem;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 70%,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.cta-section .cta-content{text-align:center;z-index:1;max-width:700px;margin:0 auto;position:relative}.cta-section .cta-title{letter-spacing:-.02em;margin:0 0 1rem;font-size:2.5rem;font-weight:700}.cta-section .cta-description{opacity:.95;margin:0 0 2.5rem;font-size:1.125rem;line-height:1.6}.cta-section .cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.cta-section .cta-buttons .btn-primary,.cta-section .cta-buttons .btn-secondary{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.875rem 2rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cta-section .cta-buttons .btn-primary{color:var(--primary,red);background:#fff}.cta-section .cta-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.cta-section .cta-buttons .btn-secondary{color:#fff;background:0 0;border:2px solid #fff}.cta-section .cta-buttons .btn-secondary:hover{color:var(--primary,red);background:#fff;transform:translateY(-2px)}@media (max-width:768px){.about-hero{padding:4rem 1.5rem}.about-hero .hero-title{font-size:2.25rem}.about-hero .hero-subtitle{font-size:1.125rem}.section-title{margin-bottom:2rem;font-size:1.875rem}.mission-section,.features-section,.how-it-works-section,.values-section,.cta-section,.stats-section{padding:3rem 1.5rem}.stats-section .stats-grid{grid-template-columns:1fr;gap:1.5rem}.features-grid{grid-template-columns:1fr}.steps-container{grid-template-columns:1fr;gap:2rem}.cta-section .cta-title{font-size:2rem}.cta-section .cta-buttons{flex-direction:column}.cta-section .cta-buttons .btn-primary,.cta-section .cta-buttons .btn-secondary{width:100%;max-width:300px}}@media (max-width:480px){.about-hero{padding:3rem 1rem}.about-hero .hero-title{font-size:1.875rem}.about-hero .hero-subtitle{font-size:1rem}.section-title{font-size:1.5rem}.mission-section,.features-section,.how-it-works-section,.values-section,.cta-section,.stats-section{padding:2.5rem 1rem}.stats-section .stat-card{padding:1.5rem 1rem}.stats-section .stat-card .stat-value{font-size:2rem}.mission-text{font-size:1rem}.cta-section .cta-title{font-size:1.75rem}.cta-section .cta-description{font-size:1rem}}