.feedback-page{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;min-height:100vh}.feedback-page header#page-header{background:linear-gradient(135deg,#1f2937,#111827);box-shadow:0 2px 10px #0000004d}#toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 6px 20px #0003,0 0 0 1px #0000000d;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease-out;min-width:320px}.toast.success{border-left:4px solid #43b581}.toast.error{border-left:4px solid #ef4444}.toast.info{border-left:4px solid #667eea}.toast-icon{font-size:24px;flex-shrink:0}.toast-content{flex:1}.toast-title{font-weight:600;margin-bottom:2px;color:#1f2937;font-size:15px}.toast-message{font-size:14px;color:#6b7280;margin:0}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}#loading-overlay.hidden{display:none}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#43b581;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#fff;font-size:16px;font-weight:500}.feedback-section{padding-top:80px!important;padding-bottom:80px!important}.feedback-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:0;max-width:700px;margin:0 auto;overflow:hidden;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feedback-card-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 30px;text-align:center;color:#fff}.feedback-icon{font-size:64px;margin-bottom:20px;animation:bounce 1s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feedback-card-header h2{color:#fff;margin-bottom:15px;font-size:32px;text-shadow:2px 2px 8px rgba(0,0,0,.2)}.feedback-subtitle{color:#fffffff2;font-size:16px;line-height:1.6;margin:0}.feedback-card form{padding:40px 30px}.feedback-card .form-group{margin-bottom:25px}.feedback-card .form-group label{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;color:#1f2937;font-size:15px}.label-icon{font-size:18px}.feedback-card input[type=text],.feedback-card input[type=email],.feedback-card textarea{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;background-color:#f9fafb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;transition:all .2s ease}.feedback-card input[type=text]:focus,.feedback-card input[type=email]:focus,.feedback-card textarea:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.feedback-card textarea{resize:vertical;min-height:140px;line-height:1.6}.button-submit{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 32px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px #667eea66;transition:all .3s ease;margin-top:30px}.button-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.button-submit:active{transform:translateY(0)}.button-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-submit .button-icon{font-size:20px}.button-submit.loading{position:relative;color:transparent}.button-submit.loading:after{content:"";position:absolute;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;left:50%;top:50%;margin-left:-10px;margin-top:-10px}.feedback-card.success{animation:successPulse .5s ease-out}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.success-checkmark{display:inline-block;font-size:64px;animation:checkmarkPop .4s ease-out}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}body.dark-mode.feedback-page{background:linear-gradient(135deg,#4c5fd7,#5a3a7a)}body.dark-mode .feedback-card{background:#2a2d31;box-shadow:0 20px 60px #0009}body.dark-mode .feedback-card input[type=text],body.dark-mode .feedback-card input[type=email],body.dark-mode .feedback-card textarea{background-color:#1e1f22;border-color:#3a3e44;color:#dcddde}body.dark-mode .feedback-card input[type=text]:focus,body.dark-mode .feedback-card input[type=email]:focus,body.dark-mode .feedback-card textarea:focus{background-color:#25282c;border-color:#667eea}body.dark-mode .feedback-card .form-group label{color:#dcddde}@media (max-width: 768px){.feedback-section{padding-top:40px!important;padding-bottom:40px!important}.feedback-card{border-radius:12px;margin:0 10px}.feedback-card-header{padding:30px 20px}.feedback-card-header h2{font-size:24px}.feedback-icon{font-size:48px;margin-bottom:15px}.feedback-subtitle{font-size:14px}.feedback-card form{padding:30px 20px}#toast-container{left:10px;right:10px;max-width:none}.toast{min-width:auto}.button-submit{padding:14px 24px;font-size:15px}}.hidden{display:none!important}.text-success{color:#43b581}.text-error{color:#ef4444}