.about-grid{display:grid;grid-template-columns:3fr 2fr;gap:40px}
.about-text{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:32px}
.about-text p{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;line-height:1.75}
.about-text p:last-child{margin-bottom:0}
.about-cards{display:flex;flex-direction:column;gap:16px}
.card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.card h3{font-size:.95rem;font-weight:600;margin-bottom:8px}
.card p{font-size:.85rem;color:var(--text-secondary)}
.card-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
body.dark .card-icon{background:rgba(16,185,129,.15)}
.card-info{display:flex;flex-direction:column;gap:14px}
.info-row{display:flex;align-items:flex-start;gap:12px;color:var(--accent);font-size:.85rem}
.info-row>div{display:flex;flex-direction:column}
.info-label{font-size:.75rem;color:var(--text-muted)}
.info-value{font-size:.85rem;font-weight:500;color:var(--text)}
@media(max-width:900px){.about-grid{grid-template-columns:1fr}}
@media(max-width:600px){.about-text{padding:20px}.about-text p{font-size:.88rem}.card{padding:18px}}