:root{--bg-main:#0f0f11;--bg-card:#161619;--bg-input:#1c1c21;--accent-gold:#c9a96e;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#525252;--border-color:#262626}.feedback-page{background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;padding-bottom:4rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.feedback-hero{max-w:800px;text-align:center;margin:0 auto;padding:7rem 1rem 3rem}.feedback-subtitle{text-transform:uppercase;letter-spacing:.25em;color:var(--accent-gold);margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:block}.feedback-title{letter-spacing:-.025em;margin-bottom:1rem;font-size:2.5rem;font-weight:300}.feedback-title .text-highlight{color:#f5f5f5;font-weight:600}.feedback-description{color:var(--text-secondary);max-width:850px;margin:0 auto;font-size:.95rem;line-height:1.6}.feedback-divider{background-color:var(--accent-gold);width:48px;height:1px;margin:2rem auto 0}.feedback-container{grid-template-cols:1fr;align-items:start;gap:3rem;max-width:1140px;margin:0 auto;padding:0 1rem;display:grid}@media (min-width:992px){.feedback-container{grid-template-cols:7fr 5fr}.feedback-sidebar{position:sticky;top:7rem}}.feedback-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:2px;padding:2rem}.card-title{color:#e5e5e5;margin-bottom:1.5rem;font-size:1.25rem;font-weight:500}.feedback-form,.form-row{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:576px){.form-row{flex-direction:row}.form-row .form-group{flex:1}}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.75rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);box-sizing:border-box;border-radius:2px;width:100%;padding:.85rem 1rem;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-gold);outline:none}.form-group textarea{resize:none}.rating-stars{align-items:center;gap:.5rem;display:flex}.star-button{color:#333;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;transition:transform .1s,color .1s}.star-button.active{color:var(--accent-gold)}.star-button:hover{transform:scale(1.15)}.rating-hint{color:var(--text-muted);margin-left:.5rem;font-size:.75rem}.form-checkbox{align-items:flex-start;gap:.75rem;display:flex}.form-checkbox input[type=checkbox]{accent-color:var(--accent-gold);cursor:pointer;width:1rem;height:1rem;margin-top:.1rem}.form-checkbox label{color:var(--text-secondary);-webkit-user-select:none;user-select:none;cursor:pointer;font-size:.75rem;line-height:1.4}.submit-button{background-color:var(--text-primary);color:#000;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;border:none;border-radius:2px;margin-top:.5rem;padding:1rem;font-size:.75rem;font-weight:600;transition:background-color .3s,color .3s}.submit-button:hover{background-color:var(--accent-gold);color:var(--text-primary)}.feedback-sidebar{flex-direction:column;gap:2rem;display:flex}.stats-card{text-align:center}.stats-score{margin:0 0 .25rem;font-size:3rem;font-weight:300}.stats-stars{color:var(--accent-gold);letter-spacing:.15em;margin-bottom:.5rem;font-size:1.15rem}.stats-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin:0;font-size:.75rem}.commitment-card{border-left:2px solid var(--accent-gold)}.commitment-card h4{text-transform:uppercase;letter-spacing:.1em;margin:0 0 .5rem;font-size:.875rem}.commitment-card p{color:var(--text-secondary);margin:0;font-size:.825rem;line-height:1.6}.highlight-text{color:var(--text-primary);font-weight:500}.mini-review-card{background-color:#16161980;padding:1.5rem}.feedback-footer-cta{text-align:center;border-top:1px solid #1a1a1f;margin-top:6rem;padding-top:4rem}.feedback-footer-cta h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:300}.feedback-footer-cta p{color:var(--text-secondary);max-w:400px;margin:0 auto 1.5rem;font-size:.825rem}.cta-button{background-color:var(--accent-gold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;border:none;border-radius:2px;padding:.85rem 2rem;font-size:.75rem;font-weight:600;transition:background-color .3s,color .3s}.cta-button:hover{background-color:var(--text-primary);color:#000}
