/* ================================================================
   DINFOSEC — about.css
   ================================================================ */
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.mission-p{font-size:.98rem;color:var(--muted);line-height:1.9;margin-bottom:14px}
.stats-4{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.stat-box{background:var(--surface);border:1px solid rgba(212,160,23,.1);border-radius:var(--rl);padding:22px 16px;text-align:center;transition:all var(--tr)}
.stat-box:hover{border-color:rgba(212,160,23,.32);transform:translateY(-3px)}
.stat-box .sn{font-family:var(--font-h);font-size:1.8rem;font-weight:800;color:var(--gold);text-shadow:0 0 18px rgba(212,160,23,.4)}
.stat-box .sl{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}
.val-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.val-card{background:var(--surface);border:1px solid rgba(212,160,23,.1);border-radius:var(--rl);padding:28px;position:relative;overflow:hidden;transition:all var(--tr)}
.val-card:hover{border-color:rgba(212,160,23,.35);transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.3)}
.val-card::after{content:attr(data-n);position:absolute;bottom:-16px;right:8px;font-family:var(--font-h);font-size:5rem;font-weight:800;color:rgba(212,160,23,.04);line-height:1;pointer-events:none}
.val-ico{width:50px;height:50px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:rgba(212,160,23,.1);border:1px solid rgba(212,160,23,.2);font-size:1.3rem}
.val-ico img{width:26px;height:26px;object-fit:contain}
.val-card h3{font-family:var(--font-h);font-size:.9rem;font-weight:700;color:var(--white);letter-spacing:.5px;margin-bottom:8px}
.val-card p{font-size:.86rem;color:var(--muted);line-height:1.72}
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}
.team-card{background:var(--surface);border:1px solid rgba(212,160,23,.1);border-radius:var(--rl);padding:26px 20px;text-align:center;transition:all var(--tr)}
.team-card:hover{border-color:rgba(212,160,23,.32);transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.3)}
.team-av{width:80px;height:80px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:1.3rem;font-weight:800;color:var(--white);position:relative}
.team-av::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(212,160,23,.28)}
.team-av img{width:80px;height:80px;border-radius:50%;object-fit:cover}
.team-name{font-family:var(--font-h);font-size:.9rem;font-weight:700;color:var(--white);margin-bottom:3px}
.team-role{font-size:.78rem;color:var(--muted);margin-bottom:12px}
.cert-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
.ctag{font-family:var(--font-m);font-size:.58rem;padding:2px 7px;border-radius:3px;background:rgba(212,160,23,.1);color:var(--gold);border:1px solid rgba(212,160,23,.2)}
.timeline{position:relative;padding-left:38px}
.timeline::before{content:'';position:absolute;left:14px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,var(--gold),var(--red))}
.tl-item{position:relative;margin-bottom:32px}
.tl-item::before{content:'';position:absolute;left:-31px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(212,160,23,.5)}
.tl-year{font-family:var(--font-m);font-size:.7rem;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}
.tl-title{font-family:var(--font-h);font-size:.9rem;font-weight:700;color:var(--white);margin-bottom:5px;letter-spacing:.5px}
.tl-desc{font-size:.86rem;color:var(--muted);line-height:1.72}
.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:13px}
.cert-tile{background:var(--surface);border:1px solid rgba(212,160,23,.1);border-radius:var(--r);padding:18px 12px;text-align:center;transition:all var(--tr)}
.cert-tile:hover{border-color:rgba(212,160,23,.35);transform:translateY(-3px);box-shadow:var(--glow-gold)}
.cert-tile .c-ico{font-size:1.8rem;display:block;margin-bottom:8px}
.cert-tile img{width:30px;height:30px;object-fit:contain;margin:0 auto 8px}
.cert-tile span{font-family:var(--font-m);font-size:.66rem;color:var(--muted);letter-spacing:.5px}
@media(max-width:992px){.mission-grid{grid-template-columns:1fr}}
@media(max-width:576px){.stats-4{grid-template-columns:1fr 1fr}}