*{box-sizing:border-box}.feedback-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex}.feedback-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32f2;border-radius:24px;width:100%;max-width:600px;padding:40px;animation:.6s ease-out cardSlideIn;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a}.feedback-card:before{content:"";background:linear-gradient(90deg,#f59e10,#ff8c42,#ff7b25,#f59e10) 0 0/200% 100%;height:2px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.feedback-header{text-align:center;margin-bottom:32px}.feedback-header h2{color:#fff;background:linear-gradient(135deg,#fff,#a3a3a3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:28px;font-weight:700}.feedback-header p{color:#9ca3af;margin:0;font-size:16px}.status-message{border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;font-weight:500;animation:.4s ease-out statusSlideIn;display:flex}.status-message.success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.status-message.error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}@keyframes statusSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.feedback-form{flex-direction:column;gap:24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#e5e7eb;letter-spacing:.025em;font-size:14px;font-weight:600}.form-group input,.form-group textarea{color:#fff;background:#374151cc;border:2px solid #4b556399;border-radius:12px;outline:none;padding:14px 16px;font-size:16px;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus{background:#374151;border-color:#f59e10;transform:translateY(-1px);box-shadow:0 0 0 4px #f59e101a}.form-group input.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.error-text{color:#ef4444;font-size:12px;font-weight:500}.rating-container{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.star{cursor:pointer;color:#4b5563;filter:drop-shadow(0 1px 2px #0000004d);transition:all .2s}.star:hover{color:#fbbf24;transform:scale(1.1)}.star.filled{color:#fbbf24;fill:#fbbf24}.rating-text{color:#9ca3af;margin-left:8px;font-size:14px}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e10,#ff8c42);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f59e104d}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn.submitting{pointer-events:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.feedback-container{padding:16px}.feedback-card{padding:24px}.form-row{grid-template-columns:1fr;gap:16px}.feedback-header h2{font-size:24px}.rating-container{justify-content:center}}@media (max-width:480px){.feedback-card{border-radius:16px;padding:20px}.feedback-header h2{font-size:22px}.star{width:24px;height:24px}}
