.about-main{background:#fff;min-height:100vh}.page-hero{padding:2rem 0 1rem;background:transparent;text-align:center}.page-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:.8rem 0 .5rem;color:var(--text-primary)}.page-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem}.section-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.section-subtitle{font-size:.95rem;color:var(--text-secondary);text-align:center;margin-top:-1rem;margin-bottom:2rem}.about-intro{padding:3rem 0;background:var(--bg-primary)}.intro-content{display:flex;flex-direction:column;gap:2rem;align-items:center}.intro-text{max-width:680px}.intro-text .section-title{text-align:left}.intro-text p{font-size:1rem;line-height:1.9;color:var(--text-secondary);margin-bottom:1rem}.intro-text p:last-child{margin-bottom:0}.intro-image{flex-shrink:0;width:200px;height:200px;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.intro-image img{width:100%;height:100%;object-fit:contain;padding:1rem}.features-section{padding:3rem 0;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1rem}.feature-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.75rem;text-align:center;transition:all .3s cubic-bezier(.23,1,.32,1)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014;border-color:var(--primary-color)}.feature-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--primary-color),#818cf8);border-radius:14px;color:#fff}.feature-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.feature-card p{font-size:.9rem;line-height:1.7;color:var(--text-secondary)}.contact-section{padding:3rem 0;background:var(--bg-primary)}.contact-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1rem}.contact-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all .3s ease}.contact-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f;border-color:var(--primary-color)}.contact-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,var(--primary-color),#818cf8);border-radius:var(--radius-lg);color:#fff;margin-bottom:1rem}.contact-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.contact-value{font-size:.95rem;color:var(--text-secondary);margin-bottom:.25rem;word-break:break-all}.contact-hint{font-size:.8rem;color:var(--text-tertiary, #999)}.contact-card.qr-card{padding:1.25rem}.qr-code{width:120px;height:120px;margin-bottom:1rem;border-radius:var(--radius-lg);overflow:hidden;background:#fff;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.qr-code img{width:100%;height:100%;object-fit:contain}@media (min-width: 576px){.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.intro-content{flex-direction:row;gap:3rem}.intro-text{flex:1}.intro-image{width:240px;height:240px}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.contact-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.about-intro,.features-section,.contact-section{padding:4rem 0}.intro-image{width:280px;height:280px}.feature-card{padding:2rem}.contact-card{padding:1.75rem}.qr-code{width:140px;height:140px}}@media (min-width: 1200px){.features-grid{grid-template-columns:repeat(4,1fr)}}.fade-in-up{opacity:1!important;transform:translateY(0)!important}