.accessibility-feedback-page{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);min-height:100vh;padding:2rem 0;position:relative;overflow-x:hidden}.accessibility-feedback-page .feedback-container{z-index:1;max-width:800px;margin:0 auto;padding:0 2rem;position:relative}.accessibility-feedback-page .feedback-nav{margin-bottom:2rem}.accessibility-feedback-page .back-link{color:#64748b;align-items:center;gap:.5rem;font-size:.9375rem;text-decoration:none;transition:color .3s;display:inline-flex}.accessibility-feedback-page .back-link:hover{color:#5d76f1}.accessibility-feedback-page .feedback-header{text-align:center;margin-bottom:3rem}.accessibility-feedback-page .header-icon{color:#fff;background:linear-gradient(135deg,#5d76f1 0%,#8a4af3 100%);border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2.5rem;display:flex;box-shadow:0 20px 40px #5d76f14d}.accessibility-feedback-page .feedback-header h1{color:#1e293b;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.accessibility-feedback-page .header-description{color:#64748b;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.accessibility-feedback-page .feedback-success{background:#f0fdf4;border:1px solid #86efac;border-radius:1rem;margin-bottom:2rem;overflow:hidden;box-shadow:0 4px 6px -1px #22c55e1a}.accessibility-feedback-page .success-content{align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.accessibility-feedback-page .success-icon{color:#22c55e;flex-shrink:0;font-size:1.5rem}.accessibility-feedback-page .success-text{flex:1}.accessibility-feedback-page .success-text h3{color:#166534;margin-bottom:.25rem;font-size:1rem;font-weight:600}.accessibility-feedback-page .success-text p{color:#166534;margin:0;font-size:.875rem}.accessibility-feedback-page .success-dismiss{color:#166534;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:opacity .3s;display:flex}.accessibility-feedback-page .success-dismiss:hover{opacity:1}.accessibility-feedback-page .feedback-error{background:#fef2f2;border:1px solid #fecaca;border-radius:1rem;margin-bottom:2rem;overflow:hidden;box-shadow:0 4px 6px -1px #ef44441a}.accessibility-feedback-page .error-content{align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.accessibility-feedback-page .error-icon{color:#ef4444;flex-shrink:0;font-size:1.5rem}.accessibility-feedback-page .error-content p{color:#991b1b;flex:1;margin:0;font-size:.9375rem}.accessibility-feedback-page .error-dismiss{color:#991b1b;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:opacity .3s;display:flex}.accessibility-feedback-page .error-dismiss:hover{opacity:1}.accessibility-feedback-page .feedback-form-wrapper{background:#fff;border-radius:2rem;overflow:hidden;box-shadow:0 30px 60px -15px #0003}.accessibility-feedback-page .form-section{border-bottom:1px solid #e2e8f0;padding:2rem}.accessibility-feedback-page .form-section:last-child{border-bottom:none}.accessibility-feedback-page .form-section h2{color:#1e293b;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.accessibility-feedback-page .form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.accessibility-feedback-page .form-group{margin-bottom:1.5rem}.accessibility-feedback-page .form-group:last-child{margin-bottom:0}.accessibility-feedback-page .form-group label{color:#1e293b;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.accessibility-feedback-page .form-group input,.accessibility-feedback-page .form-group textarea,.accessibility-feedback-page .form-group select{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .3s}.accessibility-feedback-page .form-group input:focus,.accessibility-feedback-page .form-group textarea:focus,.accessibility-feedback-page .form-group select:focus{border-color:#5d76f1;outline:none;box-shadow:0 0 0 3px #5d76f11a}.accessibility-feedback-page .form-group input.error,.accessibility-feedback-page .form-group textarea.error,.accessibility-feedback-page .form-group select.error{border-color:#ef4444}.accessibility-feedback-page .form-group input.error:focus,.accessibility-feedback-page .form-group textarea.error:focus,.accessibility-feedback-page .form-group select.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.accessibility-feedback-page .form-group input:disabled{cursor:not-allowed;opacity:.7;background:#f1f5f9}.accessibility-feedback-page .form-group input::placeholder,.accessibility-feedback-page .form-group textarea::placeholder{color:#94a3b8}.accessibility-feedback-page .char-counter{color:#64748b;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;display:flex}.accessibility-feedback-page .char-valid{color:#22c55e;font-size:.875rem}.accessibility-feedback-page .form-actions{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;padding:2rem;display:flex}.accessibility-feedback-page .btn-secondary,.accessibility-feedback-page .btn-primary{cursor:pointer;border:none;border-radius:3rem;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 2rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.accessibility-feedback-page .btn-secondary{color:#1e293b;background:#fff;border:2px solid #e2e8f0}.accessibility-feedback-page .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.accessibility-feedback-page .btn-primary{color:#fff;background:linear-gradient(135deg,#5d76f1,#8a4af3);min-width:160px;box-shadow:0 10px 20px -5px #5d76f166}.accessibility-feedback-page .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px -5px #5d76f180}.accessibility-feedback-page .btn-primary:disabled{opacity:.5;cursor:not-allowed}.accessibility-feedback-page .btn-primary.loading{cursor:wait;background:linear-gradient(135deg,#94a3b8,#64748b)}.accessibility-feedback-page .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.accessibility-feedback-page .accessibility-feedback-success{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.accessibility-feedback-page .success-content{text-align:center;background:#fff;border-radius:2rem;max-width:500px;padding:3rem;box-shadow:0 30px 60px -15px #0003}.accessibility-feedback-page .success-content .success-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2.5rem;display:flex;box-shadow:0 20px 40px -10px #22c55e4d}.accessibility-feedback-page .success-content h2{color:#1e293b;margin-bottom:1rem;font-size:2rem;font-weight:700}.accessibility-feedback-page .success-content p{color:#64748b;margin-bottom:2rem;line-height:1.6}.accessibility-feedback-page .success-actions{justify-content:center;gap:1rem;display:flex}.accessibility-feedback-page .success-btn{cursor:pointer;border:none;border-radius:3rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.accessibility-feedback-page .success-btn.primary{color:#fff;background:linear-gradient(135deg,#5d76f1,#8a4af3);box-shadow:0 10px 20px -5px #5d76f166}.accessibility-feedback-page .success-btn.primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #5d76f180}@media (max-width:768px){.accessibility-feedback-page .feedback-header h1{font-size:2rem}.accessibility-feedback-page .form-row{grid-template-columns:1fr;gap:0}.accessibility-feedback-page .form-actions{flex-direction:column}.accessibility-feedback-page .btn-secondary,.accessibility-feedback-page .btn-primary{justify-content:center;width:100%}.accessibility-feedback-page .success-actions{flex-direction:column}.accessibility-feedback-page .success-content{padding:2rem}}@media (max-width:480px){.accessibility-feedback-page .feedback-container{padding:0 1rem}.accessibility-feedback-page .form-section{padding:1.5rem}}