:root{
  --psf-dark:#0b2545;
  --psf-dark-2:#133c73;
  --psf-primary:#1769aa;
  --psf-accent:#4ea8de;
  --psf-soft:#eef5fb;
  --psf-text:#17324d;
  --psf-muted:#6d7f91;
  --psf-white:#fff;
  --psf-radius:22px;
}
html{scroll-behavior:smooth}
body{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--psf-text);
  background:#fff;
}
a{text-decoration:none}
.topbar{
  background:var(--psf-dark);
  color:#dcebed;
  font-size:.88rem;
}
.site-navbar{
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);
  box-shadow:0 8px 30px rgba(14,45,56,.08);
}
.navbar-brand{font-weight:800;color:var(--psf-dark)!important}
.nav-link{font-weight:600;color:#28434c!important;padding:.9rem .8rem!important}
.nav-link:hover,.nav-link.active{color:var(--psf-primary)!important}
.btn-psf{
  background:var(--psf-primary); color:#fff; border:none;
  border-radius:999px; padding:.78rem 1.25rem; font-weight:700;
  box-shadow:0 10px 25px rgba(23,105,170,.20)
}
.btn-psf:hover{background:#12578e;color:#fff;transform:translateY(-1px)}
.btn-outline-psf{
  border:1px solid rgba(255,255,255,.65);color:#fff;border-radius:999px;
  padding:.78rem 1.25rem;font-weight:700
}
.btn-outline-psf:hover{background:#fff;color:var(--psf-dark)}
.hero{
  position:relative; overflow:hidden;
  min-height:550px; display:flex; align-items:center;
  color:#fff;
  background:
    radial-gradient(circle at 78% 25%, rgba(78,168,222,.34), transparent 32%),
    linear-gradient(120deg, rgba(8,34,43,.98) 0%, rgba(14,64,76,.95) 52%, rgba(17,75,135,.92) 100%);
}
.hero:before,.hero:after{
  content:""; position:absolute; border-radius:50%; pointer-events:none;
}
.hero:before{width:430px;height:430px;right:-120px;bottom:-170px;border:70px solid rgba(255,255,255,.06)}
.hero:after{width:250px;height:250px;right:13%;top:12%;border:38px solid rgba(255,255,255,.05)}
.hero-badge{
  display:inline-flex;gap:.55rem;align-items:center;
  border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);
  padding:.55rem .9rem;border-radius:999px;font-weight:700;font-size:.9rem
}
.hero h1{font-size:clamp(2.45rem,5vw,5.4rem);line-height:.98;font-weight:850;letter-spacing:-.04em}
.hero .theme{font-size:clamp(1.25rem,2vw,2rem);font-weight:600;color:#d0e7f8}
.hero-info{display:flex;gap:1.25rem;flex-wrap:wrap;color:#eef8f8;font-weight:650}
.hero-info span{display:flex;gap:.5rem;align-items:center}
.hero-art{
  position:relative;min-height:420px;display:flex;align-items:center;justify-content:center
}
.hero-ring{
  width:360px;height:360px;border-radius:50%;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.02));
  box-shadow:inset 0 0 80px rgba(255,255,255,.05);
  display:flex;align-items:center;justify-content:center;text-align:center;
}
.hero-ring strong{font-size:6rem;line-height:.8;display:block}
.hero-ring small{font-size:1rem;letter-spacing:.25em;text-transform:uppercase}
.quick-grid{margin-top:-58px;position:relative;z-index:3}
.quick-card{
  height:100%;background:#fff;border-radius:var(--psf-radius);
  padding:1.5rem;border:1px solid #edf2f3;
  box-shadow:0 16px 50px rgba(14,45,56,.10);
  transition:.25s ease;color:var(--psf-text)
}
.quick-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(14,45,56,.15)}
.icon-box{
  width:52px;height:52px;border-radius:16px;background:var(--psf-soft);
  color:var(--psf-primary);display:flex;align-items:center;justify-content:center;font-size:1.35rem
}
.section-pad{padding:88px 0}
.eyebrow{
  color:var(--psf-primary);font-weight:800;letter-spacing:.12em;text-transform:none;font-size:.9rem
}
.section-title{font-weight:850;letter-spacing:-.03em;color:var(--psf-dark)}
.soft-section{background:#f6f9f9}
.action-card{
  height:100%;padding:1.55rem;border-radius:20px;background:#fff;
  border:1px solid #eaf0f1;transition:.25s ease;color:var(--psf-text)
}
.action-card:hover{transform:translateY(-4px);border-color:#c7def2}
.person-card{
  background:#fff;border-radius:22px;overflow:hidden;border:1px solid #edf1f2;
  box-shadow:0 15px 35px rgba(14,45,56,.07);height:100%
}
.person-photo{
  height:180px;background:
  linear-gradient(145deg,#dceafb,#f5f9fd);
  display:flex;align-items:center;justify-content:center;color:var(--psf-primary);font-size:4rem
}
.person-body{padding:1.4rem}
.date-card{
  display:flex;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid #e8eeee
}
.date-card:last-child{border-bottom:0}
.date-box{
  min-width:64px;height:64px;border-radius:16px;background:var(--psf-dark);color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1
}
.date-box strong{font-size:1.35rem}.date-box small{font-size:.68rem;letter-spacing:.08em}
.news-card{
  background:#fff;border-radius:20px;border:1px solid #e9efef;padding:1.25rem;height:100%
}
.news-date{color:var(--psf-primary);font-size:.78rem;font-weight:800;text-transform:uppercase}
.inner-hero{
  padding:88px 0 58px;
  color:#fff;
  background:
    radial-gradient(circle at 78% 20%,rgba(78,168,222,.27),transparent 26%),
    linear-gradient(120deg,#0d2e39,#174f87);
}
.breadcrumb-item+.breadcrumb-item:before{color:rgba(255,255,255,.55)}
.inner-hero .breadcrumb a,.inner-hero .breadcrumb-item.active{color:#d8e9f7}
.content-wrap{padding:60px 0 90px}
.content-card{
  border-radius:24px;background:#fff;border:1px solid #e9efef;
  box-shadow:0 14px 40px rgba(14,45,56,.07);padding:clamp(1.35rem,3vw,2.4rem)
}
.committee-section{padding:0 0 2rem;margin-bottom:2rem;border-bottom:1px solid #edf1f2}
.committee-section:last-child{border-bottom:0;margin-bottom:0}
.committee-title{
  display:flex;gap:.85rem;align-items:center;font-weight:800;color:var(--psf-dark);margin-bottom:1.2rem
}
.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .9rem}
.member{
  padding:.72rem .85rem;border-radius:12px;background:#f7fafa;border:1px solid #edf2f2
}
.member strong{color:var(--psf-dark)}
.side-nav{
  position:sticky;top:100px;border-radius:20px;background:#fff;border:1px solid #e9efef;padding:1rem;
  box-shadow:0 12px 35px rgba(14,45,56,.06)
}
.side-nav a{
  display:flex;align-items:center;gap:.65rem;padding:.8rem;border-radius:12px;color:#3d5962;font-weight:650
}
.side-nav a:hover{background:var(--psf-soft);color:var(--psf-primary)}
footer{background:#0b2730;color:#c7d7e7;padding:60px 0 25px}
footer h5{color:#fff;font-weight:800}
footer a{color:#c7d7e7} footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:22px;font-size:.85rem}
@media (max-width:991.98px){
  .hero{min-height:auto;padding:100px 0 110px}
  .hero-art{min-height:300px}
  .hero-ring{width:280px;height:280px}
  .quick-grid{margin-top:-38px}
}
@media (max-width:767.98px){
  .hero h1{font-size:3rem}
  .section-pad{padding:68px 0}
  .member-grid{grid-template-columns:1fr}
  .side-nav{position:relative;top:auto}
}