@font-face{font-family:MontserratLocal;src:local('Montserrat')}@font-face{font-family:CorbelLocal;src:local('Corbel')}
:root{--navy:#1A213C;--cyan:#21ABE2;--gold:#F7AC44;--gray:#999999;--black:#262626;--white:#fff;--soft:#F5F7FA;--line:#E3E7ED;--shadow:0 18px 48px rgba(26,33,60,.10);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);background:var(--white);font-family:CorbelLocal,Corbel,Arial,sans-serif;font-size:17px;line-height:1.55}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.site-header{height:82px;padding:13px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.brand img{width:175px;max-height:54px;object-fit:contain}.award-mark{font-family:MontserratLocal,Montserrat,Arial,sans-serif;font-weight:800;letter-spacing:.05em;color:var(--navy);font-size:18px}.site-header nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.site-header nav a{font-size:14px;font-weight:700}.site-header .nav-link{padding:9px 10px}.mobile-menu{display:none;border:0;background:transparent;color:var(--navy);font-size:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:800;font-size:14px;letter-spacing:.01em;cursor:pointer}.btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-cyan{background:var(--cyan);color:#fff;border-color:var(--cyan)}.btn-gold{background:var(--gold);color:var(--navy);border-color:var(--gold)}.btn[disabled]{opacity:.45;cursor:not-allowed}
main{max-width:1240px;margin:auto;padding:0 26px}.hero{position:relative;overflow:hidden;padding:88px 0 72px;min-height:540px;display:flex;align-items:center}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;opacity:.08;pointer-events:none}.hero:before{right:-80px;top:25px;border-style:solid;border-width:0 330px 420px 0;border-color:transparent var(--cyan) transparent transparent}.hero:after{right:120px;bottom:-110px;border-style:solid;border-width:360px 0 0 250px;border-color:transparent transparent transparent var(--gold)}.hero-copy{max-width:840px}.eyebrow{font-family:MontserratLocal,Montserrat,Arial,sans-serif;font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--cyan);margin-bottom:16px;text-transform:uppercase}.hero h1{font-family:MontserratLocal,Montserrat,Arial,sans-serif;font-size:clamp(45px,7vw,82px);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px;color:var(--navy);max-width:900px}.lead{font-size:21px;line-height:1.55;color:#5E6675;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.progress{display:flex;gap:13px;align-items:center;margin-top:42px;font-family:MontserratLocal,Montserrat,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em}.progress span{color:#A0A7B3}.progress .active{color:var(--navy)}.progress i{font-style:normal;color:var(--cyan)}
.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section h2{font-family:MontserratLocal,Montserrat,Arial,sans-serif;color:var(--navy);font-size:36px;line-height:1.12;margin:0}.section-intro{color:#667085;max-width:700px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.award-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:190px;background:#fff;box-shadow:0 8px 25px rgba(26,33,60,.045);position:relative;overflow:hidden}.award-card:before{content:"";position:absolute;right:-30px;bottom:-55px;width:150px;height:150px;border:1px solid var(--cyan);transform:skewX(-25deg) rotate(25deg);opacity:.16}.award-number{font-family:MontserratLocal,Montserrat,Arial,sans-serif;font-size:11px;color:var(--cyan);font-weight:900;letter-spacing:.15em}.award-card h3{font-family:MontserratLocal,Montserrat,Arial,sans-serif;color:var(--navy);margin:30px 0 7px;font-size:22px}.award-card p{color:#697386;margin:0}.feature{position:relative;overflow:hidden;background:var(--navy);color:#fff;border-radius:24px;padding:46px;box-shadow:var(--shadow)}.feature:after{content:"";position:absolute;right:-40px;top:-90px;width:320px;height:430px;border:2px solid rgba(33,171,226,.35);transform:skewX(-26deg) rotate(22deg)}.feature h2{font-family:MontserratLocal,Montserrat,Arial,sans-serif;font-size:34px;line-height:1.15;margin:0 0 12px;max-width:720px}.feature p{color:#D8DFEB;max-width:760px}.feature .amount{font-family:MontserratLocal,Montserrat,Arial,sans-serif;color:var(--gold);font-size:42px;font-weight:900;position:relative;z-index:2}.actions{display:flex;gap:12px;flex-wrap:wrap;padding:0 0 80px}.footer{border-top:1px solid var(--line);padding:30px 5vw;color:#687183;font-size:13px}.footer-inner{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:20px}.page-title{padding:72px 0 40px}.page-title h1{font-family:MontserratLocal,Montserrat,Arial,sans-serif;font-size:clamp(42px,6vw,70px);line-height:1;color:var(--navy);margin:0 0 18px}.page-title p{font-size:20px;color:#667085;max-width:800px}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fff;box-shadow:0 8px 25px rgba(26,33,60,.04)}.panel+.panel{margin-top:18px}.ethics-callout{border-left:4px solid var(--cyan);background:#F5FBFE}.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.rule h3{font-family:MontserratLocal,Montserrat,Arial,sans-serif;color:var(--navy);margin-top:0}.rule ul{padding-left:20px}.rule li{margin:7px 0}.muted{color:#687183}.small{font-size:13px}.form{max-width:860px}.field{margin:0 0 22px}.field label{display:block;font-weight:800;color:var(--navy);margin-bottom:8px}.field input,.field textarea,.field select{width:100%;border:1px solid #CBD3DE;border-radius:10px;background:#fff;padding:13px 14px;color:var(--black)}.field textarea{min-height:135px;resize:vertical}.hint{font-size:12px;color:#758093;margin-top:6px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);padding:12px;border-radius:10px}.check input{margin-top:5px}.people-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:22px}.people-toolbar input,.people-toolbar select{border:1px solid #CBD3DE;border-radius:10px;padding:12px 14px}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.person-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff;min-height:170px}.avatar{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:MontserratLocal,Montserrat,Arial,sans-serif;font-weight:800;margin-bottom:15px}.person-card strong{display:block;color:var(--navy);font-family:MontserratLocal,Montserrat,Arial,sans-serif;font-size:15px}.person-card small{display:block;color:#6B7280;margin-top:4px}.tag{display:inline-block;margin-top:11px;padding:4px 8px;border-radius:999px;background:#EEF9FD;color:#168CB5;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.profile-link{display:inline-block;margin-top:12px;color:var(--cyan);font-size:12px;font-weight:800}.ballot{display:grid;gap:18px}.category{border:1px solid var(--line);border-radius:18px;padding:26px;background:#fff}.category h3{font-family:MontserratLocal,Montserrat,Arial,sans-serif;color:var(--navy);margin:0 0 6px;font-size:23px}.category p{color:#687183;margin-top:0}.category-row{display:flex;gap:10px;align-items:center}.category-row select{flex:1;border:1px solid #CBD3DE;border-radius:10px;padding:14px;background:#fff}.view-profile{display:none;margin-top:12px}.view-profile.show{display:inline-block}.review{background:var(--soft);border-radius:16px;padding:25px}.review-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}.review-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}.review-item b{display:block;color:var(--navy);font-size:12px;letter-spacing:.08em}.review-item span{font-size:14px}.success{text-align:center;padding:90px 0}.success h1{font-family:MontserratLocal,Montserrat,Arial,sans-serif;color:var(--navy);font-size:58px;margin:0 0 15px}.locked{text-align:center;padding:70px 25px}.locked .icon{font-size:36px;color:var(--cyan)}.winner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.winner{border:1px solid var(--line);border-radius:18px;padding:28px;min-height:210px}.winner .award-label{font-size:11px;letter-spacing:.12em;color:var(--cyan);font-weight:900}.winner h3{font-family:MontserratLocal,Montserrat,Arial,sans-serif;color:var(--navy);font-size:25px;margin:25px 0 12px}.winner .winner-name{font-weight:900;font-size:19px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-card{border:1px solid var(--line);border-radius:18px;padding:25px;background:#fff}.admin-card h3{font-family:MontserratLocal,Montserrat,Arial,sans-serif;color:var(--navy);margin:18px 0 7px}.status{display:inline-block;padding:6px 10px;border-radius:999px;background:#EEF9FD;color:#168CB5;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:14px}.data-table th{color:var(--navy);font-family:MontserratLocal,Montserrat,Arial,sans-serif}
@media(max-width:950px){.site-header{height:auto;min-height:76px}.site-header nav{display:none}.site-header nav.open{display:flex}.mobile-menu{display:block}.grid,.winner-grid,.admin-grid{grid-template-columns:1fr 1fr}.people-grid{grid-template-columns:repeat(3,1fr)}.rule-grid{grid-template-columns:1fr}.hero{min-height:470px}}
@media(max-width:650px){main{padding:0 18px}.brand img{width:145px}.award-mark{font-size:14px}.hero{padding:60px 0 48px}.hero h1{font-size:45px}.lead{font-size:18px}.grid,.winner-grid,.admin-grid,.people-grid,.review-list,.check-grid{grid-template-columns:1fr}.section{padding:50px 0}.feature{padding:30px}.feature h2{font-size:28px}.feature .amount{font-size:34px}.actions .btn{width:100%}.category-row{display:block}.category-row select{width:100%}.category-row .btn{width:100%;margin-top:10px}.footer-inner{display:block}.footer-inner>*+*{margin-top:8px}}
/* ================================
   FINAL REVIEW — VOTING REASONS
   ================================ */

.review-reason {
  display: block;
  width: 100%;
  margin-top: 12px;
}

.review-reason strong {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: var(--navy);
}

.review-reason textarea {
  display: block;
  width: 100%;
  min-height: 90px;
  padding: 12px 14px;
  border: 1px solid #d8dee8;
  border-radius: 10px;
  background: #fff;
  color: var(--navy);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  resize: vertical;
  box-sizing: border-box;
}

.review-reason textarea:focus {
  outline: none;
  border-color: #18a9e0;
  box-shadow: 0 0 0 3px rgba(24, 169, 224, 0.12);
}
/* =========================================================
   CONEXIG AWARDS 2026
   MEET THE CONEXIGERS — PARTNERS / MEMBERS
   ========================================================= */

.people-grid {
  width: min(1240px, 100%);
  margin: 0 auto;
}

/* =========================================================
   SECTION
   ========================================================= */

.people-section {
  margin-top: 55px;
}

.people-section:first-child {
  margin-top: 0;
}

.people-section-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 8px;
}

.people-section-title {
  margin: 0;

  color: #071735;

  font-family: "Montserrat", sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.people-section-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 34px;
  height: 26px;

  padding: 0 10px;

  border: 1px solid #b9dff4;
  border-radius: 20px;

  background: #f1f9fe;
  color: #078fd2;

  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.people-section-description {
  margin: 0 0 20px;

  color: #657189;

  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 1.5;
}


/* =========================================================
   FOUR COLUMN GRID
   ========================================================= */

.people-section .people-list {
  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 16px;
}


/* =========================================================
   PERSON CARD
   ========================================================= */

.people-section .person-card {
  position: relative;

  min-height: 145px;

  padding: 20px;

  background: #fff;

  border: 1px solid #dfe6ef;
  border-radius: 12px;

  box-shadow:
    0 5px 18px rgba(7, 23, 53, .045);

  overflow: hidden;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

.people-section .person-card:hover {
  transform: translateY(-3px);

  border-color: #c7dfed;

  box-shadow:
    0 12px 28px rgba(7, 23, 53, .09);
}


/* =========================================================
   INITIALS
   ========================================================= */

.person-initials {
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 14px;

  border-radius: 50%;

  background: #edf5fc;

  color: #071735;

  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 700;
}


/* PARTNER INITIALS */

.people-section.partners-section .person-initials {
  background: #edf5fc;
}


/* MEMBER INITIALS */

.people-section.members-section .person-initials {
  background: #f0f8f5;
}


/* =========================================================
   NAME
   ========================================================= */

.people-section .person-card strong {
  display: block;

  margin: 0 0 6px;

  color: #071735;

  font-family: "Montserrat", sans-serif;

  font-size: 14px;
  font-weight: 700;

  line-height: 1.35;
}


/* =========================================================
   ROLE
   ========================================================= */

.people-section .person-card small {
  display: block;

  color: #657189;

  font-family: "Poppins", sans-serif;

  font-size: 12px;

  line-height: 1.5;
}

.people-section .person-card small.territory {
  margin-top: 5px;

  color: #27415f;
}


/* =========================================================
   TERRITORY ICON / LABEL
   ========================================================= */

.person-territory {
  display: flex;

  align-items: center;

  gap: 5px;

  margin-top: 7px;

  color: #53647b;

  font-family: "Poppins", sans-serif;

  font-size: 11px;
}

.person-territory::before {
  content: "⌖";

  color: #078fd2;

  font-size: 13px;
}


/* =========================================================
   SHOW MORE MEMBERS
   ========================================================= */

.show-more-members {
  display: flex;

  align-items: center;
  justify-content: center;

  width: fit-content;

  margin: 25px auto 0;

  padding: 10px 20px;

  background: #fff;

  border: 1px solid #c8ddea;

  border-radius: 7px;

  color: #078fd2;

  font-family: "Poppins", sans-serif;

  font-size: 12px;
  font-weight: 600;

  cursor: pointer;

  transition:
    background .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.show-more-members:hover {
  background: #f1f9fe;

  border-color: #08a9e8;

  transform: translateY(-1px);
}


/* =========================================================
   SEARCH / FILTER
   ========================================================= */

.people-toolbar {
  width: min(1240px, 100%);

  margin: 35px auto 40px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;
}

.people-toolbar input,
.people-toolbar select {
  height: 42px;

  border: 1px solid #ccd9e6;

  border-radius: 7px;

  background: #fff;

  color: #17233f;

  font-family: "Poppins", sans-serif;

  font-size: 13px;

  outline: none;

  transition:
    border-color .2s ease,
    box-shadow .2s ease;
}

.people-toolbar input {
  width: 330px;

  padding: 0 14px;
}

.people-toolbar select {
  min-width: 150px;

  padding: 0 12px;
}

.people-toolbar input:focus,
.people-toolbar select:focus {
  border-color: #08a9e8;

  box-shadow:
    0 0 0 3px rgba(8,169,232,.10);
}


/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media(max-width:1050px) {

  .people-section .people-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}


@media(max-width:800px) {

  .people-section .people-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .people-toolbar {
    align-items: stretch;

    flex-direction: column;
  }

  .people-toolbar input,
  .people-toolbar select {
    width: 100%;
  }

}


@media(max-width:520px) {

  .people-section {
    margin-top: 40px;
  }

  .people-section .people-list {
    grid-template-columns: 1fr;
  }

  .people-section-title {
    font-size: 25px !important;
  }

  .people-section .person-card {
    min-height: 135px;
  }

}
/* =========================================================
   MEET THE CONEXIGERS
   PARTNERS / MEMBERS
   FINAL LAYOUT
   ========================================================= */

#people {
  width: 100%;
}


/* =========================================================
   SECTION
   ========================================================= */

.people-section {
  width: 100%;
  margin: 55px 0 0;
}

.people-section:first-child {
  margin-top: 0;
}


.people-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-bottom: 5px;
}


.people-section-title {
  margin: 0 !important;

  color: #071735 !important;

  font-family: "Montserrat", sans-serif !important;

  font-size: 30px !important;
  font-weight: 700 !important;

  line-height: 1.1 !important;
}


.people-section-count {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-width: 38px;
  height: 28px;

  padding: 0 11px;

  border-radius: 20px;

  background: #f1f9fe;

  border: 1px solid #b9dff4;

  color: #078fd2;

  font-family: "Poppins", sans-serif;

  font-size: 12px;
  font-weight: 700;
}


.people-section-description {
  margin: 0 0 22px;

  color: #657189;

  font-family: "Poppins", sans-serif;

  font-size: 14px;

  line-height: 1.5;
}


/* =========================================================
   FOUR COLUMNS
   ========================================================= */

.people-section .people-list {

  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 16px;

  width: 100%;
}


/* =========================================================
   PERSON CARD
   ========================================================= */

.people-section .person-card {

  position: relative;

  min-height: 155px;

  padding: 20px;

  background: #fff;

  border: 1px solid #dfe6ef;

  border-radius: 12px;

  box-shadow:
    0 5px 18px rgba(7, 23, 53, .045);

  overflow: hidden;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}


.people-section .person-card::before {

  content: "";

  position: absolute;

  left: 0;
  top: 0;
  bottom: 0;

  width: 3px;

  background: #08a9e8;

  opacity: .8;

}


.people-section .person-card:hover {

  transform: translateY(-3px);

  border-color: #c7dfed;

  box-shadow:
    0 12px 28px rgba(7, 23, 53, .09);

}


/* =========================================================
   INITIALS
   ========================================================= */

.person-initials {

  width: 42px;
  height: 42px;

  display: flex;

  align-items: center;
  justify-content: center;

  margin-bottom: 14px;

  border-radius: 50%;

  background: #edf5fc;

  color: #071735;

  font-family: "Montserrat", sans-serif;

  font-size: 13px;

  font-weight: 700;
}


/* =========================================================
   PARTNERS
   ========================================================= */

.partners-section .person-initials {

  background: #eaf6fd;

  color: #078fd2;

}


.partners-section .person-card::before {

  background: #08a9e8;

}


/* =========================================================
   MEMBERS
   ========================================================= */

.members-section .person-initials {

  background: #f1f7f5;

  color: #23785f;

}


.members-section .person-card::before {

  background: #35a77b;

}


/* =========================================================
   NAME
   ========================================================= */

.people-section .person-card strong {

  display: block;

  margin: 0 0 6px;

  color: #071735;

  font-family: "Montserrat", sans-serif;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.35;
}


/* =========================================================
   ROLE
   ========================================================= */

.people-section .person-card small {

  display: block;

  color: #657189;

  font-family: "Poppins", sans-serif;

  font-size: 12px;

  line-height: 1.5;
}


/* =========================================================
   TERRITORY
   ========================================================= */

.person-territory {

  display: flex;

  align-items: center;

  gap: 5px;

  margin-top: 7px;

  color: #53647b;

  font-family: "Poppins", sans-serif;

  font-size: 11px;
}


.person-territory::before {

  content: "⌖";

  color: #078fd2;

  font-size: 13px;

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1050px) {

  .people-section .people-list {

    grid-template-columns:
      repeat(3, minmax(0, 1fr));

  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:800px) {

  .people-section .people-list {

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

  }

}


@media(max-width:520px) {

  .people-section {

    margin-top: 40px;

  }


  .people-section .people-list {

    grid-template-columns: 1fr;

  }


  .people-section-title {

    font-size: 25px !important;

  }


  .people-section .person-card {

    min-height: 140px;

  }

}
/* =========================================================
   MEMBERS — CONEXIG YELLOW
   ========================================================= */

.members-section .person-initials {
  background: #FFF3D6 !important;
  color: #1A213C !important;
}

.members-section .person-card::before {
  background: #F7AC44 !important;
}

.members-section .person-card:hover {
  border-color: #F7AC44 !important;
  box-shadow: 0 12px 28px rgba(247, 172, 68, .14) !important;
}

.members-section .person-territory::before {
  color: #F7AC44 !important;
}
