.about-page{background-color:var(--bg);color:var(--text);min-height:100vh}.about-hero{text-align:center;background:linear-gradient(180deg,var(--card)0%,var(--bg)100%);border-bottom:1px solid var(--border);padding:clamp(100px,12vw,140px) 24px 80px}.about-hero-badge{color:var(--accent);letter-spacing:.05em;background:#3b82f626;border-radius:9999px;margin-bottom:24px;padding:8px 20px;font-size:.875rem;font-weight:700;display:inline-block}.about-hero h1{color:var(--text);margin-bottom:20px;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.15}.about-hero-tagline{color:var(--muted);max-width:640px;margin:0 auto 32px;font-size:1.25rem;line-height:1.6}.about-section{max-width:900px;margin:0 auto;padding:64px 24px}.about-section-title{color:var(--text);margin-bottom:24px;font-size:1.75rem;font-weight:700}.about-section p{color:var(--muted);margin-bottom:16px;line-height:1.8}.about-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:40px;display:grid}.about-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px;transition:border-color .2s,box-shadow .2s}.about-card:hover{border-color:var(--accent);box-shadow:0 12px 40px #3b82f61f}.about-card h3{color:var(--text);margin-bottom:8px;font-size:1.125rem;font-weight:700}.about-card p{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.6}.about-cta-section{text-align:center;background:linear-gradient(180deg,var(--bg)0%,var(--card)100%);border-top:1px solid var(--border);padding:80px 24px 100px}.about-cta-title{color:var(--text);margin-bottom:12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.about-cta-desc{color:var(--muted);max-width:480px;margin:0 auto 28px}.about-cta-btn{background:var(--button-bg);color:var(--button-text);border-radius:14px;justify-content:center;align-items:center;padding:14px 28px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.about-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f659}.about-stats{flex-wrap:wrap;justify-content:center;gap:32px;margin-top:48px;display:flex}.about-stat{text-align:center}.about-stat-value{color:var(--accent);font-size:2rem;font-weight:800;display:block}.about-stat-label{color:var(--muted);font-size:.875rem}