.about-hero{text-align:center;background:#202020;padding:100px 20px;position:relative;overflow:hidden}.about-hero-title{letter-spacing:-2px;background:linear-gradient(135deg,#fff 0%,#a5a5a5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:4rem;font-weight:800}.about-hero-subtitle{color:#8b929e;max-width:700px;margin:0 auto;font-size:1.25rem;line-height:1.6}.about-content-section{background:#292929;padding:80px 20px}.about-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid}.about-card{background:#202020;border:1px solid #ffffff0d;border-radius:24px;padding:40px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.about-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#3b82f6,#2563eb);width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.about-card:hover{border-color:#ffffff1a;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.about-card:hover:before{transform:scaleX(1)}.about-card-icon{color:#3b82f6;background:#3b82f61a;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:24px;display:flex}.about-card-title{color:#fff;margin-bottom:16px;font-size:1.5rem;font-weight:600}.about-card-text{color:#8b929e;font-size:1.05rem;line-height:1.7}@media (max-width:768px){.about-hero-title{font-size:3rem}.about-content-section{padding:60px 20px}}