:root{--feedback-page-bg: #f4f4f4;--card-bg: #f1f1f1;--muted: #4a4e55;--border: #d7d7d7;--accent: #027dab;--accent-dark: #00a6d6;--danger: #580101;--radius: 10px;--container-w: 1100px;--card-w: 560px;--font-sans: "Open Sans", system-ui, -apple-system, Arial}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--feedback-page-bg, #f1f1f1)!important;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{padding:60px 20px 96px;display:flex;justify-content:center}.feedback-card{padding:60px 0 0;width:100%;max-width:var(--card-w);margin:0 auto}.card-inner{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 6px 10px #668a95be}#feedback_title{margin:0;font-size:25px;text-align:center;font-weight:600;letter-spacing:-.2px}.lead{margin:18px 0 -14px;text-align:center;color:var(--muted);font-size:14.5px;line-height:1.4}form{width:100%}#error_message{min-height:20px;margin-bottom:8px;color:var(--danger);font-size:13px;text-align:center}#status_message{min-height:20px;margin-bottom:8px;font-size:14px;text-align:center}.field-label{display:block;font-size:14px;font-weight:600;color:#000;margin:12px 0 6px}.field-input{display:block;width:100%;padding:10px;font-size:14px;color:#000;background:#f9fbfdb0;border:1px solid var(--border);border-radius:8px;outline:none;transition:box-shadow .12s ease,border-color .12s ease}.field-note{margin:6px 0 10px;font-size:12px;color:var(--muted);line-height:1.3}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #83067009}textarea.field-input{min-height:110px;resize:vertical;line-height:1.5}select.field-input{background-color:#f9fbfdcd;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9ca3af 50%),linear-gradient(135deg,#9ca3af 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:36px}.submit-btn{margin-top:18px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:background .12s ease,transform .06s ease;box-shadow:0 2px #00000008 inset}.submit-btn i{font-size:14px;opacity:.95}.submit-btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.status-success{color:#064e48;background:#06728314;border:1px solid rgba(6,114,131,.12);padding:10px 16px;border-radius:8px;font-size:14px;align-items:center;justify-content:center;order:9999;margin-top:10px}.status-error{color:#7b0b0b;background:#c53f3f0f;border:1px solid rgba(197,63,63,.12);padding:10px 16px;border-radius:8px;font-size:14px;align-items:center;justify-content:center;order:9999;margin-top:10px}@media (max-width:620px){.feedback-card{width:100%;padding:10px 0 0}.card-inner{padding:40px}main{padding-left:12px;padding-right:12px;padding-top:90px}#feedback_title{font-size:20px;font-weight:600}}.field-input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 4px #c53f3f14}form{display:flex;flex-direction:column}.submit-btn{order:5000}
