@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";
.about-section{background:linear-gradient(135deg,#f5f7fa 0%,#e8eef5 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 20px;display:flex;position:relative;overflow:hidden}.about-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#667eea1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.about-content-wrapper{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;display:grid;position:relative}.about-content{will-change:opacity, transform;flex-direction:column;gap:30px;display:flex}.about-header{will-change:opacity, transform;margin-bottom:20px}.about-title{color:#1a202c;letter-spacing:-1px;margin:0 0 30px;font-family:Poppins,DM Sans,sans-serif;font-size:2.8rem;font-weight:800;line-height:1.2}.about-text{color:#2d3748;will-change:opacity, transform;white-space:pre-wrap;word-wrap:break-word;font-family:Inter,DM Sans,sans-serif;font-size:1.05rem;line-height:1.8}.about-image-wrapper{will-change:opacity, transform;justify-content:center;align-items:center;display:flex}.about-img{border-radius:20px;margin:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 15px 50px #00000026}.about-img img{object-fit:cover;border-radius:20px;width:100%;height:auto;display:block}.about-img:before{content:"";opacity:0;pointer-events:none;z-index:2;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-radius:20px;transition:opacity .4s;position:absolute;inset:0}.about-img:hover:before{opacity:1}.about-img:hover{transform:translateY(-5px);box-shadow:0 20px 60px #667eea40}.about-img figcaption{color:#718096;text-align:center;margin-top:12px;font-size:.9rem;font-weight:500}.flex{display:flex}.justify-center{justify-content:center}.items-center{align-items:center}@media (max-width:1024px){.about-section{min-height:auto;padding:60px 20px}.about-content-wrapper{grid-template-columns:1fr;gap:40px}.about-title{margin-bottom:25px;font-size:2.2rem}.about-text{font-size:1rem}}@media (max-width:768px){.about-section{min-height:auto;padding:40px 16px}.about-section:before{opacity:.5;width:300px;height:300px;top:-100px;right:-50px}.about-content-wrapper{gap:30px}.about-title{margin-bottom:20px;font-size:1.8rem;line-height:1.3}.about-text{font-size:.95rem;line-height:1.7}}@media (max-width:480px){.about-section{padding:30px 12px}.about-section:before{opacity:.3;width:200px;height:200px}.about-content-wrapper{gap:20px}.about-title{margin-bottom:15px;font-size:1.5rem}.about-header{margin-bottom:15px}.about-content{gap:20px}.about-text{font-size:.9rem;line-height:1.6}.about-img,.about-img img,.about-img:before{border-radius:15px}}.about-text p{margin:20px 0;transition:all .3s cubic-bezier(.25,.46,.45,.94)}@media (prefers-reduced-motion:reduce){.about-content,.about-header,.about-image-wrapper,.about-img{transition:none!important;animation:none!important}.about-img:hover{transform:none}}.about-section:focus-within{outline:none}.about-img:focus-visible{outline-offset:4px;outline:2px solid #667eea}@media print{.about-section{background:#fff;padding:40px 0}.about-section:before{display:none}.about-img:hover{transform:none;box-shadow:0 15px 50px #00000026}.about-title,.about-subtitle,.about-text{color:#000}}@media (prefers-color-scheme:dark){.about-section{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%)}.about-title{color:#f7fafc}.about-subtitle{color:#a0aec0}.about-text{color:#cbd5e0}.about-text strong{color:#90cdf4}.about-text em{color:#b19cd9}.closing-tagline{color:#e2e8f0;background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%)}.about-img figcaption{color:#a0aec0}}@media (prefers-contrast:more){.about-title{letter-spacing:0;font-weight:900}.about-subtitle{font-weight:700}.about-text{font-weight:600}}@media (max-width:480px){.about-section:before{display:none}}.about-content,.about-header,.about-image-wrapper{animation:.8s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}.about-text a{color:#667eea;border-bottom:2px solid #0000;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.about-text a:hover{color:#764ba2;border-bottom-color:#667eea}.about-text a:focus-visible{outline-offset:2px;outline:2px solid #667eea}