.about-container{min-height:100vh;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);padding-bottom:60px}.about-container .icon-close{position:absolute;top:20px;right:20px;font-size:24px;color:#fff;cursor:pointer;z-index:1000}.about-hero{background:url(/about-bg.jpg) no-repeat center center;background-size:cover;padding:80px 0;text-align:center;position:relative;margin-bottom:40px}.about-hero:before{content:"";position:absolute;inset:0;background:#1f1f1fb3}.about-hero .about-title{position:relative;color:#fff;font-size:3.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8)}@media (max-width: 768px){.about-hero .about-title{font-size:2.5rem}}.about-content{max-width:1200px;margin:0 auto;padding:0 20px}.about-section{margin-bottom:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.about-section:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.about-section .ant-card-body{padding:30px}.about-section h2{color:#f2750a;margin-bottom:20px;border-bottom:2px solid #f2750a;padding-bottom:10px}.about-section p{margin-bottom:16px;line-height:1.8;font-size:16px}.about-section .quote{display:block;font-style:italic;font-size:18px;color:#666;text-align:center;margin:20px 0;padding:15px;border-left:4px solid #f2750a;background-color:#f9f9f9}.about-features{display:flex;flex-direction:column;gap:40px}.feature-card{display:flex;flex-direction:row;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.feature-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.feature-card:nth-child(2n){flex-direction:row-reverse}@media (max-width: 992px){.feature-card:nth-child(2n){flex-direction:column}}@media (max-width: 992px){.feature-card{flex-direction:column}}.feature-card .feature-image{width:40%;height:auto;object-fit:cover}@media (max-width: 992px){.feature-card .feature-image{width:100%;height:250px}}.feature-card .feature-content{padding:30px;flex:1}.feature-card .feature-content h3{color:#f2750a;margin-bottom:16px}.feature-card .feature-content p{margin-bottom:12px;line-height:1.7}@media (max-width: 768px){.about-hero{padding:60px 0}.about-section .ant-card-body,.feature-content{padding:20px}h2{font-size:24px}h3{font-size:20px}p{font-size:14px}}