body.public-feedback .public-feedback{
  position:relative;
  isolation:isolate;
  padding:10px 0 18px;
}

body.public-feedback .public-feedback::before{
  content:"";
  position:absolute;
  inset:-18px 0 auto;
  height:170px;
  background:
    radial-gradient(circle at 18% 18%, rgba(37,99,235,.06), transparent 26%),
    linear-gradient(180deg, rgba(37,99,235,.03), transparent 72%);
  pointer-events:none;
  z-index:0;
}

body.public-feedback .public-feedback > *{
  position:relative;
  z-index:1;
}

body.public-feedback .public-feedback__inner{
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  gap:12px;
  align-items:start;
}

body.public-feedback .public-feedback__hero{
  position:relative;
  display:grid;
  gap:10px;
  padding:18px 18px 16px;
  border-radius:28px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 16px 36px rgba(15,23,42,.08);
  backdrop-filter:blur(18px) saturate(150%);
  animation:public-fade-up .72s cubic-bezier(.2,.8,.2,1) both;
}

body.public-feedback .public-feedback__hero h1{
  max-width:12ch;
  margin:0;
  color:#0f172a;
  font-size:clamp(1.5rem, 2.45vw, 2.35rem);
  line-height:1.04;
  letter-spacing:-.055em;
}

body.public-feedback .public-feedback__hero p{
  max-width:50ch;
  margin:0;
  color:#475569;
  line-height:1.5;
  font-size:.88rem;
}

body.public-feedback .public-feedback__switcher{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

body.public-feedback .public-feedback__switcher .pill-button{
  background:rgba(15,23,42,.06);
  color:#0f172a;
  border:1px solid rgba(15,23,42,.08);
  padding:.62rem .88rem;
  font-size:.86rem;
}

body.public-feedback .public-feedback__switcher .pill-button.is-active{
  background:linear-gradient(135deg,#1d4ed8,#0f766e);
  color:#fff;
  border-color:transparent;
  box-shadow:0 14px 30px rgba(29,78,216,.16);
}

body.public-feedback .public-feedback__form{
  position:relative;
  display:grid;
  gap:5px;
  padding:18px;
  border-radius:28px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 16px 36px rgba(15,23,42,.08);
  backdrop-filter:blur(18px) saturate(150%);
  animation:public-fade-up .82s cubic-bezier(.2,.8,.2,1) both .08s;
}

body.public-feedback .public-feedback__form .section-head--compact{
  margin-bottom:0;
  gap:6px;
  align-items:center;
}

body.public-feedback .public-feedback__form .section-head--compact > div{
  display:grid;
  gap:4px;
}

body.public-feedback .public-feedback__form h2{
  margin:0;
  color:#0f172a;
  font-size:clamp(1.18rem, 1.55vw, 1.42rem);
  letter-spacing:-.035em;
}

body.public-feedback .panel-note{
  font-size:.84rem;
  line-height:1.45;
}

body.public-feedback .public-feedback__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}

body.public-feedback .public-feedback__grid--contact .field:nth-child(1),
body.public-feedback .public-feedback__grid--contact .field:nth-child(2){
  grid-column:span 1;
}

body.public-feedback .public-feedback__grid--suggestion .public-feedback__type{
  grid-column:1 / -1;
  display:grid;
  gap:5px;
  padding:9px 12px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(255,255,255,.44);
}

body.public-feedback .public-feedback__grid--suggestion + .field{
  margin-top:-6px;
}

body.public-feedback .field{
  gap:5px;
}

body.public-feedback .field__label{
  color:#334155;
  font-size:.88rem;
}

body.public-feedback .field__helper{
  color:#94a3b8;
  font-size:.78rem;
  line-height:1.3;
}

body.public-feedback .field__control{
  min-height:40px;
  padding:12px 14px;
  font-size:.94rem;
}

body.public-feedback .field__control--select{
  background-color:rgba(255,255,255,.75);
  border-color:rgba(148,163,184,.22);
}

body.public-feedback .field__control--textarea{
  min-height:76px;
}

body.public-feedback .primary-button--wide{
  min-height:40px;
  padding:0.62rem 1rem;
  font-size:.9rem;
}

@media (max-width: 1100px){
  body.public-feedback .public-feedback__inner{
    grid-template-columns:1fr;
  }
}

@media (max-width: 700px){
  body.public-feedback .public-feedback{
    padding:8px 0 16px;
  }

  body.public-feedback .public-feedback__hero,
  body.public-feedback .public-feedback__form{
    padding:14px;
  }

  body.public-feedback .public-feedback__hero{
    gap:8px;
  }

  body.public-feedback .public-feedback__switcher{
    gap:6px;
  }

  body.public-feedback .public-feedback__grid{
    grid-template-columns:1fr;
  }

  body.public-feedback .public-feedback__grid--suggestion + .field{
    margin-top:0;
  }

  body.public-feedback .public-feedback__grid--contact .field:nth-child(1),
  body.public-feedback .public-feedback__grid--contact .field:nth-child(2){
    grid-column:span 1;
  }
}

@media (min-width: 1101px) and (max-height: 900px){
  body.public-feedback .public-feedback__form{
    gap:5px;
    padding:15px;
  }

  body.public-feedback .public-feedback__grid{
    gap:5px;
  }

  body.public-feedback .public-feedback__grid--suggestion + .field{
    margin-top:-5px;
  }
}

@media (prefers-reduced-motion: reduce){
  body.public-feedback *{
    animation:none !important;
    transition:none !important;
  }
}

@keyframes public-fade-up{
  from{
    opacity:0;
    transform:translateY(16px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

body.public-glass.public-feedback .public-feedback__hero h1,
body.public-glass.public-feedback .public-feedback__form h2,
body.public-glass.public-feedback .feedback-option__content strong{
  color:#0f172a;
}

body.public-glass.public-feedback .public-feedback__hero p,
body.public-glass.public-feedback .panel-note,
body.public-glass.public-feedback .feedback-option__content small,
body.public-glass.public-feedback .field__helper{
  color:#64748b;
}

body.public-glass.public-feedback .public-feedback__hero,
body.public-glass.public-feedback .public-feedback__form,
body.public-glass.public-feedback .public-feedback__switcher .pill-button,
body.public-glass.public-feedback .public-feedback__type{
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 16px 36px rgba(15,23,42,.08);
  backdrop-filter:blur(18px) saturate(150%);
}

body.public-glass.public-feedback .public-feedback__switcher .pill-button{
  color:#0f172a;
}

body.public-glass.public-feedback .public-feedback__switcher .pill-button.is-active{
  background:linear-gradient(135deg,#1d4ed8,#0f766e);
  color:#fff;
  border-color:transparent;
}

body.public-glass.public-feedback .public-feedback__form .field__control{
  background:rgba(255,255,255,.8);
  border-color:rgba(148,163,184,.24);
  color:#0f172a;
}

body.public-glass.public-feedback .public-feedback__form .field__control::placeholder{
  color:#94a3b8;
}

body.public-glass.public-feedback .public-feedback__type{
  color:#0f172a;
}

body.public-glass.public-feedback .primary-button--wide{
  box-shadow:0 16px 30px rgba(29,78,216,.18);
}
