/* Okno kontaktowe: te same tokeny co reszta projektu. */
#um-kontakt{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;
  padding:clamp(1rem,4vw,2rem);opacity:0;transition:opacity .26s var(--ez,cubic-bezier(.16,1,.3,1))}
#um-kontakt.open{opacity:1}
#um-kontakt::before{content:"";position:absolute;inset:0;
  background:color-mix(in srgb,#04030a 78%,transparent);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.umk{position:relative;width:min(100%,34rem);max-height:min(86vh,44rem);overflow:auto;
  border:1px solid color-mix(in srgb,#E7F6FF 14%,transparent);border-radius:22px;
  background:linear-gradient(180deg,color-mix(in srgb,#a100ff 12%,#04030a),#04030a);
  box-shadow:0 40px 120px -50px #000,0 0 0 1px color-mix(in srgb,#a100ff 18%,transparent);
  padding:clamp(1.4rem,3vw,2rem);transform:translateY(10px) scale(.985);
  transition:transform .3s var(--ez,cubic-bezier(.16,1,.3,1))}
#um-kontakt.open .umk{transform:none}
.umk__x{position:absolute;right:.9rem;top:.9rem;width:34px;height:34px;border-radius:99px;
  display:grid;place-items:center;border:1px solid color-mix(in srgb,#E7F6FF 14%,transparent);
  color:color-mix(in srgb,#E6EDF5 74%,transparent);background:none;cursor:pointer;
  transition:color .3s,border-color .3s}
.umk__x:hover{color:#fff;border-color:color-mix(in srgb,#a100ff 46%,transparent)}
.umk h2{font-size:clamp(1.3rem,1.1rem + .7vw,1.7rem);margin:0 0 .4rem}
.umk__lead{font-size:.9rem;color:color-mix(in srgb,#E6EDF5 74%,transparent);
  line-height:1.55;margin:0 0 1.3rem}
.umk__pole{display:block;margin-bottom:.9rem}
.umk__pole span{display:block;font-family:Consolas,ui-monospace,monospace;font-size:.7rem;
  letter-spacing:.1em;text-transform:uppercase;
  color:color-mix(in srgb,#E6EDF5 48%,transparent);margin-bottom:.45rem}
.umk__pole input,.umk__pole textarea{width:100%;font:inherit;font-size:.95rem;color:#fff;
  background:color-mix(in srgb,#E7F6FF 4.5%,transparent);
  border:1px solid color-mix(in srgb,#E7F6FF 14%,transparent);border-radius:12px;
  padding:.7rem .85rem;transition:border-color .3s,background .3s}
.umk__pole textarea{min-height:8.5rem;resize:vertical;line-height:1.55}
.umk__pole input:focus,.umk__pole textarea:focus{outline:0;
  border-color:color-mix(in srgb,#a100ff 55%,transparent);
  background:color-mix(in srgb,#E7F6FF 7%,transparent)}
.umk__zgoda{display:flex;gap:.6rem;align-items:flex-start;font-size:.8rem;line-height:1.5;
  color:color-mix(in srgb,#E6EDF5 74%,transparent);margin:.2rem 0 1.1rem}
.umk__zgoda input{margin-top:.2rem;accent-color:#a100ff;flex:none}
.umk__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.umk__b{width:100%;justify-content:center}
.umk__status{margin-top:.9rem;font-size:.86rem;line-height:1.5;min-height:1.2em}
.umk__status.ok{color:color-mix(in srgb,#00a1fe 64%,#E7F6FF)}
.umk__status.err{color:color-mix(in srgb,#7A0010 66%,#E6EDF5)}
.umk__stopka{margin-top:1rem;font-size:.76rem;
  color:color-mix(in srgb,#E6EDF5 48%,transparent)}
.umk__stopka a{color:color-mix(in srgb,#00a1fe 64%,#E7F6FF)}