.about-hero { background: linear-gradient(135deg,#0a4d8c 0%,#0a6bb8 60%,#1e90d8 100%); color:#fff; padding:48px 20px; text-align:center; }
.about-hero h1 { font-size:30px; margin:0 0 12px; }
.about-hero p { max-width:760px; margin:0 auto; font-size:15px; line-height:1.9; opacity:.95; }
.about-wrap { max-width:1000px; margin:-30px auto 40px; padding:0 16px; }
.about-card { background:#fff; border-radius:12px; box-shadow:0 4px 18px rgba(10,60,120,.08); padding:28px 30px; margin-bottom:22px; }
.about-card h2 { font-size:20px; margin:0 0 14px; color:#0a4d8c; border-left:4px solid #0a6bb8; padding-left:10px; }
.about-card p { color:#3a4a5a; line-height:1.9; margin:0 0 10px; font-size:14.5px; }
.about-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin-top:10px; }
.about-grid .item { background:#f4f8fc; border-radius:10px; padding:16px; }
.about-grid .item .t { font-weight:700; color:#0a4d8c; margin-bottom:6px; font-size:14px; }
.about-grid .item .d { color:#5a6a7a; font-size:13px; line-height:1.7; }
.about-stats { display:flex; flex-wrap:wrap; gap:18px; margin-top:8px; }
.about-stats .s { flex:1; min-width:120px; text-align:center; background:#f4f8fc; border-radius:10px; padding:14px; }
.about-stats .s .n { font-size:24px; font-weight:700; color:#0a6bb8; }
.about-stats .s .l { font-size:12px; color:#7a8a9a; margin-top:4px; }
.org { background:#fff8e6; border-left:4px solid #ff9f1c; }