.feedback-page{min-height:100vh;background-color:white;color:#333}.feedback-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);padding:.75rem 0}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;justify-content:space-between}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.75rem}.nav-logo-img{height:2.5rem;width:2.5rem;border-radius:.5rem;object-fit:cover}.nav-logo-text{font-size:1.1rem;font-weight:600;color:black;margin:0}.back-link{color:#666;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease}.back-link:hover{color:black;background:rgba(0,0,0,.05)}.feedback-container{max-width:750px;margin:0 auto;padding:8rem 2rem 4rem;min-height:100vh}.feedback-header{text-align:center;margin-bottom:3rem}.feedback-title{font-size:2.5rem;font-weight:700;color:black;margin-bottom:1rem;line-height:1.2}.feedback-intro{font-size:1.1rem;color:#666;line-height:1.6;max-width:600px;margin:0 auto}.feedback-form{background:white;border-radius:1rem;border:1px solid rgba(0,0,0,.1);padding:1.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.form-section{margin-bottom:1.875rem}.form-label{display:block;font-size:1rem;font-weight:600;color:black;margin-bottom:.75rem}.required{color:#ef4444}.rating-container{display:flex;align-items:center;gap:.5rem}.star-button{background:none;border:none;cursor:pointer;padding:.25rem;transition:transform .2s ease}.star-button:hover{transform:scale(1.1)}.star{font-size:1.5rem;color:#d1d5db;transition:color .2s ease}.star.filled{color:#fbbf24}.rating-text{margin-left:1rem;font-weight:500;color:#666}.feedback-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.feedback-type-btn{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:1rem;background:white;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .2s ease;text-align:left;height:70px;width:100%;box-sizing:border-box}.feedback-type-btn:hover{border-color:#d1d5db;transform:translateY(-1px)}.feedback-type-btn.active{border-color:black;background:#f9fafb}.type-emoji{font-size:1.25rem}.type-label{font-weight:500;color:#374151}.feedback-input,.feedback-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease;font-family:inherit;resize:vertical}.feedback-input:focus,.feedback-textarea:focus{outline:none;border-color:black}.feedback-textarea{min-height:120px}.character-counter{font-size:.875rem;color:#6b7280;margin-top:.5rem;text-align:right}.counter-warning{color:#ef4444;font-weight:500}.input-help{font-size:.875rem;color:#6b7280;margin-top:.5rem;margin-bottom:0}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 2rem;background:black;color:white;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#374151;transform:translateY(-1px)}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.spinner{width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.success-container{text-align:center;padding:4rem 2rem;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.success-icon{font-size:4rem;color:black;margin-bottom:1.5rem;display:block}.success-title{font-size:2.5rem;font-weight:700;color:black;margin-bottom:1rem}.success-message{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:2rem}.success-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.home-btn,.submit-another-btn{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;font-size:1rem}.submit-another-btn{background:black;color:white}.submit-another-btn:hover{background:#374151;transform:translateY(-1px)}.home-btn{background:white;color:black;border:2px solid black}.home-btn:hover{background:black;color:white;transform:translateY(-1px)}@media (max-width:768px){.feedback-container{padding:6rem 1rem 4rem}.feedback-title{font-size:2rem}.feedback-form{padding:1.5rem}.feedback-types{grid-template-columns:1fr}.success-actions{flex-direction:column;align-items:center}.home-btn,.submit-another-btn{width:100%;max-width:300px}}@media (max-width:480px){.nav-container{padding:0 1rem}.nav-logo-text{font-size:1rem}.feedback-title{font-size:1.75rem}.feedback-intro{font-size:1rem}.success-title{font-size:2rem}.success-icon{font-size:3rem}}