.feedback-form-container{grid-template-columns:1fr 1fr;align-items:stretch;gap:40px;width:100%;display:grid}.feedback-form-wrapper{width:100%}.feedback-form{background:var(--surface);border:1px solid var(--border);border-radius:24px;flex-direction:column;height:100%;padding:40px;transition:all .3s;display:flex;position:relative;overflow:hidden}.feedback-form:before{content:"";background:var(--gradient-primary);opacity:.8;height:4px;position:absolute;top:0;left:0;right:0}.feedback-form:hover{border-color:var(--primary);box-shadow:0 20px 50px #0003}.form-header{margin-bottom:32px}.form-header h3{color:var(--text);margin-bottom:8px;font-size:24px;font-weight:700}.form-header p{color:var(--text-muted);font-size:15px;line-height:1.6}.form-group{margin-bottom:24px;position:relative}.form-group label{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.required{color:var(--accent);margin-left:2px}.form-group input,.form-group textarea{background:var(--bg);border:2px solid var(--border);width:100%;color:var(--text);border-radius:12px;outline:none;padding:14px 16px;font-family:Outfit,sans-serif;font-size:15px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background:var(--bg-secondary);box-shadow:0 0 0 4px #8b5cf61a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-subtle)}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.form-group.has-error input,.form-group.has-error textarea{background:#ef44440d;border-color:#ef4444}.form-group.has-error input:focus,.form-group.has-error textarea:focus{box-shadow:0 0 0 4px #ef44441a}.error-message{color:#ef4444;margin-top:6px;font-size:13px;font-weight:500;animation:.2s slideDown;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.char-count{color:var(--text-subtle);text-align:right;margin-top:6px;font-size:12px;display:block}.submit-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 32px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #8b5cf64d}.submit-btn:before{content:"";background:var(--gradient-primary);border-radius:inherit;z-index:-1;filter:blur(15px);opacity:.6;transition:opacity .3s;position:absolute;inset:-2px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf666}.submit-btn:hover:not(:disabled):before{opacity:.9}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn.loading{pointer-events:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-message{border-radius:12px;align-items:center;gap:12px;margin-top:20px;padding:14px 18px;font-size:14px;font-weight:500;animation:.3s slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-message.success{color:#10b981;background:#10b9811a;border:1px solid #10b9814d}.status-message.error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.status-message svg{flex-shrink:0}input:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}.feedback-decorative{background:var(--surface);border:1px solid var(--border);border-radius:24px;justify-content:center;align-items:center;height:100%;padding:50px 40px;display:flex;position:relative;overflow:hidden}.feedback-decorative:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf61a,#0000 70%);width:400px;height:400px;position:absolute;top:-50%;right:-50%}.decorative-content{z-index:2;text-align:center;position:relative}.decorative-icons{pointer-events:none;position:absolute;inset:0}.doodle-icon{opacity:.4;font-size:32px;animation:6s ease-in-out infinite floatDoodle;position:absolute}.doodle-icon.float-1{animation-duration:8s;animation-delay:0s;top:10%;left:15%}.doodle-icon.float-2{animation-duration:7s;animation-delay:1s;top:20%;right:20%}.doodle-icon.float-3{animation-duration:9s;animation-delay:2s;top:50%;left:10%}.doodle-icon.float-4{animation-duration:7.5s;animation-delay:1.5s;bottom:30%;right:15%}.doodle-icon.float-5{animation-duration:8.5s;animation-delay:.5s;bottom:15%;left:20%}.doodle-icon.float-6{animation-duration:6.5s;animation-delay:2.5s;top:40%;right:10%}@keyframes floatDoodle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}.decorative-message{max-width:400px;margin:0 auto}.message-icon{margin-bottom:24px;font-size:64px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.decorative-message h3{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:28px;font-weight:700}.decorative-message>p{color:var(--text-muted);margin-bottom:32px;font-size:16px;line-height:1.7}.decorative-quotes{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.quote-item{color:var(--text);background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;transition:all .3s;display:flex}.quote-item:hover{background:#8b5cf61a;border-color:#8b5cf633;transform:translate(4px)}.quote-icon{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.decorative-footer{border-top:1px solid var(--border);margin-top:40px;padding-top:24px}.gratitude-text{color:var(--text-muted);font-size:15px;font-style:italic;line-height:1.6}@media (max-width:1024px){.feedback-form-container{grid-template-columns:1fr;gap:30px}.feedback-decorative{height:auto;min-height:400px;padding:40px 30px}.doodle-icon{font-size:28px}}@media (max-width:768px){.feedback-form{padding:28px 24px}.form-header h3{font-size:20px}.form-header p{font-size:14px}.form-group{margin-bottom:20px}.submit-btn{padding:14px 28px;font-size:15px}.feedback-decorative{min-height:350px;padding:32px 24px}.message-icon{font-size:48px}.decorative-message h3{font-size:24px}.decorative-message>p{font-size:15px}}@media (max-width:480px){.feedback-form{padding:24px 20px}.form-header{margin-bottom:24px}.form-group input,.form-group textarea{padding:12px 14px;font-size:14px}.feedback-decorative{padding:28px 20px}.doodle-icon{font-size:24px}}:root[data-theme=light] .feedback-form{background:#fff;border-color:#e5e7eb}:root[data-theme=light] .feedback-form:hover{border-color:#8b5cf6;box-shadow:0 20px 50px #00000014}:root[data-theme=light] .form-header h3{color:#111827}:root[data-theme=light] .form-header p{color:#6b7280}:root[data-theme=light] .form-group label{color:#374151}:root[data-theme=light] .form-group input,:root[data-theme=light] .form-group textarea{color:#111827;background:#f9fafb;border-color:#e5e7eb}:root[data-theme=light] .form-group input:focus,:root[data-theme=light] .form-group textarea:focus{background:#fff;border-color:#8b5cf6}:root[data-theme=light] .char-count{color:#9ca3af}:root[data-theme=light] .feedback-decorative{background:#f9fafb;border-color:#e5e7eb}:root[data-theme=light] .feedback-decorative:before{background:radial-gradient(circle,#8b5cf60f,#0000 70%)}:root[data-theme=light] .decorative-message>p{color:#6b7280}:root[data-theme=light] .quote-item{color:#374151;background:#8b5cf608;border-color:#8b5cf614}:root[data-theme=light] .quote-item:hover{background:#8b5cf60f;border-color:#8b5cf626}:root[data-theme=light] .gratitude-text{color:#6b7280}:root[data-theme=light] .decorative-footer{border-top-color:#e5e7eb}
