/* Extracted from pages/about.php — v170 */
.about-portal-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.about-portal-hero{background:rgb(15 23 42)}
.about-portal-hero-photo{position:absolute;inset:-10px;background-size:cover;background-position:center;filter:blur(3px);transform:scale(1.025);opacity:.96}
.about-portal-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,23,42,.62),rgba(15,23,42,.26) 44%,rgba(15,23,42,.66)),linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.26))}
.about-portal-orb{position:absolute;border-radius:999px;filter:blur(42px);opacity:.72}
.about-portal-orb-one{left:-120px;top:-130px;width:390px;height:390px;background:rgba(255,255,255,.34)}
.about-portal-orb-two{right:-160px;bottom:-180px;width:480px;height:480px;background:rgba(255,255,255,.20)}


.about-portal-stat,.about-portal-card,.about-portal-final{border:1px solid rgb(226 232 240);background:linear-gradient(180deg,rgb(248 250 252),white);border-radius:28px;box-shadow:0 16px 45px rgba(15,23,42,.055)}
.dark .about-portal-stat,.dark .about-portal-card,.dark .about-portal-final{border-color:rgb(38 38 38);background:linear-gradient(180deg,rgba(38,38,38,.82),rgba(23,23,23,.84));box-shadow:0 18px 48px rgba(0,0,0,.22)}
.about-portal-stat{padding:17px}
.about-portal-stat span{display:block;color:rgb(37 99 235);font-size:28px;line-height:1;font-weight:950;letter-spacing:-.06em}
.dark .about-portal-stat span{color:rgb(96 165 250)}
.about-portal-stat b{display:block;margin-top:9px;color:rgb(15 23 42);font-size:14px;font-weight:950}
.dark .about-portal-stat b{color:white}
.about-portal-stat p{margin-top:5px;color:rgb(100 116 139);font-size:13px;line-height:1.5;font-weight:700}
.dark .about-portal-stat p{color:rgb(163 163 163)}
.about-portal-card{padding:20px}
.about-portal-card-main{background:linear-gradient(180deg,rgba(248,250,252,.98),white)}
.dark .about-portal-card-main{background:linear-gradient(180deg,rgba(38,38,38,.86),rgba(23,23,23,.88))}
.about-portal-overline{color:rgb(37 99 235);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.18em}
.dark .about-portal-overline{color:rgb(96 165 250)}
.about-portal-card h2,.about-portal-final h2{margin-top:5px;color:rgb(15 23 42);font-size:22px;line-height:1.12;font-weight:950;letter-spacing:-.045em}
.dark .about-portal-card h2,.dark .about-portal-final h2{color:white}
.about-portal-text{display:grid;gap:10px;margin-top:14px}
.about-portal-text p,.about-portal-small-text,.about-portal-final p{color:rgb(71 85 105);font-size:14px;line-height:1.68;font-weight:650}
.dark .about-portal-text p,.dark .about-portal-small-text,.dark .about-portal-final p{color:rgb(212 212 212)}
.about-portal-accent-note{margin-top:16px;border:1px solid rgb(191 219 254);border-radius:22px;background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.92));padding:15px 16px;box-shadow:0 14px 34px rgba(37,99,235,.07)}
.dark .about-portal-accent-note{border-color:rgba(59,130,246,.32);background:linear-gradient(135deg,rgba(30,64,175,.20),rgba(255,255,255,.045));box-shadow:none}
.about-portal-accent-note b{display:block;color:rgb(15 23 42);font-size:14px;line-height:1.58;font-weight:950}
.dark .about-portal-accent-note b{color:white}
.about-portal-accent-note span{display:block;margin-top:7px;color:rgb(71 85 105);font-size:13px;line-height:1.55;font-weight:700}
.dark .about-portal-accent-note span{color:rgb(212 212 212)}
.about-portal-link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgb(226 232 240);border-radius:18px;background:white;padding:12px 13px;color:rgb(15 23 42);font-size:13px;font-weight:950;text-decoration:none}
.about-portal-link-row:hover{background:rgb(248 250 252)}
.dark .about-portal-link-row{border-color:rgb(38 38 38);background:rgba(255,255,255,.04);color:white}
.dark .about-portal-link-row:hover{background:rgba(255,255,255,.07)}
.about-portal-link-row b{color:rgb(37 99 235)}
.about-portal-contacts{display:grid;gap:10px;margin-top:14px}
.about-portal-contacts-compact{grid-template-columns:repeat(2,minmax(0,1fr))}

.about-portal-contacts div{border-radius:18px;background:rgb(248 250 252);padding:11px 12px;border:1px solid rgb(241 245 249)}
.dark .about-portal-contacts div{background:rgba(255,255,255,.04);border-color:rgb(38 38 38)}
.about-portal-contacts dt{color:rgb(100 116 139);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.dark .about-portal-contacts dt{color:rgb(163 163 163)}
.about-portal-contacts dd{margin-top:4px;color:rgb(15 23 42);font-size:13px;font-weight:850;line-height:1.45}
.dark .about-portal-contacts dd{color:white}
.about-portal-contacts a{color:inherit;text-decoration:none}
.about-portal-contacts a:hover{text-decoration:underline}
.about-portal-final{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px}
.about-portal-final-brand{flex:0 0 auto;border-radius:24px;background:rgb(15 23 42);color:white;padding:16px 18px;text-align:right;font-size:18px;font-weight:950;letter-spacing:-.04em}
.dark .about-portal-final-brand{background:white;color:rgb(15 23 42)}
.about-portal-final-brand span{display:block;margin-top:3px;font-size:11px;font-weight:850;letter-spacing:0;color:rgba(255,255,255,.62)}
.dark .about-portal-final-brand span{color:rgba(15,23,42,.52)}
@media(max-width:860px){
  
  .about-portal-final{display:block}
  .about-portal-final-brand{margin-top:15px;text-align:left}
}
@media(max-width:640px){
  .about-portal-hero .relative.z-10{padding:18px}
  .about-portal-hero h1{font-size:32px}
  
  .about-portal-card,.about-portal-stat,.about-portal-final{border-radius:24px}
}

@media(max-width:860px){
  .about-portal-final{display:block}
  .about-portal-final-brand{margin-top:15px;text-align:left}
}
@media(max-width:640px){
  .about-portal-hero .relative.z-10{padding:18px}
  .about-portal-hero h1{font-size:32px}
  .about-portal-contacts-compact{grid-template-columns:1fr}
  .about-portal-card,.about-portal-stat,.about-portal-final{border-radius:24px}
}