.bk-feedback-page { overflow:hidden; }
.bk-feedback-intro { background:var(--bk-green); color:#fff; overflow:hidden; position:relative; }
.bk-feedback-intro::after { border:18px solid rgb(255 255 255 / 8%); border-radius:30px; content:""; height:180px; position:absolute; right:-50px; top:-60px; transform:rotate(12deg); width:260px; }
.bk-feedback-intro__inner { padding-block:clamp(2.75rem,7vw,5rem); position:relative; z-index:1; }
.bk-feedback-intro .bk-eyebrow { color:#fff; }.bk-feedback-intro h1 { color:#fff; margin:.35rem 0 .8rem; }.bk-feedback-intro p:last-child { color:rgb(255 255 255 / 78%); font-size:clamp(1rem,2vw,1.15rem); margin:0; max-width:38rem; }
.bk-feedback-app-shell { padding-block:clamp(2rem,6vw,4.5rem); }
.bk-feedback-app { background:#fff; border:1px solid var(--bk-border); border-radius:var(--bk-radius-2xl,1.75rem); box-shadow:0 24px 70px rgb(23 59 36 / 10%); margin:0 auto; max-width:820px; overflow:hidden; }
.bk-feedback-progress { background:var(--bk-surface-subtle); border-bottom:1px solid var(--bk-border); padding:1.25rem clamp(1.25rem,4vw,2.5rem) 1rem; }
.bk-feedback-progress__bar { background:var(--bk-border); border-radius:999px; height:4px; overflow:hidden; }.bk-feedback-progress__bar i { background:var(--bk-red); display:block; height:100%; transition:width .3s ease; width:0; }
.bk-feedback-progress ol { display:grid; grid-template-columns:repeat(3,1fr); list-style:none; margin:.85rem 0 0; padding:0; }.bk-feedback-progress li { align-items:center; color:var(--bk-text-muted); display:flex; font-size:.72rem; font-weight:700; gap:.45rem; justify-content:center; letter-spacing:.03em; text-transform:uppercase; }.bk-feedback-progress li:first-child { justify-content:flex-start; }.bk-feedback-progress li:last-child { justify-content:flex-end; }.bk-feedback-progress li span { align-items:center; background:var(--bk-surface); border:1px solid var(--bk-border); border-radius:50%; display:inline-flex; height:1.65rem; justify-content:center; width:1.65rem; }.bk-feedback-progress li.is-active,.bk-feedback-progress li.is-complete { color:var(--bk-green); }.bk-feedback-progress li.is-active span { background:var(--bk-red); border-color:var(--bk-red); color:#fff; }.bk-feedback-progress li.is-complete span { background:var(--bk-green); border-color:var(--bk-green); color:#fff; }
.bk-feedback-alert { background:var(--bk-red-soft,#fbe9e9); border-bottom:1px solid #e9b8bb; color:var(--bk-red-dark); font-weight:650; padding:1rem clamp(1.25rem,5vw,3.5rem); }
.bk-feedback-form:not([data-enhanced]) [data-bk-next],.bk-feedback-form:not([data-enhanced]) [data-bk-back] { display:none; }
.bk-feedback-step { padding:clamp(1.5rem,5vw,3.5rem); }.bk-feedback-form[data-enhanced] .bk-feedback-step:not(.is-active) { display:none; }
.bk-feedback-step > header { margin-bottom:2rem; }.bk-feedback-step > header h2 { color:var(--bk-green); font-family:var(--bk-font-display); font-size:clamp(2.4rem,6vw,3.6rem); line-height:.92; margin:.35rem 0 .75rem; text-transform:uppercase; }.bk-feedback-step > header p:last-child { color:var(--bk-text-muted); margin:0; }
.bk-feedback-fields { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); }.bk-feedback-field { display:grid; gap:.55rem; min-width:0; }.bk-feedback-field--wide { grid-column:1/-1; }.bk-feedback-field > span { color:var(--bk-green); font-size:.8rem; font-weight:750; }.bk-feedback-field small { color:var(--bk-text-muted); font-weight:500; margin-left:.35rem; }.bk-feedback-field :where(input,textarea) { background:#fff; border:1px solid var(--bk-border-strong,var(--bk-border)); border-radius:var(--bk-radius-lg,1rem); box-shadow:none; box-sizing:border-box; color:var(--bk-text); font:inherit; min-height:3.35rem; padding:.85rem 1rem; width:100%; }.bk-feedback-field textarea { line-height:1.55; min-height:8rem; resize:vertical; }.bk-feedback-field :where(input,textarea):focus { border-color:var(--bk-green); box-shadow:0 0 0 4px var(--bk-focus-ring,rgb(23 59 36 / 15%)); outline:0; }.bk-feedback-field :where(input,textarea).is-invalid { border-color:var(--bk-red); box-shadow:0 0 0 3px rgb(193 36 41 / 12%); }
.bk-feedback-step-actions { align-items:center; border-top:1px solid var(--bk-border); display:flex; justify-content:space-between; margin-top:2rem; padding-top:1.25rem; }.bk-feedback-step-actions .bk-button { min-height:3.15rem; }.bk-feedback-step-actions .bk-button--primary { gap:.55rem; }
.bk-rating-group { border-top:1px solid var(--bk-border); margin-top:2.25rem; padding-top:1.5rem; }.bk-rating-group:first-of-type { border-top:0; margin-top:0; padding-top:0; }.bk-rating-group > h3 { color:var(--bk-red-dark); font-family:var(--bk-font-display); font-size:1.55rem; letter-spacing:.025em; margin:0 0 1rem; text-transform:uppercase; }
.bk-rating-question { border:0; margin:0 0 1.5rem; min-width:0; padding:0; }.bk-rating-question legend { color:var(--bk-green); font-size:.92rem; font-weight:700; margin-bottom:.7rem; padding:0; }.bk-rating-scale { display:grid; gap:.5rem; grid-template-columns:repeat(5,minmax(0,1fr)); position:relative; }.bk-rating-scale input { height:1px; opacity:0; position:absolute; width:1px; }.bk-rating-scale label { align-items:center; background:var(--bk-surface-subtle); border:1px solid var(--bk-border); border-radius:.85rem; cursor:pointer; display:flex; flex-direction:column; gap:.12rem; justify-content:center; min-height:4rem; padding:.45rem .15rem; transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease; }.bk-rating-scale label strong { font-family:var(--bk-font-display); font-size:1.35rem; line-height:1; }.bk-rating-scale label span { color:var(--bk-text-muted); font-size:.58rem; font-weight:650; }.bk-rating-scale label:hover { border-color:var(--bk-green); transform:translateY(-2px); }.bk-rating-scale input:focus-visible + label { box-shadow:0 0 0 4px var(--bk-focus-ring); outline:0; }.bk-rating-scale input:checked + label { background:var(--bk-green); border-color:var(--bk-green); color:#fff; transform:translateY(-2px); }.bk-rating-scale input:checked + label span { color:rgb(255 255 255 / 78%); }.bk-rating-question.has-error .bk-rating-scale { border-radius:1rem; box-shadow:0 0 0 3px rgb(193 36 41 / 15%); }.bk-rating-question__error { color:var(--bk-red-dark); font-size:.76rem; font-weight:650; margin:.55rem 0 0; }
.bk-feedback-privacy { background:var(--bk-surface-subtle); border-radius:var(--bk-radius-lg,1rem); margin-top:1.25rem; padding:.9rem 1rem; }.bk-feedback-privacy p { color:var(--bk-text-muted); font-size:.76rem; line-height:1.5; margin:0; }.bk-feedback-privacy a { color:var(--bk-green); font-weight:700; }
.bk-feedback-honeypot { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; }
.bk-feedback-spinner { animation:bk-feedback-spin .7s linear infinite; border:2px solid rgb(255 255 255 / 35%); border-radius:50%; border-top-color:#fff; display:none; height:1rem; width:1rem; }.bk-feedback-form.is-submitting .bk-feedback-spinner { display:inline-block; }.bk-feedback-form.is-submitting [data-bk-submit] { cursor:wait; opacity:.8; }
.bk-feedback-success { animation:bk-feedback-enter .35s ease both; padding:clamp(3rem,9vw,6rem) clamp(1.5rem,6vw,4.5rem); text-align:center; }.bk-feedback-success__mark { align-items:center; background:var(--bk-green); border-radius:1.25rem; color:#fff; display:flex; font-size:2rem; height:4.5rem; justify-content:center; margin:0 auto 1.5rem; transform:rotate(-3deg); width:4.5rem; }.bk-feedback-success h2 { color:var(--bk-green); font-family:var(--bk-font-display); font-size:clamp(2.8rem,8vw,4.8rem); line-height:.86; margin:.4rem auto 1rem; max-width:35rem; text-transform:uppercase; }.bk-feedback-success > p:not(.bk-eyebrow) { color:var(--bk-text-muted); margin:0 auto 1.75rem; max-width:32rem; }
@keyframes bk-feedback-enter { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } } @keyframes bk-feedback-spin { to { transform:rotate(360deg); } }
@media (max-width:600px) { .bk-feedback-app-shell { padding-block:1rem 2.5rem; }.bk-feedback-app-shell > .bk-container { padding-inline:.75rem; }.bk-feedback-app { border-radius:1.25rem; }.bk-feedback-progress { padding-inline:1rem; }.bk-feedback-progress li { font-size:.62rem; gap:.3rem; }.bk-feedback-progress li span { height:1.4rem; width:1.4rem; }.bk-feedback-step { padding:1.4rem 1rem 1rem; }.bk-feedback-step > header { margin-bottom:1.5rem; }.bk-feedback-fields { grid-template-columns:1fr; }.bk-feedback-field--wide { grid-column:auto; }.bk-rating-scale { gap:.3rem; }.bk-rating-scale label { border-radius:.7rem; min-height:3.6rem; }.bk-rating-scale label span { display:none; }.bk-feedback-step-actions { background:#fff; bottom:0; box-shadow:0 -8px 24px rgb(23 59 36 / 8%); margin-inline:-1rem; padding:1rem; position:sticky; z-index:4; }.bk-feedback-step-actions .bk-button { padding-inline:1rem; }.bk-feedback-success { padding-block:4rem; } }
@media (max-width:350px) { .bk-feedback-intro__inner { padding-block:2.25rem; }.bk-feedback-progress li { font-size:0; }.bk-feedback-progress li span { font-size:.72rem; }.bk-rating-scale label { min-height:3.4rem; }.bk-feedback-step-actions .bk-button { font-size:.78rem; } }
@media (prefers-reduced-motion:reduce) { .bk-feedback-progress__bar i,.bk-rating-scale label { transition:none; }.bk-rating-scale label:hover,.bk-rating-scale input:checked + label { transform:none; }.bk-feedback-success { animation:none; }.bk-feedback-spinner { animation-duration:1.4s; } }