﻿/* =========================================================
   InspireWeb — Wycena / Wizard
   - spójne z home-inspireweb-v1/v2
   - glass + gradient + mikrointerakcje
   ========================================================= */

.wycena-page .wizard{
  position: relative;
  padding: 110px 0 90px;
  overflow: hidden;
}

.wizard__bg{
  position:absolute;
  inset:-120px -120px -180px -120px;
  pointer-events:none;
  opacity: .9;
}

.wizard__container{
  position: relative;
  z-index: 2;
}

.wizard__head{
  display:flex;
  flex-direction: column;
  align-items:center;
  gap: 28px;
  margin-bottom: 66px;
}

.wiz-pill{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  border: none;
  background: rgba(255,255,255,.05);
  -webkit-backdrop-filter: blur(16px) saturate(1.2);
  backdrop-filter: blur(16px) saturate(1.2);
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  letter-spacing: .14em;
  font-weight: 800;
  font-size: 12px;
  color: rgba(255,255,255,.76);
  background: rgb(255 255 255 / 3%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.wiz-pill__ic{
  width: 22px;
  height: 22px;
  display:grid;
  place-items:center;
  border-radius: 999px;
  background: radial-gradient(50% 50% at 30% 30%, rgba(229,46,113,.35), rgba(155,93,229,.15));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 10px 34px rgba(0,0,0,.35);
}

/* stepper */
.wiz-stepper{
  width: min(900px, 100%);
  display:flex;
  align-items: center;
  gap: 30px;
  padding: 0 4px;
  justify-content: space-between;
}

.wiz-stepper__line{
  flex: 1;
  height: 4px;
  align-self: 18px;
  background: linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
  border-radius: 99px;
  position: relative;
  overflow:hidden;
  /* border: 1px solid rgb(155 93 229 / 60%); */
}

.wiz-stepper__line::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(155, 93, 229, .0), rgba(155, 93, 229, .55), rgb(229 46 113 / 18%));
  opacity: 0;
  transform: translateX(-40%);
  transition: opacity .35s var(--ease), transform .6s var(--ease);
}

.wiz-step{
  display:flex;
  flex-direction: column;
  align-items:center;
  gap: 8px;
  min-width: 88px;
  text-align:center;
}

.wiz-step__dot{
  width: 34px;
  height: 34px;
  display:grid;
  place-items:center;
  border-radius: 999px;
  border: none;
  background: rgba(255,255,255,.05);
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
  font-weight: 800;
  color: rgba(255,255,255,.78);
  position: relative;
  overflow:hidden;
  background: rgb(255 255 255 / 3%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.wiz-step__dot::before{
  content:"";
  position:absolute;
  inset:-60%;
  background:
    radial-gradient(40% 35% at 30% 40%, rgba(229,46,113,.35), transparent 60%),
    radial-gradient(45% 40% at 65% 55%, rgba(129,34,169,.35), transparent 62%),
    radial-gradient(35% 30% at 55% 30%, rgba(155,93,229,.28), transparent 60%);
  filter: blur(18px);
  opacity: .0;
  transform: translate3d(-14%, 10%, 0) rotate(8deg);
  transition: opacity .35s var(--ease), transform .55s var(--ease);
}

.wiz-step__label{
  font-size: 12px;
  font-weight: 700;
  color: rgba(255,255,255,.52);
}

.wiz-step.is-active .wiz-step__label{
  color: rgba(255,255,255,.74);
}

.wiz-step.is-active .wiz-step__dot{
  border: 1px solid;
  border-color: rgb(155 93 229 / 60%);
  background: linear-gradient(135deg, rgb(229 46 113 / 50%), rgb(155 93 229 / 18%), rgb(129 34 169 / 62%));
  box-shadow: 0px 0px 10px #b400ff66;
}

.wiz-step.is-active .wiz-step__dot::before{
  opacity: .55;
  transform: translate3d(10%, -8%, 0) rotate(-10deg);
}

.wiz-step.is-done .wiz-step__dot{
  border-color: rgba(155,93,229,.38);
  color: transparent;
}

.wiz-step.is-done .wiz-step__dot::after{
  content:"✓";
  color: rgba(255,255,255,.92);
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-weight: 900;
}

.wiz-step.is-done + .wiz-stepper__line::after,
.wiz-step.is-active + .wiz-stepper__line::after{
  opacity: .85;
  transform: translateX(0%);
}

/* panel */
.wizard__panel{
  width: min(980px, 100%);
  margin: 0 auto;
  position: relative;
}

.wiz-screen{
  display:none;
  opacity: 0;
  transform: translateY(10px);
}

.wiz-screen.is-active{
  display:block;
  opacity: 1;
  transform: translateY(0);
  animation: wizIn .48s cubic-bezier(.22,1,.36,1);
}

@keyframes wizIn{
  from{ opacity:0; transform: translateY(14px); filter: blur(3px); }
  to{ opacity:1; transform: translateY(0); filter: blur(0); }
}

.wiz-title{
  text-align:center;
  margin: 16px auto 54px;
  max-width: 820px;
}

.wiz-title .lead{
  max-width: 720px;
  margin: 10px auto 0;
  color: rgba(255,255,255,.62);
}

/* cards grid */
.wiz-grid{
  width: min(920px, 100%);
  margin: 0 auto;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.wiz-card{
  position: relative;
  text-align:left;
  border-radius: 18px;
  padding: 18px 18px 16px;
  border: 1px solid #00000000;
  background: rgba(255,255,255,.05);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  backdrop-filter: blur(18px) saturate(1.2);
  cursor:pointer;
  overflow:hidden;
  background: rgb(255 255 255 / 3%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .08);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.wiz-card::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(40% 35% at 30% 40%, rgba(229,46,113,.20), transparent 60%),
    radial-gradient(45% 40% at 65% 55%, rgba(129,34,169,.18), transparent 62%),
    radial-gradient(35% 30% at 55% 30%, rgba(155,93,229,.16), transparent 60%);
  filter: blur(18px);
  opacity: .45;
  transform: translate3d(-18%, 10%, 0) rotate(8deg);
  transition: opacity .22s var(--ease), transform .22s var(--ease);
}

.wiz-card:hover{
  transform: translateY(-2px);
  border-color: rgba(155,93,229,.28);
  background: rgba(255,255,255,.055);
}

.wiz-card:hover::before{
  opacity: .75;
  transform: translate3d(8%, -6%, 0) rotate(-12deg);
}

.wiz-card__icon,
.wiz-card__title,
.wiz-card__meta,
.wiz-card__desc{
  position: relative;
  z-index: 1;
  display:block;
}

.wiz-card__icon{
  width: 44px;
  height: 44px;
  display:grid;
  place-items:center;
  border-radius: 14px;
  border: none;
  background: rgba(0,0,0,.10);
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
  margin-bottom: 12px;
  font-size: 18px;
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.wiz-card__title{
  font-weight: 800;
  letter-spacing: -.01em;
  font-size: 18px;
  margin-bottom: 4px;
  color: rgba(255, 255, 255, .92);
}

.wiz-card__meta{
  font-weight: 700;
  font-size: 13px;
  color: rgba(255,255,255,.58);
  margin-bottom: 10px;
}

.wiz-card__desc{
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255,255,255,.52);
  max-width: 44ch;
}

.wiz-card__tick{
  position:absolute;
  top: 14px;
  right: 14px;
  width: 26px;
  color: rgba(255, 255, 255, .92);
  height: 26px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(155,93,229,.18);
  border: 1px solid rgba(155,93,229,.28);
  opacity: 0;
  transform: scale(.9);
  transition: opacity .18s var(--ease), transform .18s var(--ease);
  z-index: 2;
  border-color: rgb(155 93 229 / 60%);
  background: linear-gradient(135deg, rgb(229 46 113 / 50%), rgb(155 93 229 / 18%), rgb(129 34 169 / 62%));
  box-shadow: 0px 0px 10px #b400ff66;
}

.wiz-card.is-selected{
  backdrop-filter: blur(14px) saturate(135%);
  border-color: rgb(155 93 229 / 60%);
  background: linear-gradient(135deg, rgb(229 46 113 / 20%), rgb(155 93 229 / 10%), rgb(129 34 169 / 20%));
  box-shadow: 0px 0px 10px #b400ff66;
  border: 1px solid rgb(155 93 229 / 60%);
}

.wiz-card.is-selected .wiz-card__tick{
  opacity: 1;
  transform: scale(1);
}

/* callout */
.wiz-callout{
  width: min(820px, 100%);
  margin: 0 auto 16px;
  display:flex;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 16px;
  border: none;
  background:
    radial-gradient(90% 80% at 15% 20%, rgba(155,93,229,.14), rgba(0,0,0,0)),
    rgba(255,255,255,.04);
  -webkit-backdrop-filter: blur(16px) saturate(1.2);
  backdrop-filter: blur(16px) saturate(1.2);
  background: rgb(255 255 255 / 3%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .08);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.wiz-callout__ic{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  padding: 5px;
  display:grid;
  place-items:center;
  border: none;
  background: rgba(0,0,0,.10);
  color: rgba(255,255,255,.72);
  flex: 0 0 auto;
  background: rgb(255 255 255 / 3%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .08);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.wiz-callout p{
  margin: 0;
  color: rgba(255,255,255,.62);
  line-height: 1.55;
  font-size: 13px;
}

/* list rows */
.wiz-list{
  width: min(820px, 100%);
  margin: 0 auto;
  display:flex;
  flex-direction: column;
  gap: 14px;
}

.wiz-row{
  position: relative;
  display:flex;
  align-items:center;
  gap: 14px;
  padding: 16px 16px;
  border-radius: 18px;
  border: 1px solid rgb(255 255 255 / 0%);
  background: rgba(255,255,255,.04);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  backdrop-filter: blur(18px) saturate(1.2);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  cursor:pointer;
  transition: transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease);
  text-align:left;
  background: rgb(255 255 255 / 3%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .08);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.wiz-row:hover{
  transform: translateY(-2px);
  border-color: rgba(155,93,229,.22);
  background: rgba(255,255,255,.05);
}

.wiz-row__ic{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.10);
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
  flex: 0 0 auto;
}

.wiz-row__main{ display:flex; flex-direction: column; gap: 4px; }
.wiz-row__t{font-weight: 800;font-size: 16px;color: rgba(255, 255, 255, .92);}
.wiz-row__p{ color: rgba(255,255,255,.55); font-size: 13px; }

.wiz-row__dot{
  margin-left:auto;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.22);
  /* box-shadow: inset 0 0 0 3px rgba(0,0,0,.12); */
  position: relative;
}

.wiz-row__dot::after{
  content:"";
  position:absolute;
  inset: 0px;
  border-radius: 999px;
  opacity: 0;
  transform: scale(.8);
  transition: opacity .18s var(--ease), transform .18s var(--ease);
  border: 1px solid rgb(155 93 229 / 60%);
  background: linear-gradient(135deg, rgb(229 46 113 / 50%), rgb(155 93 229 / 18%), rgb(129 34 169 / 62%));
  box-shadow: 0px 0px 10px #b400ff66;
}

.wiz-row__check{
  position:absolute;
  top: 10px;
  right: 10px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(155,93,229,.18);
  border: 1px solid rgba(155,93,229,.28);
  opacity: 0;
  transform: scale(.92);
  transition: opacity .18s var(--ease), transform .18s var(--ease);
  font-weight: 900;
  border-color: rgb(155 93 229 / 60%);
  background: linear-gradient(135deg, rgb(229 46 113 / 50%), rgb(155 93 229 / 18%), rgb(129 34 169 / 62%));
  box-shadow: 0px 0px 10px #b400ff66;
  width: 26px;
  color: rgba(255, 255, 255, .92);
  height: 26px;
}



.wiz-row.is-selected{backdrop-filter: blur(14px) saturate(135%);border-color: rgb(155 93 229 / 60%);background: linear-gradient(135deg, rgb(229 46 113 / 20%), rgb(155 93 229 / 10%), rgb(129 34 169 / 20%));box-shadow: 0px 0px 10px #b400ff66;border: 1px solid rgb(155 93 229 / 60%);}

.wiz-row.is-selected .wiz-row__dot::after{
  opacity: 1;
  transform: scale(1);
}

.wiz-row.is-selected .wiz-row__check{
  opacity: 1;
  transform: scale(1);
}

/* footnote */
.wiz-footnote{
  width: min(820px, 100%);
  margin: 26px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  color: rgba(255,255,255,.50);
  font-weight: 700;
  font-size: 13px;
}

.wiz-footnote__ic{
  width: 28px;
  height: 28px;
  display:grid;
  place-items:center;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}

/* summary */
.wiz-summary{
  width: min(980px, 100%);
  margin: 0 auto;
  display:grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 18px;
  align-items:start;
}

.wiz-cardbox{
  border-radius: 18px;
  /* border: 1px solid rgba(255,255,255,.10); */
  background: rgba(255,255,255,.04);
  display: grid;
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  backdrop-filter: blur(18px) saturate(1.2);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  overflow:hidden;
  background: rgb(255 255 255 / 3%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .08);
  transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
}

.wiz-cardbox__head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.wiz-cardbox__kicker{
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .14em;
  color: rgba(255,255,255,.58);
}

.wiz-badge{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.78);
  font-weight: 800;
  font-size: 12px;
}

.wiz-cardbox--accent{
  background:
    radial-gradient(90% 80% at 15% 20%, rgba(155,93,229,.14), rgba(0,0,0,0)),
    rgba(255,255,255,.04);
  background: rgb(255 255 255 / 3%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .08);
  transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
  margin-top: 30px;
}

.wiz-picks{ padding: 14px 16px 16px; display:flex; flex-direction: column; gap: 10px; }
.wiz-pick{ display:flex; align-items:center; justify-content: space-between; gap: 14px; }
.wiz-pick__k{ color: rgba(255,255,255,.55); font-size: 13px; }
.wiz-pick__v{ font-weight: 800; color: rgba(255,255,255,.86); font-size: 13px; text-align:right; }

.wiz-pack{ padding: 14px 16px 8px; display:flex; justify-content: space-between; gap: 14px; align-items:flex-start; }
.wiz-pack__name{ font-size: 20px; font-weight: 900; letter-spacing: -.01em; }
.wiz-pack__desc{ color: rgba(255,255,255,.56); font-size: 13px; margin-top: 4px; }
.wiz-pack__price{ font-weight: 900; font-size: 20px; white-space: nowrap; }
.wiz-pack__price small{ font-size: 12px; font-weight: 800; color: rgba(255,255,255,.55); }

.wiz-pack__list{ margin: 0; padding: 0 16px 14px 32px; color: rgba(255,255,255,.60); font-size: 13px; }
.wiz-pack__list li{ margin: 8px 0; }

.wiz-form{padding: 22px;color: rgba(255, 255, 255, .88) !important;background: rgb(255 255 255 / 3%);-webkit-backdrop-filter: blur(14px) saturate(135%);backdrop-filter: blur(14px) saturate(135%);box-shadow: 0 18px 50px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .08);transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;}
.wiz-form .contact-fields{ margin-top: 12px; }
.wiz-submit{width: 100%;margin-top: 42px;}
.wiz-privacy{ margin: 10px 0 0; color: rgba(255,255,255,.46); font-size: 12px; line-height: 1.45; }
.wiz-status{
  margin: 10px 0 0;
  display:flex;
  align-items:center;
  gap: 8px;
  min-height: 1.2em;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(10,10,20,.46);
  box-shadow: 0 12px 26px rgba(0,0,0,.24);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  color: rgba(255,255,255,.86);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .22s ease, transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
}
.wiz-status:empty{
  margin-top: 6px;
  min-height: 0;
  padding: 0;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.wiz-status:not(:empty){
  opacity: 1;
  transform: translateY(0);
}
.wiz-status::before{
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 11px;
  font-weight: 900;
  flex: 0 0 18px;
}
.wiz-status:empty::before{
  display:none;
}
.wiz-status.is-success{
  color: #c4ffb7;
  border-color: rgba(126,227,136,.34);
  background: linear-gradient(140deg, rgba(63,187,74,.18), rgba(10,10,20,.62));
}
.wiz-status.is-success::before{
  content: "✓";
  color: #8fe388;
  background: rgba(126,227,136,.20);
}
.wiz-status.is-error{
  color: #ffd2d2;
  border-color: rgba(255,136,136,.34);
  background: linear-gradient(140deg, rgba(198,42,42,.24), rgba(10,10,20,.66));
}
.wiz-status.is-error::before{
  content: "!";
  color: #ff9e9e;
  background: rgba(255,158,158,.18);
}

/* actions */
.wiz-actions{
  width: min(980px, 100%);
  margin: 22px auto 0;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
}

.wiz-actions .btn{
  min-width: 160px;
}

.wiz-actions .btn[disabled]{
  opacity: .45;
  cursor: not-allowed;
  transform: none !important;
}
.wiz-hint{
  width: min(980px, 100%);
  margin: 10px auto 0;
  text-align:center;
  color: rgba(255,255,255,.34);
  font-weight: 700;
  font-size: 12px;
}

.wiz-hint span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 2px 8px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.62);
  margin: 0 4px;
}

/* responsive */
@media (max-width: 920px){
  .wiz-grid{ grid-template-columns: 1fr; }
  .wiz-summary{ grid-template-columns: 1fr; }
  .wiz-stepper{ gap: 10px; }
  .wiz-step{ min-width: 70px; }
  .wiz-step__label{ display:none; }
}

@media (max-width: 520px){
  .wycena-page .wizard{ padding: 96px 0 80px; }
  .wiz-actions .btn{ min-width: 140px; }
}

@media (prefers-reduced-motion: reduce){
  .wiz-card, .wiz-row{ transition: none !important; }
  .wiz-screen.is-active{ animation: none !important; }
}

.wiz-callout__ic svg
{opacity:0.5;}

.contact-card ::placeholder{ color: rgba(255,255,255,.52);

p.contact-header-title {
    color: rgba(255, 255, 255, .88) !important;
    font-weight: 900;
}
                            
textarea#wizMsg {
    width: 100% !important;
    height: 100% !important;
    min-height: 150px !important;
}

.wiz-cardbox a {
    margin: auto auto 20px auto;
}

.form-group input,
.form-group textarea,
.form-group select{
  width:100%;
  border-radius: 14px;
  border: 1px solid rgb(255 255 255 / 0%);
  padding: 12px 12px;
  outline: none;
  color: rgba(255, 255, 255, .88) !important;
  background: rgb(255 255 255 / 3%);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .08);
  transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
}

p.contact-header-title {
    color: rgba(255, 255, 255, .88) !important;
    font-weight: 900;
}