.about-page{max-width:900px;margin:0 auto;padding:2rem 1rem 4rem}.about-hero{text-align:center;padding:3rem 0;margin-bottom:2rem}.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);display:inline-block;letter-spacing:-.01em}.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);text-decoration:none;font-weight:var(--fw-medium)}.about-section a:hover{text-decoration:underline;text-underline-offset:3px}.about-activities{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.about-activity{display:flex;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)}.about-activity:hover{border-left-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateX(2px)}.about-activity-icon{flex-shrink:0;width:40px;height:40px;color:var(--color-accent)}.about-activity-icon svg{width:100%;height:100%}.about-activity-content{flex:1 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{display:flex;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}.about-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--fw-semibold);text-decoration:none;transition:all var(--transition-base);font-size:var(--text-sm)}.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 rgba(37,99,235,.35)}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--space-8);gap:var(--space-8);margin-top:var(--space-8)}.about-bde-card{text-align:center;transition:transform var(--transition-spring)}.about-bde-card:hover{transform:translateY(-5px)}.about-bde-avatar{position:relative;width:120px;height:120px;margin:0 auto var(--space-4)}.about-bde-avatar img{object-fit:cover}.about-bde-avatar img,.about-bde-avatar-placeholder{width:100%;height:100%;border-radius:50%;border:3px solid var(--color-accent);box-shadow:var(--shadow-md)}.about-bde-avatar-placeholder{background:linear-gradient(135deg,var(--color-accent),var(--color-primary-600));color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--fw-bold)}.about-bde-badge{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);padding:.2rem .6rem;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}.about-bde-badge-founder{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.about-bde-badge-admin{background:var(--color-accent);color:#fff}.about-bde-name{font-size:var(--text-base);color:var(--color-primary-900);margin:0;font-weight:var(--fw-semibold)}.about-bde-empty,.about-bde-loading{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{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-6)}.about-bde-avatar{width:100px;height:100px}.about-section-bde{padding:var(--space-6)}.about-cta{flex-direction:column}.about-btn{width:100%;justify-content:center}}