.ceo-view-profile{margin-top:12px}
.profile-modal{
  position:fixed;
  inset:0;
  z-index:2500;
  background:rgba(2,15,28,.72);
  display:grid;
  place-items:center;
  padding:18px;
}
.profile-modal.hidden{display:none}
.profile-modal-card{
  width:min(760px,96vw);
  max-height:90vh;
  overflow:auto;
  background:#f7fafc;
  border-radius:20px;
  box-shadow:0 28px 80px rgba(0,0,0,.32);
  border:1px solid #ccd7e2;
}
.profile-modal-head{
  position:sticky;
  top:0;
  z-index:2;
  background:linear-gradient(135deg,#061a31,#0d3157);
  color:#fff;
  padding:22px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.profile-modal-head h2{color:#fff!important;margin:.15em 0 .1em}
.profile-modal-head p{margin:0;color:#d9e4ef}
.profile-modal-head button{
  width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.08);color:#fff;font-size:28px;line-height:1;cursor:pointer
}
.profile-modal-body{padding:26px}
.profile-modal-body p{color:#56677a;font-size:1rem;line-height:1.7}
.profile-lead{font-weight:800;color:#183a5d!important;font-size:1.08rem!important}
@media(max-width:560px){
  .profile-modal{padding:0}
  .profile-modal-card{width:100vw;max-height:100dvh;height:100dvh;border-radius:0}
  .profile-modal-head{padding:18px}
  .profile-modal-body{padding:20px}
}