/* About section */
.about { padding:110px 0; }
.about-container { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:center; }
.about-image { display:flex; justify-content:center; }
.about-visual { width:min(340px,80vw); aspect-ratio:1; border-radius:28px; border:2px solid rgba(56,189,248,.55); background:linear-gradient(145deg,rgba(56,189,248,.14),rgba(124,58,237,.13)); box-shadow:0 0 45px rgba(56,189,248,.14),inset 0 0 35px rgba(56,189,248,.07); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; color:var(--cyan); }
.about-visual i { font-size:clamp(90px,12vw,145px); filter:drop-shadow(0 0 22px rgba(56,189,248,.4)); }
.about-content .section-title { text-align:left; }
.about-content p { color:var(--muted); line-height:1.9; margin-bottom:18px; }
.about-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-top:32px; }
.about-card { background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); border-radius:17px; padding:22px 12px; text-align:center; transition:.3s; }
.about-card:hover { transform:translateY(-7px); border-color:var(--cyan); box-shadow:0 0 22px rgba(56,189,248,.15); }
.about-card h3 { font-size:clamp(20px,2.5vw,29px); color:var(--cyan); margin-bottom:7px; }
.about-card span { color:var(--muted); font-size:12px; }
@media(max-width:900px) { .about-container { grid-template-columns:1fr; gap:42px; } .about-image { order:0; } .about-content .section-title { text-align:center; } }
@media(max-width:560px) { .about { padding:80px 0; } .about-cards { grid-template-columns:1fr; } }