.about-container{background-color:var(--color-bg);min-height:100vh}.about-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner{width:50px;height:50px;border-radius:50%;border:4px solid var(--color-text);border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite}.error-message{background-color:#fee2e2;border:1px solid #fca5a5;color:#b91c1c;padding:1rem;border-radius:.5rem;max-width:600px;text-align:center}.about-hero{position:relative;background:linear-gradient(135deg,var(--color-bg-light) 0,var(--color-bg) 100%);color:white;padding:5rem 1rem;text-align:center}.hero-content{max-width:1200px;margin:0 auto}.about-hero h1{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.about-hero p{font-size:1.5rem;max-width:800px;margin:0 auto;opacity:.9}.about-sections{max-width:1200px;margin:0 auto;padding:3rem 1rem}.about-section{margin-bottom:4rem;border-radius:12px;overflow:hidden}.about-section.alternate{background-color:var(--color-card);padding:2rem}.section-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.section-content.reverse{flex-direction:column-reverse}.section-image{flex:1 1;min-width:100%;height:400px;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15)}.section-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.section-text{flex:1 1;min-width:100%}.section-text h2{font-size:2rem;margin-bottom:1.5rem;color:var(--color-primary);position:relative;display:inline-block}.section-text h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:3px}.section-text p{color:var(--color-text);line-height:1.6;margin-bottom:1rem}.section-text a{color:var(--color-primary);transition:all .3s ease-in-out}.section-text a:hover{color:var(--color-accent);text-decoration:underline}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.section-content{flex-direction:row}.section-content.reverse{flex-direction:row-reverse}.section-image{min-width:auto;height:500px}.section-text{min-width:auto;padding:0 2rem}.about-hero h1{font-size:4rem}}@media (min-width:1024px){.about-hero{padding:7rem 1rem}.about-hero h1{font-size:5rem}}