.about-page{max-width:900px;margin:0 auto;padding:2rem 1rem 4rem}.about-hero{text-align:center;margin-bottom:2rem;padding:3rem 0}.about-hero h1{font-size:var(--text-4xl);font-weight:var(--fw-extrabold);color:var(--color-primary-900);margin-bottom:var(--space-2);letter-spacing:-.02em}.about-hero-subtitle{font-size:var(--text-xl);color:var(--color-gray-500)}.about-section{margin-bottom:var(--space-12)}.about-section h2{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--color-primary-900);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-accent);letter-spacing:-.01em;display:inline-block}.about-section p{color:var(--color-gray-500);line-height:var(--leading-relaxed);font-size:var(--text-base)}.about-section a{color:var(--color-accent);font-weight:var(--fw-medium);text-decoration:none}.about-section a:hover{text-underline-offset:3px;text-decoration:underline}.about-activities{gap:var(--space-4);margin-top:var(--space-6);flex-direction:column;display:flex}.about-activity{align-items:flex-start;gap:var(--space-5);padding:var(--space-5)var(--space-6);background:var(--surface-card);border-left:3px solid var(--color-primary-300);border-radius:0 var(--radius-lg)var(--radius-lg)0;box-shadow:var(--shadow-xs);transition:border-left-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);display:flex}.about-activity:hover{border-left-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translate(2px)}.about-activity-icon{width:40px;height:40px;color:var(--color-accent);flex-shrink:0}.about-activity-icon svg{width:100%;height:100%}.about-activity-content{flex:1}.about-activity-content h3{font-size:var(--text-base);color:var(--color-primary-900);margin:0 0 var(--space-1)0;font-weight:var(--fw-semibold)}.about-activity-content p{font-size:var(--text-sm);color:var(--color-gray-500);line-height:var(--leading-normal);margin:0}.about-cta{gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.about-btn{padding:var(--space-3)var(--space-6);border-radius:var(--radius-md);font-weight:var(--fw-semibold);transition:all var(--transition-base);font-size:var(--text-sm);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.about-btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-blue)}.about-section .about-btn-primary{color:#fff}.about-join-help-text{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-gray-500)}.about-btn-primary:hover{background:var(--color-primary-500);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb59}.about-btn-secondary{background:var(--color-gray-100);color:var(--color-primary-900);border:1.5px solid var(--color-gray-200)}.about-btn-secondary:hover{background:var(--color-gray-200);border-color:var(--color-gray-300)}.about-section-bde{background:linear-gradient(135deg,var(--color-gray-50)0%,var(--color-primary-100)100%);padding:var(--space-8);border-radius:var(--radius-xl);margin:var(--space-12)0}.about-bde-subtitle{text-align:center;color:var(--color-gray-500);margin-bottom:var(--space-8);font-size:var(--text-base)}.about-bde-grid{gap:var(--space-8);margin-top:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.about-bde-card{text-align:center;transition:transform var(--transition-spring)}.about-bde-card:hover{transform:translateY(-5px)}.about-bde-avatar{width:120px;height:120px;margin:0 auto var(--space-4);position:relative}.about-bde-avatar img{object-fit:cover;border:3px solid var(--color-accent);width:100%;height:100%;box-shadow:var(--shadow-md);border-radius:50%}.about-bde-avatar-placeholder{background:linear-gradient(135deg,var(--color-accent),var(--color-primary-600));color:#fff;width:100%;height:100%;font-size:2rem;font-weight:var(--fw-bold);border:3px solid var(--color-accent);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.about-bde-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);white-space:nowrap;padding:.2rem .6rem;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.about-bde-badge-founder{color:#78350f;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.about-bde-badge-admin{background:var(--color-accent);color:#fff}.about-bde-name{font-size:var(--text-base);color:var(--color-primary-900);font-weight:var(--fw-semibold);margin:0}.about-bde-loading,.about-bde-empty{text-align:center;color:var(--color-gray-500);padding:var(--space-8);font-style:italic}@media (max-width:640px){.about-hero h1{font-size:var(--text-3xl)}.about-activity{padding:var(--space-4);gap:var(--space-4)}.about-activity-icon{width:32px;height:32px}.about-bde-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.about-bde-avatar{width:100px;height:100px}.about-section-bde{padding:var(--space-6)}.about-cta{flex-direction:column}.about-btn{justify-content:center;width:100%}}