.feedback-page{background:#eff7f4;color:var(--ng-ink)}
#feedback-page{flex:1;width:100%;max-width:1200px;margin-inline:auto;padding:64px 24px 80px}
.feedback-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.feedback-intro{padding-top:24px}
.feedback-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.8;color:var(--ng-accent);margin-bottom:22px}
.feedback-intro h1{font:700 clamp(40px,5vw,62px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.05em;color:var(--ng-ink)}
.feedback-intro h1 span{color:var(--ng-accent)}
.feedback-lead{font-size:16px;line-height:1.9;color:var(--ng-muted);max-width:390px;margin-top:24px}
.feedback-note{display:flex;gap:16px;max-width:390px;margin-top:36px;padding:22px;border:1px solid #a7f3d0;background:#ecfdf5;border-radius:22px}
.feedback-note-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:12px;background:#d1fae5;color:#047857;font-size:24px}
.feedback-note h2{font-size:14px;font-weight:700;color:#0f172a}
.feedback-note p{font-size:12px;line-height:1.8;color:#475569;margin-top:5px}
.feedback-home{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;font-size:13px;font-weight:600;color:var(--ng-muted)}
.feedback-home:hover{color:var(--ng-accent)}
.feedback-card{padding:32px;border:1px solid var(--ng-line);border-radius:28px;background:var(--ng-surface);box-shadow:0 12px 40px #0f172a05;min-width:0}
.feedback-card h2{font:700 26px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.035em;color:var(--ng-ink)}
.feedback-form-description{font-size:12px;line-height:1.8;color:var(--ng-muted);margin-top:8px;margin-bottom:26px}
#feedback-form fieldset{border:0;padding:0;min-width:0;margin-bottom:24px}
#feedback-rating legend,.feedback-field>label{display:block;color:var(--ng-ink);font-size:13px;font-weight:600;margin-bottom:10px}
.feedback-stars{display:flex;gap:8px;width:fit-content;max-width:100%}
.feedback-star{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ng-line);border-radius:12px;background:transparent;color:var(--ng-muted);cursor:pointer;transition:background .15s,border-color .15s}
.feedback-star svg{pointer-events:none}
.feedback-star[data-filled=true]{background:#fffbeb;border-color:#fcd34d;color:#92400e}
.feedback-star[data-filled=true] svg{fill:#fbbf24}
.feedback-star:has(input:focus-visible){outline:3px solid var(--ng-accent);outline-offset:3px}
.feedback-star:has(input:disabled){cursor:wait}
.feedback-rating-label{font-size:12px;line-height:1.7;color:var(--ng-muted);min-height:21px;margin-top:10px}
.feedback-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.feedback-field{min-width:0;margin-bottom:22px}
.feedback-field input,.feedback-field textarea{width:100%;border:1px solid var(--ng-line);border-radius:12px;background:#f8fafc;color:var(--ng-ink);padding:12px 14px;font-size:14px;line-height:1.6}
.feedback-field textarea{display:block;resize:vertical;min-height:132px;max-height:400px}
.feedback-field input:disabled,.feedback-field textarea:disabled{opacity:.75}
.feedback-review-meta{display:flex;justify-content:space-between;gap:12px;margin-top:6px}
#feedback-review-count{margin-left:auto;flex-shrink:0;color:var(--ng-muted);font-size:10px;line-height:1.8}
.feedback-field-error{color:#b91c1c;font-size:12px;line-height:1.6;margin-top:6px}
.feedback-submit-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;color:#991b1b;font-size:13px;line-height:1.7;margin-bottom:16px}
#feedback-submit{width:100%;gap:12px}
.feedback-privacy{font-size:11px;line-height:1.8;text-align:center;color:var(--ng-muted);margin-top:16px}
.feedback-privacy a{color:var(--ng-accent);text-decoration:underline;text-underline-offset:3px}
.feedback-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:480px;text-align:center}
.feedback-success-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#ecfdf5;color:#047857;font-size:34px}
.feedback-success p{max-width:340px;font-size:14px;line-height:1.8;color:var(--ng-muted)}
.feedback-success a{margin-top:8px}
#feedback-page [hidden]{display:none!important}
html.dark .feedback-note{background:#12382e;border-color:#245b49}
html.dark .feedback-note h2{color:#e2e8f0}
html.dark .feedback-note p{color:#b6c4d6}
html.dark .feedback-note-icon,html.dark .feedback-success-icon{background:#064e3b;color:#6ee7b7}
html.dark .feedback-field input,html.dark .feedback-field textarea{background:#0f172a}
html.dark .feedback-star[data-filled=true]{background:#3b2c13;border-color:#a16207;color:#fcd34d}
html.dark .feedback-field-error{color:#fca5a5}
html.dark .feedback-submit-error{background:#451a1a;color:#fecaca;border-color:#7f1d1d}
@media(max-width:1000px){.feedback-layout{gap:36px;grid-template-columns:.85fr 1.15fr}.feedback-card{padding:24px}.feedback-fields{grid-template-columns:1fr;gap:0}.feedback-stars{gap:6px}.feedback-star{width:44px;height:44px}}
@media(max-width:767px){#feedback-page{padding:36px 16px 56px}.feedback-layout{grid-template-columns:minmax(0,1fr);gap:28px}.feedback-intro{padding:0}.feedback-intro h1{font-size:44px}.feedback-lead{font-size:14px;margin-top:16px;max-width:100%}.feedback-note{margin-top:22px;max-width:100%;padding:18px}.feedback-home{margin-top:12px}.feedback-card{border-radius:24px}.feedback-success{min-height:400px}}
@media(max-width:380px){.feedback-card{padding:20px}.feedback-stars{gap:4px}.feedback-intro h1{font-size:40px}.feedback-eyebrow{font-size:9px}}