.about{padding:3rem 0;min-height:100vh}.about-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,var(--color-primary-bg) 0%,var(--color-bg-secondary) 100%);border-radius:var(--radius-xl)}.about-header-content h1{color:var(--color-primary);margin-bottom:.5rem}.about-intro{font-size:1.15rem;color:var(--color-text);max-width:550px;margin:0;padding:.75rem 1rem;background:#fff;border-radius:.5rem;border-left:3px solid var(--color-primary);box-shadow:0 2px 8px #0000000d}.about-mascot{flex-shrink:0}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}.about-card{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:2rem;transition:all var(--transition-normal)}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card-icon{font-size:2.5rem;margin-bottom:1rem}.about-card h3{color:var(--color-text);margin-bottom:.25rem}.about-card h4{color:var(--color-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.about-card p{margin-bottom:1rem}.about-card ul{margin:1rem 0 1rem 1.5rem;color:var(--color-text-light)}.about-card li{margin-bottom:.5rem}.about-card em{color:var(--color-text);font-style:italic}.highlight-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:2.5rem;border-radius:var(--radius-xl);margin-bottom:2rem}.highlight-section h2{color:#fff;margin-bottom:1rem}.highlight-section p{color:#fffffff2;font-size:1.1rem;line-height:1.7}.highlight-section .tagline{font-size:1.5rem;font-weight:800;margin-top:1.5rem;margin-bottom:0;color:#fff}.faq-section{margin-bottom:3rem}.faq-section h2{margin-bottom:1.5rem;color:var(--color-text)}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--color-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{border-color:var(--color-primary-light)}.faq-item[open]{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.faq-item summary{padding:1.25rem 1.5rem;font-weight:700;font-size:1.05rem;color:var(--color-text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:background var(--transition-fast)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.5rem;font-weight:400;color:var(--color-primary);transition:transform var(--transition-fast)}.faq-item[open] summary:after{content:"−"}.faq-item summary:hover{background:var(--color-bg-secondary)}.faq-answer{padding:0 1.5rem 1.5rem;color:var(--color-text-light);line-height:1.7;animation:slideDown var(--transition-normal) ease-out}.faq-answer p{margin-bottom:1rem}.faq-answer p:last-child{margin-bottom:0}.faq-answer strong{color:var(--color-primary)}.faq-answer a{color:var(--color-primary);text-decoration:underline}.disclaimer-section{background:#fef3c7;border:2px solid var(--color-accent);border-radius:var(--radius-lg);padding:2rem;margin-bottom:3rem}.disclaimer-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.disclaimer-icon{font-size:1.75rem}.disclaimer-header h2{color:#92400e;margin:0}.disclaimer-content{color:#78350f}.disclaimer-content p{color:#78350f;margin-bottom:.75rem}.disclaimer-content strong{color:#92400e}.report-error{padding-top:.5rem;border-top:1px solid rgba(245,158,11,.3);margin-top:1rem;margin-bottom:0}.disclaimer-content a{color:#b45309;font-weight:700;text-decoration:underline}.disclaimer-content a:hover{color:#92400e}.contact-section{text-align:center;padding:3rem 2rem;background:var(--color-bg-secondary);border-radius:var(--radius-xl)}.contact-section h2{margin-top:1rem;margin-bottom:.5rem}.contact-section>p{color:var(--color-text-light);margin-bottom:1.5rem}.contact-section .btn{margin-bottom:1rem}.contact-email{font-size:.9rem;color:var(--color-text-lighter);margin:0}@media(max-width:1024px){.about-header{flex-direction:column;text-align:center}.about-intro{max-width:100%}.about-grid{grid-template-columns:1fr}}@media(max-width:768px){.about{padding:2rem 0}.about-header{padding:1.5rem}.mission-section{padding:2rem 1.5rem}.mission-statement{font-size:1.15rem}.about-card,.disclaimer-section{padding:1.5rem}.contact-section{padding:2rem 1.5rem}}