.about-section{color:#f8fafc;background:radial-gradient(circle,#0f172a 0%,#020617 100%);padding:100px 20px;font-family:Mona Sans,sans-serif;position:relative;overflow:hidden;transform:translateZ(0)}.about-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#1696960d,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.about-content{text-align:center;z-index:10;max-width:1200px;margin:auto;position:relative}.about-title{letter-spacing:-1px;color:#0000;background:linear-gradient(135deg,#2dd4bf,#0ea5e9);-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:3rem;font-weight:800;display:inline-block}.about-intro{color:#cbd5e1;max-width:800px;margin:0 auto 60px;font-size:1.25rem;font-weight:300;line-height:1.8}.about-counters{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:80px;padding:30px;display:grid}.about-counters div h3{color:#2dd4bf;margin:0;font-size:3.5rem;font-weight:800;line-height:1}.about-counters div p{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-top:10px;font-size:.9rem;font-weight:600}.about-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;padding:0;list-style:none;display:grid}.about-list-item{text-align:left;will-change:transform;background:#1e293b66;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.5rem;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex}.about-list-item:hover{background:#1e293bb3;border-color:#2dd4bf4d;transform:translateY(-5px);box-shadow:0 10px 30px #0003}.about-icon{color:#2dd4bf;background:#2dd4bf1a;border-radius:10px;padding:12px;font-size:1.5rem}.about-subtext{color:#94a3b8;margin-top:.5rem;font-size:.95rem;line-height:1.5;display:block}.about-timeline{text-align:left;color:#f1f5f9;background:#0f172a99;border:1px solid #ffffff0d;border-radius:24px;max-width:900px;margin:60px auto 0;padding:40px}.about-timeline h3{color:#facc15;text-align:center;margin-bottom:30px;font-size:1.8rem;font-weight:700}.about-timeline ul{flex-direction:column;gap:0;padding:0;list-style:none;display:flex}.about-timeline li{border-left:2px dashed #2dd4bf4d;padding:20px 0 20px 40px;transition:background .2s;position:relative}.about-timeline li:hover{background:#ffffff05}.about-timeline li:last-child{border-left:2px solid #0000}.about-timeline li:before{content:"";z-index:2;background-color:#0f172a;border:2px solid #2dd4bf;border-radius:50%;width:14px;height:14px;transition:background-color .2s,box-shadow .2s;position:absolute;top:24px;left:-8px}.about-timeline li:hover:before{background-color:#2dd4bf;box-shadow:0 0 10px #2dd4bf80}@media (max-width:768px){.about-counters{grid-template-columns:1fr}}