#feedback{background:linear-gradient(135deg,#1a5c45de 0,#1a4b6eef 60%,#0f3352ef 100%);position:relative;overflow:hidden;font-family:'DM Sans',sans-serif}#feedback::before{content:'';position:absolute;top:-90px;right:-90px;width:340px;height:340px;border-radius:50%;background:rgba(77,196,125,.07);pointer-events:none}#feedback::after{content:'';position:absolute;bottom:-70px;left:-70px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none}.feedback-wrapper{margin:0 auto;padding:5vh 5vw;width:100%}.feedback-wrapper h2{font-family:'Playfair Display',serif;font-size:2.4rem;font-weight:500;color:#fff;margin-bottom:10px;letter-spacing:-.5px}.feedback-wrapper p,.feedback-wrapper>.col-md-12>.feedback-wrapper>p{font-size:1rem;color:rgba(255,255,255,.6);font-weight:300;line-height:1.7;letter-spacing:.2px}#feedback-container{display:flex;justify-content:center;padding:2%}.input-field-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:700px;width:100%}#feedback-container input,#feedback-container select,#feedback-container textarea{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;font-family:'DM Sans',sans-serif;font-size:.9rem;padding:12px 16px;outline:0;transition:border-color .2s,background .2s,box-shadow .2s}#feedback-container input::placeholder,#feedback-container textarea::placeholder{color:rgba(255,255,255,.38)}#feedback-container input:focus,#feedback-container select:focus,#feedback-container textarea:focus{border-color:#4dc47d;background:rgba(77,196,125,.1);box-shadow:0 0 0 3px rgba(77,196,125,.15)}.input-error{border-color:#e05c5c!important}.input-valid{border-color:#4dc47d!important}#feedback-container input{flex:1 1 160px;max-width:220px;height:48px}#feedback-container textarea{flex:1 1 220px;max-width:300px;height:48px;min-height:48px;max-height:200px;resize:none}#feedback-container select{flex:1 1 130px;max-width:170px;height:48px;cursor:pointer;appearance:auto;color:rgba(255,255,255,.7)}#feedback-container select option{background:#1a4b6e;color:#fff}.char-count{width:100%;text-align:right;font-size:.72rem;color:rgba(255,255,255,.35);margin-top:-4px;font-weight:300;letter-spacing:.2px}#feedback-container button{background:linear-gradient(90deg,#4dc47d 0,#3aad6a 100%);color:#fff;border:none;border-radius:10px;width:100%;max-width:700px;padding:13px 16px;font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:opacity .2s,transform .15s}#feedback-container button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}#submitFeedback:disabled{background:rgba(255,255,255,.12);color:rgba(255,255,255,.3);cursor:not-allowed;opacity:1;transform:none}.feedback-list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;padding:0 5vw}.feedback-empty{font-size:.9rem;color:rgba(255,255,255,.35);font-weight:300;letter-spacing:.3px}.feedback-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px 20px;max-width:40vw;position:relative;animation:fadeInUp .55s ease both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:left}.feedback-card.feedback-card{border-left-width:1px}.feedback-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.feedback-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#4dc47d,#1a4b6e);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.feedback-identity{display:flex;flex-direction:column;gap:2px;min-width:0}.feedback-name{font-size:.88rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback-date{font-size:.7rem;color:rgba(255,255,255,.4);font-weight:300}.feedback-badge{position:absolute;top:14px;right:14px;background:rgba(77,196,125,.18);border:1px solid rgba(77,196,125,.35);border-radius:20px;padding:2px 8px;font-size:.68rem;font-weight:600;color:#4dc47d;letter-spacing:.3px}.feedback-stars{display:flex;gap:2px;margin-bottom:10px}.star{font-size:13px;line-height:1}.star.filled{color:#f7b731}.star.empty{color:rgba(255,255,255,.2)}.feedback-text{font-size:.84rem;color:rgba(255,255,255,.75);line-height:1.5;margin:0}@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:600px){.feedback-wrapper h2{font-size:1.8rem}.input-field-container{gap:12px}#feedback-container input{max-width:100%}#feedback-container textarea{max-width:100%}#feedback-container select{max-width:100%}.feedback-card{width:90vw;max-width:340px}.feedback-list{gap:14px}}