/* Đồng bộ font với trang chủ */
html,body{font-family:'Montserrat',Arial,sans-serif!important;color:#1f2937;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.site-header,.site-header *,.footer-pro,.footer-pro *,.about-page,.about-page *{font-family:'Montserrat',Arial,sans-serif!important}

/* About page - unified with the main website, image-safe gallery */
.about-page{
  background:#fff;
  color:#1f2937;
  font-family:'Montserrat',Arial,sans-serif;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.about-container{width:min(1180px,92vw);margin:0 auto}
.about-hero{background:linear-gradient(135deg,#0b1220,#111827);color:#fff;padding:56px 0 52px}
.about-kicker{letter-spacing:.08em;text-transform:uppercase;color:#1464f4;font-weight:600;font-size:13px;margin:0 0 10px}
.about-hero .about-kicker{color:#e5e7eb}
.about-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.04;margin:0 0 14px;letter-spacing:-1.2px;font-weight:700}
.about-hero p{font-size:18px;line-height:1.65;max-width:860px;color:#eef6ff;font-weight:400;margin:0}
.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.about-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:8px;text-decoration:none;font-weight:700}
.about-btn.primary{background:#fff;color:#0b1220}.about-btn.ghost{border:1px solid rgba(255,255,255,.55);color:#fff}
.about-section{padding:34px 0}.about-section:first-of-type{padding-top:42px}
.about-card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 14px 34px rgba(15,23,42,.07);border:1px solid #e5e7eb}
.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:28px;align-items:center}
.about-photo{width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:18px;background:#f8fafc;border:1px solid #edf0f5;box-shadow:0 10px 26px rgba(15,23,42,.06);display:block}
.about-title{font-size:clamp(30px,3.4vw,42px);line-height:1.12;margin:0 0 12px;color:#111827;font-weight:700;letter-spacing:-.7px}
.about-text{font-size:17px;line-height:1.65;color:#667085;font-weight:400;margin:10px 0}
.about-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.about-list div,.commit-card,.contact-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:16px;line-height:1.55;font-weight:400}
.timeline{position:relative;display:grid;gap:16px;margin-top:18px;padding-left:18px}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:#e5e7eb}.timeline-item{position:relative;display:grid;grid-template-columns:130px 1fr;gap:20px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:20px 22px;box-shadow:0 10px 24px rgba(15,23,42,.045)}.timeline-item:before{content:"";position:absolute;left:-15px;top:26px;width:14px;height:14px;border-radius:50%;background:#0b5cab;border:4px solid #fff;box-shadow:0 0 0 1px #dbeafe}.timeline-year{font-size:20px;font-weight:800;color:#0b5cab;line-height:1.25}.timeline-content{font-size:16.5px;line-height:1.65;color:#475467;font-weight:400}.timeline-item strong{color:#101828}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.gallery img{width:100%;height:260px;object-fit:contain;object-position:center;border-radius:18px;background:#f8fafc;border:1px solid #e5e7eb;box-shadow:0 10px 24px rgba(15,23,42,.055);display:block;cursor:zoom-in;padding:8px;box-sizing:border-box;transition:transform .18s ease,box-shadow .18s ease}
.gallery img:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,23,42,.10)}
.commit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.commit-card strong{display:block;margin-bottom:6px;color:#0f172a}.commit-card span{color:#475467;line-height:1.55}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-card a{color:#0b5cab;font-weight:700;text-decoration:none}.map-box iframe{width:100%;height:100%;min-height:420px;border:0;border-radius:20px;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.notice{background:#eef6ff;border:1px solid #bfdbfe;border-radius:18px;padding:16px;color:#1e3a8a;line-height:1.7;margin-top:16px}.legal-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.legal-links a{font-weight:700;color:#0b5cab;text-decoration:none}.cert-empty{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:18px;padding:18px;line-height:1.7}
.about-form input,.about-form select,.about-form textarea{font-family:'Montserrat',Arial,sans-serif!important}.about-page input,.about-page select,.about-page textarea,.about-page button{font-family:'Montserrat',Arial,sans-serif!important}.about-page strong,.about-page b{font-weight:700}
.about-lightbox{position:fixed;inset:0;background:rgba(2,6,23,.88);display:none;align-items:center;justify-content:center;z-index:99999;padding:24px}.about-lightbox.open{display:flex}.about-lightbox img{max-width:min(96vw,1280px);max-height:88vh;object-fit:contain;border-radius:12px;background:#fff}.about-lightbox button{position:absolute;border:0;background:rgba(255,255,255,.92);color:#111827;border-radius:999px;width:46px;height:46px;font-size:26px;font-weight:700;cursor:pointer}.about-lightbox .close{top:18px;right:18px}.about-lightbox .prev{left:18px;top:50%;transform:translateY(-50%)}.about-lightbox .next{right:18px;top:50%;transform:translateY(-50%)}
@media(max-width:980px){.about-grid,.contact-grid{grid-template-columns:1fr}.commit-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr 1fr}.contact-cards{grid-template-columns:1fr}.map-box iframe{height:360px}.about-photo{max-height:none}}
@media(max-width:560px){.about-section{padding:24px 0}.about-card{padding:18px;border-radius:18px}.about-list,.commit-grid,.gallery{grid-template-columns:1fr}.timeline{padding-left:12px}.timeline-item{grid-template-columns:1fr;gap:8px;padding:18px}.timeline-year{font-size:18px}.gallery img{height:auto;min-height:180px;max-height:none}.about-hero{padding:42px 0}.about-title{font-size:27px}.map-box iframe{height:320px}.about-lightbox{padding:12px}.about-lightbox button{width:40px;height:40px;font-size:22px}}