:root{--primary: #4361ee;--primary-dark: #3a0ca3;--primary-light: #4cc9f0;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2);--transition: all .3s ease;--radius: 12px;--radius-sm: 8px;--success: #4CAF50;--error: #f44336;--danger: #e74c3c;--warning: #FF9800;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--background: #031830;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;color:var(--gray-800);background-color:var(--background);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.bug-report-note{background:#e74c3c1a;border-left:3px solid var(--danger);padding:1rem;margin:1.5rem 0;text-align:left;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.bug-report-note p{margin:0;display:flex;align-items:flex-start;gap:.5rem;font-size:.95rem}.bug-report-note a{color:var(--danger);text-decoration:underline;white-space:nowrap}.bug-report-note a:hover{color:#fff}.feedback-container{width:100%;max-width:800px;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden}.feedback-header{padding:30px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;text-align:center}.feedback-header .logo-container{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:16px}.feedback-header .logo{width:80px;height:80px;border-radius:50%;object-fit:contain;padding:8px}.feedback-header h1{font-size:28px;font-weight:600;margin:0}.feedback-header p{font-size:16px;opacity:.9;max-width:600px;margin:0 auto}.feedback-form{padding:30px;display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:8px}label{font-size:14px;font-weight:500;color:var(--gray-700)}.required{color:var(--error)}input,select,textarea{padding:12px 16px;border:1px solid var(--gray-300);border-radius:8px;font-size:15px;transition:all .2s;background-color:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a}input::placeholder,textarea::placeholder{color:var(--gray-400)}textarea{resize:vertical;min-height:120px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-footer{margin-top:10px;display:flex;flex-direction:column;gap:12px;align-items:center}.submit-btn{padding:12px 24px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;width:100%;max-width:300px;justify-content:center}.submit-btn:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.form-note{font-size:13px;color:var(--gray-500);text-align:center}.status-message{padding:16px;border-radius:8px;margin:0 30px 30px;font-size:14px;display:flex;align-items:center;gap:10px}.status-message.error{background-color:#f443361a;color:var(--error);border-left:4px solid var(--error)}.status-message.success{background-color:#4caf501a;color:var(--success);border-left:4px solid var(--success)}.status-message.hidden{display:none}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.spinner.hidden{display:none}#otherSubject{width:100%}footer{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:.5rem;background:#000000b3;padding:.8rem 1rem;text-align:center;align-items:center}#copyright{color:#adb5bd;font-size:.9rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#adb5bd;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:#4dabf7}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay.hidden{display:none}.confirmation-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:12px;box-shadow:var(--shadow-xl);z-index:1001;width:90%;max-width:500px;opacity:0;visibility:hidden;transition:all .3s ease}.confirmation-modal.show{opacity:1;visibility:visible}.confirmation-modal.hidden{opacity:0;visibility:hidden}.modal-content{padding:30px;text-align:center}.modal-icon{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-icon.success{background-color:#4caf501a}.modal-icon svg{width:40px;height:40px}.confirmation-modal h2{font-size:24px;margin-bottom:16px;color:var(--gray-800)}.confirmation-modal p{color:var(--gray-600);margin-bottom:24px}.ticket-info{background-color:var(--gray-100);padding:12px;border-radius:8px;margin-bottom:24px}.ticket-info p{margin:0;font-weight:500}#ticketId{font-family:monospace;color:var(--primary);font-weight:600;font-size:16px}.modal-btn{padding:12px 24px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.modal-btn:hover{background-color:var(--primary-dark)}@media (max-width: 768px){.form-row{flex-direction:column;gap:20px}.feedback-header,.feedback-form{padding:24px 20px}.feedback-header h1{font-size:24px}.bug-report-note p{display:block}}@media (max-width: 480px){body{padding:12px}.feedback-container{border-radius:8px}.feedback-header,.feedback-form{padding:20px 16px}.submit-btn{width:100%}}