.feedback-page .page-shell {
 	max-width: 1200px;
 	margin: 0 auto;
 	padding: 48px 20px 72px;
 }
 
 .feedback-page .page-hero {
 	display: grid;
 	gap: 12px;
 	margin-bottom: 24px;
 }
 
 .feedback-page .page-badge {
 	display: inline-flex;
 	align-items: center;
 	gap: 8px;
 	padding: 8px 16px;
 	border-radius: 999px;
 	background: rgba(30, 136, 229, 0.12);
 	color: var(--brand-700);
 	font-size: 12px;
 	letter-spacing: 1px;
 	text-transform: uppercase;
 	font-weight: 600;
 	width: fit-content;
 }
 
 .feedback-page .page-title {
 	font-size: clamp(28px, 3.2vw, 40px);
 	margin: 0;
 	color: var(--ink-900);
 }
 
 .feedback-page .page-subtitle {
 	margin: 0;
 	color: var(--ink-500);
 	font-size: 16px;
 	line-height: 1.6;
 	max-width: 760px;
 }
 
 .feedback-page .form-card {
 	background: #ffffff;
 	border-radius: 24px;
 	padding: 28px;
 	box-shadow: var(--shadow-lg);
 	border: 1px solid rgba(9, 32, 78, 0.08);
 }
 
 .feedback-page .form-card-header {
 	display: grid;
 	gap: 8px;
 	margin-bottom: 24px;
 }
 
 .feedback-page .form-card-header h2 {
 	margin: 0;
 	font-size: 20px;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	color: var(--brand-700);
 }
 
 .feedback-page .form-card-header p {
 	margin: 0;
 	color: var(--ink-500);
 }
 
 .feedback-page .form-grid {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 	gap: 20px;
 }
 
 .feedback-page .field {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 }
 
 .feedback-page .field-full {
 	grid-column: 1 / -1;
 }
 
 .feedback-page .field label {
 	font-weight: 600;
 	color: var(--ink-700);
 }
 
 .feedback-page .checkbox-line {
 	display: flex;
 	align-items: center;
 	gap: 10px;
 	padding-top: 4px;
 }
 
.feedback-page .form-card .ui-inputfield,
.feedback-page .form-card .ui-selectonemenu,
.feedback-page .form-card .ui-calendar,
.feedback-page .form-card .ui-autocomplete,
.feedback-page .form-card .ui-inputtextarea {
	width: 100%;
}

.feedback-page .form-card .ui-autocomplete input,
.feedback-page .form-card .ui-inputtext,
.feedback-page .form-card .ui-inputmask {
	width: 100%;
	max-width: 100%;
}
 
 .feedback-page .form-card .ui-selectonemenu-label,
 .feedback-page .form-card .ui-inputfield,
 .feedback-page .form-card .ui-inputtextarea {
 	border-radius: 12px;
 	border: 1px solid rgba(9, 32, 78, 0.15);
 	padding: 10px 12px;
 	background: #f7f9ff;
 }
 
 .feedback-page .form-card .ui-inputtextarea {
 	min-height: 120px;
 	resize: vertical;
 }
 
 .feedback-page .form-card .ui-inputfield.ui-state-focus,
 .feedback-page .form-card .ui-inputtextarea.ui-state-focus,
 .feedback-page .form-card .ui-selectonemenu.ui-state-focus,
 .feedback-page .form-card .ui-selectonemenu.ui-state-hover {
 	border-color: var(--brand-600);
 	box-shadow: 0 0 0 3px rgba(30, 136, 229, 0.18);
 }
 
 .feedback-page .counter {
 	font-size: 12px;
 	color: var(--ink-500);
 }
 
 .feedback-page .form-footer {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	margin-top: 24px;
 }
 
 .feedback-page .form-actions {
 	display: flex;
 	justify-content: flex-end;
 	align-items: center;
 	gap: 16px;
 	flex-wrap: wrap;
 }
 
 .feedback-page .form-actions .ui-button {
 	border-radius: 999px;
 	background: var(--brand-600);
 	border: none;
 	box-shadow: 0 12px 24px rgba(30, 136, 229, 0.2);
 }
 
 .feedback-page .form-actions .ui-button.ui-state-hover {
 	background: var(--brand-700);
 }
 
 .feedback-page .form-actions .ui-button .ui-button-text {
 	color: #ffffff;
 	font-weight: 600;
 }
 
 .feedback-page .form-actions .ui-commandlink {
 	color: var(--ink-500);
 	font-weight: 600;
 }
 
 @media (max-width: 720px) {
 	.feedback-page .form-card {
 		padding: 20px;
 	}
 }