.public-profile-page{
  position:relative;
  padding:0 0 44px;
  overflow:hidden;
}

.public-profile-shell{
  min-height:calc(100vh - 120px);
  background:#fff;
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 26px 70px rgba(24,24,18,.08);
}

.public-profile-hero{
  position:relative;
  min-height:238px;
  background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.95) 0 18%,transparent 19%),
    radial-gradient(circle at 78% 12%,rgba(255,255,255,.76) 0 20%,transparent 21%),
    linear-gradient(180deg,color-mix(in srgb,var(--profile-bg,#f8f5ef) 88%,white),color-mix(in srgb,var(--profile-bg,#f8f5ef) 96%,#ebe4d7));
}

.public-profile-hero:before,
.public-profile-hero:after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:rgba(255,255,255,.58);
}

.public-profile-hero:before{
  width:440px;
  height:210px;
  left:-70px;
  top:16px;
  transform:rotate(-10deg);
}

.public-profile-hero:after{
  width:520px;
  height:260px;
  right:-140px;
  top:-14px;
  transform:rotate(8deg);
}

.public-profile-brand{
  position:absolute;
  top:30px;
  left:32px;
  z-index:3;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.03em;
  color:rgba(0,0,0,.22);
  text-transform:lowercase;
}

.public-profile-share{
  position:absolute;
  top:24px;
  right:24px;
  z-index:3;
  width:74px;
  height:74px;
  border:1.5px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,244,247,.92));
  color:#171717;
  box-shadow:0 10px 26px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.95);
  cursor:pointer;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.public-profile-share:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.98);
}

.public-profile-share:active{
  transform:scale(.97);
  box-shadow:0 7px 18px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.92);
}

.public-profile-share span{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:0;
}

.public-profile-share span:before{
  content:"";
  width:34px;
  height:34px;
  background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.5a1 1 0 0 1 .7.3l4 4a1 1 0 1 1-1.4 1.4L13 5.91V15a1 1 0 1 1-2 0V5.91L8.7 8.2a1 1 0 0 1-1.4-1.4l4-4a1 1 0 0 1 .7-.3ZM5 11a1 1 0 0 1 1 1v8h12v-8a1 1 0 1 1 2 0v8.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 20.5V12a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.5a1 1 0 0 1 .7.3l4 4a1 1 0 1 1-1.4 1.4L13 5.91V15a1 1 0 1 1-2 0V5.91L8.7 8.2a1 1 0 0 1-1.4-1.4l4-4a1 1 0 0 1 .7-.3ZM5 11a1 1 0 0 1 1 1v8h12v-8a1 1 0 1 1 2 0v8.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 20.5V12a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.public-profile-main{
  position:relative;
  z-index:2;
  margin-top:-108px;
  padding:0 36px 34px;
  text-align:center;
}

.public-profile-avatar{
  width:270px;
  height:270px;
  margin:0 auto 28px;
  border:10px solid #fff;
  border-radius:50%;
  overflow:hidden;
  background:#ece7df;
  display:grid;
  place-items:center;
  font-size:84px;
  box-shadow:0 20px 48px rgba(0,0,0,.14);
}

.public-profile-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.public-profile-name{
  margin:0;
  font-size:clamp(54px,8vw,74px);
  line-height:1;
  letter-spacing:-.04em;
}

.public-profile-subtitle{
  margin:10px auto 0;
  max-width:760px;
  color:#727272;
  font-size:28px;
  line-height:1.35;
}

.public-save-button{
  width:min(860px,100%);
  min-height:122px;
  margin:42px auto 34px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:linear-gradient(180deg,#2f2f31 0%,#171719 52%,#0a0a0b 100%);
  color:#fff;
  font:700 34px/1.1 inherit;
  letter-spacing:-.03em;
  box-shadow:0 18px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.14);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}

.public-save-button:hover{
  transform:translateY(-1px);
  filter:saturate(1.03);
  box-shadow:0 22px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.16);
}

.public-save-button:active{
  transform:scale(.985);
  box-shadow:0 10px 22px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1);
}

.public-link-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:38px 54px;
  justify-items:center;
  margin:0 auto;
  max-width:900px;
}

.public-link-tile{
  width:100%;
  max-width:210px;
  text-decoration:none;
  color:#141414;
}

.public-link-icon{
  width:168px;
  height:168px;
  margin:0 auto 18px;
  border-radius:38px;
  display:grid;
  place-items:center;
  box-shadow:0 20px 30px rgba(0,0,0,.14);
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.public-link-icon.social-icon{
  font-size:0 !important;
  box-shadow:inset 0 0 0 .7px rgba(0,0,0,.16),inset 0 1px 1px rgba(255,255,255,.5),0 20px 30px rgba(0,0,0,.14);
}

.public-link-icon.social-icon:before{
  content:"";
  display:block;
  width:78px;
  height:78px;
  position:relative;
  z-index:2;
  background:#fff;
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}

.public-link-icon.social-icon:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(155deg,rgba(255,255,255,.34),transparent 43%,rgba(0,0,0,.08));
  pointer-events:none;
}

.public-link-icon.social-icon-whatsapp{
  background:linear-gradient(145deg,#63ed7b,#20b744) !important;
}

.public-link-icon.social-icon-whatsapp:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.27L2.1 22l4.87-1.35A10 10 0 1 0 12 2Zm5.25 14.05c-.22.62-1.3 1.18-1.8 1.25-.46.07-1.04.1-1.68-.1-2.9-.94-5.12-3.75-5.25-3.93-.13-.18-1.1-1.46-1.1-2.78 0-1.31.69-1.96.94-2.23.24-.27.53-.34.71-.34h.51c.17 0 .39-.06.61.46.22.53.75 1.83.82 1.96.06.13.1.29.02.46-.08.18-.25.35-.64.91-.13.13-.26.27-.11.53.82 1.4 1.72 2.29 3.52 3.06.26.13.42.11.57-.07.16-.17.66-.77.84-1.04.17-.26.35-.22.59-.13.24.09 1.53.72 1.79.85.5.25.57.36.35 1.99Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.27L2.1 22l4.87-1.35A10 10 0 1 0 12 2Zm5.25 14.05c-.22.62-1.3 1.18-1.8 1.25-.46.07-1.04.1-1.68-.1-2.9-.94-5.12-3.75-5.25-3.93-.13-.18-1.1-1.46-1.1-2.78 0-1.31.69-1.96.94-2.23.24-.27.53-.34.71-.34h.51c.17 0 .39-.06.61.46.22.53.75 1.83.82 1.96.06.13.1.29.02.46-.08.18-.25.35-.64.91-.13.13-.26.27-.11.53.82 1.4 1.72 2.29 3.52 3.06.26.13.42.11.57-.07.16-.17.66-.77.84-1.04.17-.26.35-.22.59-.13.24.09 1.53.72 1.79.85.5.25.57.36.35 1.99Z'/%3E%3C/svg%3E");
}

.public-link-icon.social-icon-instagram{
  background:radial-gradient(circle at 30% 105%,#ffd600 0 22%,#ff7a00 35%,#ff0169 57%,#d300c5 76%,#7638fa 100%) !important;
}

.public-link-icon.social-icon-instagram:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2.2a2.8 2.8 0 1 0 0 5.6 2.8 2.8 0 0 0 0-5.6ZM17.7 5.6a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2.2a2.8 2.8 0 1 0 0 5.6 2.8 2.8 0 0 0 0-5.6ZM17.7 5.6a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E");
}

.public-link-icon.social-icon-youtube{
  background:#fff !important;
}

.public-link-icon.social-icon-youtube:before{
  width:90px;
  height:64px;
  background:#ff0033;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 22'%3E%3Cpath d='M29.4 3.4A3.8 3.8 0 0 0 26.7.7C24.3 0 15 0 15 0S5.7 0 3.3.7A3.8 3.8 0 0 0 .6 3.4C0 5.8 0 11 0 11s0 5.2.6 7.6a3.8 3.8 0 0 0 2.7 2.7C5.7 22 15 22 15 22s9.3 0 11.7-.7a3.8 3.8 0 0 0 2.7-2.7C30 16.2 30 11 30 11s0-5.2-.6-7.6ZM12 16V6l8 5-8 5Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 22'%3E%3Cpath d='M29.4 3.4A3.8 3.8 0 0 0 26.7.7C24.3 0 15 0 15 0S5.7 0 3.3.7A3.8 3.8 0 0 0 .6 3.4C0 5.8 0 11 0 11s0 5.2.6 7.6a3.8 3.8 0 0 0 2.7 2.7C5.7 22 15 22 15 22s9.3 0 11.7-.7a3.8 3.8 0 0 0 2.7-2.7C30 16.2 30 11 30 11s0-5.2-.6-7.6ZM12 16V6l8 5-8 5Z'/%3E%3C/svg%3E");
}

.public-link-icon.social-icon-linkedin{
  background:#0a66c2 !important;
}

.public-link-icon.social-icon-linkedin:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.4 7.8H1.8V22h3.6V7.8ZM3.6 2A2.1 2.1 0 1 0 3.6 6.2 2.1 2.1 0 0 0 3.6 2ZM22 13.8c0-4.3-2.3-6.3-5.4-6.3-2.5 0-3.6 1.4-4.2 2.3v-2H8.8V22h3.6v-7c0-1.8.4-3.6 2.7-3.6s2.4 2.1 2.4 3.7V22H22v-8.2Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.4 7.8H1.8V22h3.6V7.8ZM3.6 2A2.1 2.1 0 1 0 3.6 6.2 2.1 2.1 0 0 0 3.6 2ZM22 13.8c0-4.3-2.3-6.3-5.4-6.3-2.5 0-3.6 1.4-4.2 2.3v-2H8.8V22h3.6v-7c0-1.8.4-3.6 2.7-3.6s2.4 2.1 2.4 3.7V22H22v-8.2Z'/%3E%3C/svg%3E");
}

.public-link-icon.social-icon-facebook{
  background:#1877f2 !important;
}

.public-link-icon.social-icon-facebook:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 22v-9h3l.5-3H14V8.2c0-.9.3-1.7 1.8-1.7H18V3.8c-.4-.1-1.7-.2-2.7-.2-2.7 0-4.5 1.6-4.5 4.6V10H8v3h2.8v9H14Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 22v-9h3l.5-3H14V8.2c0-.9.3-1.7 1.8-1.7H18V3.8c-.4-.1-1.7-.2-2.7-.2-2.7 0-4.5 1.6-4.5 4.6V10H8v3h2.8v9H14Z'/%3E%3C/svg%3E");
}

.public-link-icon.social-icon-email{
  background:linear-gradient(145deg,#43a5ff,#0878f9) !important;
}

.public-link-icon.social-icon-email:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 5h20v14H2V5Zm2 2 8 6 8-6H4Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 5h20v14H2V5Zm2 2 8 6 8-6H4Z'/%3E%3C/svg%3E");
}

.public-link-icon.social-icon-phone{
  background:linear-gradient(145deg,#63ed7b,#20b744) !important;
}

.public-link-icon.social-icon-phone:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.6 2 3 4.9-2.1 2.3c1.3 3 3.3 5 6.3 6.3l2.3-2.1 4.9 3c-.6 3.5-2.5 5.4-5.2 5.4C9.3 21.8 2.2 14.7 2.2 8.2 2.2 5.5 4.1 2.6 6.6 2Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.6 2 3 4.9-2.1 2.3c1.3 3 3.3 5 6.3 6.3l2.3-2.1 4.9 3c-.6 3.5-2.5 5.4-5.2 5.4C9.3 21.8 2.2 14.7 2.2 8.2 2.2 5.5 4.1 2.6 6.6 2Z'/%3E%3C/svg%3E");
}

.public-link-icon.social-icon-website{
  background:linear-gradient(145deg,#62c8ff,#0878f9) !important;
}

.public-link-icon.social-icon-website:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm4.9 5.1-3.2 6.6-6.6 3.2 3.2-6.6 6.6-3.2Zm-5.5 4.3-1.2 2.4 2.4-1.2 1.2-2.4-2.4 1.2Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm4.9 5.1-3.2 6.6-6.6 3.2 3.2-6.6 6.6-3.2Zm-5.5 4.3-1.2 2.4 2.4-1.2 1.2-2.4-2.4 1.2Z'/%3E%3C/svg%3E");
}
}

.public-link-tile span:last-child{
  display:block;
  text-align:center;
  font-size:26px;
  font-weight:500;
}

.public-sheet-backdrop{
  position:fixed;
  inset:0;
  z-index:80;
  display:grid;
  place-items:end center;
  padding:24px;
  overflow-y:auto;
  background:rgba(20,20,20,.38);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.public-contact-sheet,
.public-connect-sheet,
.public-share-sheet{
  width:min(860px,100%);
  max-height:min(92vh,980px);
  background:#fff;
  border-radius:36px;
  padding:32px 34px 34px;
  position:relative;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  box-shadow:0 30px 80px rgba(0,0,0,.24);
}

.public-sheet-close{
  position:absolute;
  top:16px;
  right:16px;
  width:48px;
  height:48px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(240,240,244,.94));
  color:#6f6f74;
  font-size:42px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  padding:0;
  box-shadow:0 8px 18px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.95);
  z-index:5;
}

.public-contact-card{
  position:relative;
  padding:30px 30px 18px;
  border-radius:34px;
  background:rgba(58,58,61,.88);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
}

.public-contact-check{
  position:absolute;
  top:18px;
  left:18px;
  width:60px;
  height:60px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#42a5ff,#2088ff);
  color:#dfffff;
  font-size:34px;
  box-shadow:0 10px 26px rgba(16,115,255,.28),inset 0 1px 0 rgba(255,255,255,.34);
}

.public-share-mini{
  position:absolute;
  top:22px;
  right:22px;
  width:60px;
  height:60px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
  background:rgba(17,17,17,.72);
  color:#fff;
  font-size:30px;
  box-shadow:0 10px 22px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.12);
}

.public-contact-avatar,
.public-connect-avatar,
.public-share-top-avatar{
  width:118px;
  height:118px;
  margin:0 auto 18px;
  border-radius:50%;
  overflow:hidden;
  border:6px solid rgba(255,255,255,.84);
  background:#f2efe8;
  display:grid;
  place-items:center;
  font-size:36px;
  box-shadow:0 15px 36px rgba(0,0,0,.16);
}

.public-contact-avatar img,
.public-connect-avatar img,
.public-share-top-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.public-contact-subtitle{
  text-align:center;
  color:rgba(255,255,255,.72);
  font-size:20px;
  margin-top:4px;
}

.public-contact-card h2,
.public-connect-sheet h2,
.public-share-sheet h2{
  margin:10px 0 0;
  text-align:center;
  font-size:clamp(32px,5vw,44px);
  letter-spacing:-.04em;
}

.public-share-title{
  font-size:clamp(24px,3.6vw,32px) !important;
  line-height:1.18;
  max-width:680px;
  margin:10px auto 0 !important;
}

.public-contact-actions{
  display:flex;
  justify-content:center;
  gap:18px;
  margin:24px 0 30px;
}

.public-contact-actions a,
.public-contact-actions span{
  width:86px;
  height:86px;
  border-radius:50%;
  border:1.5px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
  display:grid;
  place-items:center;
  color:#fff;
  text-decoration:none;
  font-size:34px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}

.public-contact-rows{
  border-radius:28px;
  background:rgba(255,255,255,.09);
  overflow:hidden;
}

.public-contact-row{
  display:block;
  padding:24px 18px;
  border-bottom:1px solid rgba(255,255,255,.15);
  text-align:left;
  text-decoration:none;
  color:#fff;
}

.public-contact-row:last-child{
  border-bottom:0;
}

.public-contact-row small{
  display:block;
  font-size:18px;
  color:rgba(255,255,255,.76);
}

.public-contact-row strong{
  display:block;
  margin-top:6px;
  font-size:28px;
  line-height:1.24;
  font-weight:500;
}

.public-contact-row span{
  display:none;
}

.public-sheet-actions{
  display:grid;
  gap:14px;
  margin-top:26px;
}

.public-save-vcard,
.public-sheet-button{
  display:grid;
  place-items:center;
  min-height:78px;
  padding:0 28px;
  border-radius:999px;
  text-decoration:none;
  font-size:29px;
  font-weight:700;
  letter-spacing:-.03em;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  cursor:pointer;
}

.public-save-vcard{
  border:1px solid rgba(0,0,0,.08);
  background:linear-gradient(180deg,#ffffff,#f3f3f6);
  color:#171717;
  box-shadow:0 10px 24px rgba(17,17,17,.06),inset 0 1px 0 rgba(255,255,255,.96);
}

.public-save-vcard:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(17,17,17,.08),inset 0 1px 0 rgba(255,255,255,.98);
}

.public-save-vcard:active{
  transform:scale(.99);
}

.public-sheet-button{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#2f2f31,#171719 52%,#0a0a0b);
  color:#fff;
  box-shadow:0 18px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.14);
}

.public-sheet-button:hover{
  transform:translateY(-1px);
  filter:saturate(1.03);
  box-shadow:0 22px 38px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.16);
}

.public-sheet-button:active{
  transform:scale(.985);
  box-shadow:0 10px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.1);
}

.public-connect-sheet form{
  display:grid;
  gap:14px;
  margin-top:18px;
}

.public-connect-sheet .field input,
.public-connect-sheet .field textarea{
  width:100%;
  min-height:72px;
  padding:0 20px;
  border-radius:18px;
  border:1.5px solid #d7d7db;
  background:#fff;
  font-size:24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}

.public-connect-sheet .field textarea{
  min-height:110px;
  padding:18px 20px;
}

.public-connect-sheet .field input:focus,
.public-connect-sheet .field textarea:focus{
  outline:none;
  border-color:#171717;
  box-shadow:0 0 0 4px rgba(17,17,17,.06);
}

.public-add-more{
  border:0;
  background:transparent;
  color:#111;
  font:800 18px/1 inherit;
  letter-spacing:.02em;
  display:inline-flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  margin:6px 0 14px;
}

.public-connect-foot{
  margin:10px 0 0;
  text-align:center;
  color:#909096;
  font-size:18px;
}

.public-share-list{
  display:grid;
  gap:14px;
  margin-top:24px;
}

.public-share-row{
  display:grid;
  grid-template-columns:66px 1fr 34px;
  gap:18px;
  align-items:center;
  min-height:104px;
  padding:16px 18px;
  border-radius:24px;
  border:1.5px solid #e7e7eb;
  background:linear-gradient(180deg,#fff,#f8f8fb);
  color:#151515;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(17,17,17,.04),inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.public-share-row:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 22px rgba(17,17,17,.06),inset 0 1px 0 rgba(255,255,255,.98);
}

.public-share-row:active{
  transform:scale(.99);
}

.public-share-row b{
  font-size:20px;
  font-weight:500;
}

.public-share-row small{
  font-size:28px;
  color:#111;
}

.public-share-icon{
  width:50px;
  height:50px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#fbfbfd,#f1f1f5);
  color:#111;
  font-size:0;
  box-shadow:0 10px 20px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.96);
}

.public-share-icon:before{
  content:"";
  width:28px;
  height:28px;
  background:currentColor;
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}

.public-share-icon.copy{
  background:linear-gradient(145deg,#f7ddb0,#cb8e42);
  color:#271607;
}

.public-share-icon.copy:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 3A2.5 2.5 0 0 0 6 5.5v11A2.5 2.5 0 0 0 8.5 19H17a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 17 3H8.5Zm-3 4A2.5 2.5 0 0 0 3 9.5v9A2.5 2.5 0 0 0 5.5 21h8a2.5 2.5 0 0 0 2.45-2h-7.45A4.5 4.5 0 0 1 4 14.5V7H5.5Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 3A2.5 2.5 0 0 0 6 5.5v11A2.5 2.5 0 0 0 8.5 19H17a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 17 3H8.5Zm-3 4A2.5 2.5 0 0 0 3 9.5v9A2.5 2.5 0 0 0 5.5 21h8a2.5 2.5 0 0 0 2.45-2h-7.45A4.5 4.5 0 0 1 4 14.5V7H5.5Z'/%3E%3C/svg%3E");
}

.public-share-icon.text{
  background:linear-gradient(145deg,#9ef75a,#31bf3d);
  color:#fff;
}

.public-share-icon.text:before,
.public-share-icon.whatsapp:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4.5 5A2.5 2.5 0 0 0 2 7.5v7A2.5 2.5 0 0 0 4.5 17H8l3.1 3c.62.6 1.64.16 1.64-.7V17h6.75A2.5 2.5 0 0 0 22 14.5v-7A2.5 2.5 0 0 0 19.5 5h-15Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4.5 5A2.5 2.5 0 0 0 2 7.5v7A2.5 2.5 0 0 0 4.5 17H8l3.1 3c.62.6 1.64.16 1.64-.7V17h6.75A2.5 2.5 0 0 0 22 14.5v-7A2.5 2.5 0 0 0 19.5 5h-15Z'/%3E%3C/svg%3E");
}

.public-share-icon.email{
  background:linear-gradient(145deg,#43a5ff,#08bfe9);
  color:#fff;
}

.public-share-icon.email:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3.2 5h17.6A2.2 2.2 0 0 1 23 7.2v9.6a2.2 2.2 0 0 1-2.2 2.2H3.2A2.2 2.2 0 0 1 1 16.8V7.2A2.2 2.2 0 0 1 3.2 5Zm-.1 2.15 8.22 6.14c.4.3.96.3 1.36 0l8.22-6.14a.45.45 0 0 0-.3-.15H3.4a.45.45 0 0 0-.3.15Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3.2 5h17.6A2.2 2.2 0 0 1 23 7.2v9.6a2.2 2.2 0 0 1-2.2 2.2H3.2A2.2 2.2 0 0 1 1 16.8V7.2A2.2 2.2 0 0 1 3.2 5Zm-.1 2.15 8.22 6.14c.4.3.96.3 1.36 0l8.22-6.14a.45.45 0 0 0-.3-.15H3.4a.45.45 0 0 0-.3.15Z'/%3E%3C/svg%3E");
}

.public-share-icon.slack{
  background:#fff;
  color:#111;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 10px 20px rgba(0,0,0,.08);
}

.public-share-icon.slack:before{
  width:34px;
  height:34px;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.36 2a2.36 2.36 0 1 1 0 4.72H7V4.36A2.36 2.36 0 0 1 9.36 2ZM7 9.36a2.36 2.36 0 1 1-4.72 0A2.36 2.36 0 0 1 7 9.36v2.36H4.64A2.36 2.36 0 1 0 4.64 16H7v2.36a2.36 2.36 0 1 0 4.72 0V16h-2.36a2.36 2.36 0 1 1 0-4.72h2.36V9.36A2.36 2.36 0 1 0 7 9.36Zm9.64 4.72a2.36 2.36 0 1 1 0 4.72A2.36 2.36 0 0 1 14.28 16v-2.36h2.36Zm0-7.36A2.36 2.36 0 1 1 19 9.08v2.2h-2.36a2.36 2.36 0 1 0 0 4.72H19v2.36a2.36 2.36 0 1 1-4.72 0V16h-2.2a2.36 2.36 0 1 1 0-4.72h2.2V9.08a2.36 2.36 0 0 1 2.36-2.36Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.36 2a2.36 2.36 0 1 1 0 4.72H7V4.36A2.36 2.36 0 0 1 9.36 2ZM7 9.36a2.36 2.36 0 1 1-4.72 0A2.36 2.36 0 0 1 7 9.36v2.36H4.64A2.36 2.36 0 1 0 4.64 16H7v2.36a2.36 2.36 0 1 0 4.72 0V16h-2.36a2.36 2.36 0 1 1 0-4.72h2.36V9.36A2.36 2.36 0 1 0 7 9.36Zm9.64 4.72a2.36 2.36 0 1 1 0 4.72A2.36 2.36 0 0 1 14.28 16v-2.36h2.36Zm0-7.36A2.36 2.36 0 1 1 19 9.08v2.2h-2.36a2.36 2.36 0 1 0 0 4.72H19v2.36a2.36 2.36 0 1 1-4.72 0V16h-2.2a2.36 2.36 0 1 1 0-4.72h2.2V9.08a2.36 2.36 0 0 1 2.36-2.36Z'/%3E%3C/svg%3E");
}

.public-share-icon.whatsapp{
  background:linear-gradient(145deg,#56e86e,#17ba41);
  color:#fff;
}

.public-share-trailing{
  width:24px;
  height:24px;
  justify-self:end;
  color:#111;
}

.public-share-trailing:before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:currentColor;
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}

.public-share-trailing.copy:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 3A2.5 2.5 0 0 0 6 5.5v11A2.5 2.5 0 0 0 8.5 19H17a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 17 3H8.5Zm-3 4A2.5 2.5 0 0 0 3 9.5v9A2.5 2.5 0 0 0 5.5 21h8a2.5 2.5 0 0 0 2.45-2h-7.45A4.5 4.5 0 0 1 4 14.5V7H5.5Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 3A2.5 2.5 0 0 0 6 5.5v11A2.5 2.5 0 0 0 8.5 19H17a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 17 3H8.5Zm-3 4A2.5 2.5 0 0 0 3 9.5v9A2.5 2.5 0 0 0 5.5 21h8a2.5 2.5 0 0 0 2.45-2h-7.45A4.5 4.5 0 0 1 4 14.5V7H5.5Z'/%3E%3C/svg%3E");
}

.public-share-trailing.out:before{
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3h7v7h-2V6.41l-8.29 8.3-1.42-1.42 8.3-8.29H14V3Zm-9 4h5v2H6v9h9v-4h2v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3h7v7h-2V6.41l-8.29 8.3-1.42-1.42 8.3-8.29H14V3Zm-9 4h5v2H6v9h9v-4h2v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
}

.public-share-footer{
  margin-top:26px;
  padding-top:26px;
  border-top:1px solid #e7e7eb;
  text-align:center;
}

.public-share-footer p{
  margin:0 0 20px;
  font-size:20px;
}

@media (max-width:820px){
  .public-profile-shell{
    border-radius:0;
    box-shadow:none;
  }

  .public-profile-main{
    margin-top:-74px;
    padding:0 22px 28px;
  }

  .public-profile-avatar{
    width:190px;
    height:190px;
    border-width:8px;
    margin-bottom:20px;
  }

  .public-profile-name{
    font-size:48px;
  }

  .public-profile-subtitle{
    font-size:21px;
  }

  .public-save-button{
    min-height:92px;
    margin-top:32px;
    font-size:25px;
  }

  .public-link-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 22px;
  }

  .public-link-icon{
    width:132px;
    height:132px;
    border-radius:30px;
    margin-bottom:14px;
  }

  .public-link-icon.social-icon:before{
    width:62px;
    height:62px;
  }

  .public-link-icon.social-icon-youtube:before{
    width:70px;
    height:50px;
  }

  .public-link-tile span:last-child{
    font-size:20px;
  }

  .public-profile-share{
    width:64px;
    height:64px;
    top:18px;
    right:18px;
  }

  .public-profile-share span:before{
    width:28px;
    height:28px;
  }

  .public-contact-sheet,
  .public-connect-sheet,
  .public-share-sheet{
    padding:24px 20px 26px;
    border-radius:30px;
    max-height:min(94vh,940px);
  }

  .public-contact-avatar,
  .public-connect-avatar,
  .public-share-top-avatar{
    width:92px;
    height:92px;
  }

  .public-contact-card{
    padding:22px 18px 14px;
  }

  .public-contact-row strong{
    font-size:22px;
  }

  .public-save-vcard,
  .public-sheet-button{
    min-height:64px;
    font-size:22px;
  }

  .public-connect-sheet .field input,
  .public-connect-sheet .field textarea{
    min-height:60px;
    font-size:20px;
  }

  .public-share-row{
    grid-template-columns:54px 1fr 22px;
    min-height:86px;
    padding:14px;
    gap:14px;
  }

  .public-share-row b,
  .public-share-footer p{
    font-size:18px;
  }

  .public-share-title{
    font-size:22px !important;
  }
}