.mq-btn {
	display: inline-block;
	padding: 12px 22px;
	border-radius: var(--mq-radius);
	font-family: var(--font-display);
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none;
	border: 1px solid transparent;
}
.mq-btn--primary {
	background: var(--mq-accent-bright);
	color: #ffffff;
}
.mq-btn--primary:hover { background: var(--mq-accent); }
.mq-btn--ghost {
	background: transparent;
	border-color: var(--mq-border);
	color: var(--mq-text);
}
.mq-btn--ghost:hover { border-color: var(--mq-accent-bright); }

.mq-card {
	background: var(--mq-surface);
	border: 1px solid var(--mq-border);
	border-radius: var(--mq-radius);
	padding: 24px;
}

.mq-header {
	border-bottom: 1px solid var(--mq-border);
	background: var(--mq-bg-deep);
}
.mq-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 20px;
	max-width: var(--mq-max-width);
	margin: 0 auto;
	flex-wrap: wrap;
}
.mq-logo img { height: 40px; width: auto; }
.mq-nav ul {
	display: flex;
	gap: 22px;
	list-style: none;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}
.mq-nav a {
	color: var(--mq-text-dim);
	text-decoration: none;
	font-size: 0.95rem;
}
.mq-nav a:hover { color: var(--mq-text); }

.mq-footer {
	border-top: 1px solid var(--mq-border);
	padding: 40px 0;
	color: var(--mq-text-faint);
	font-size: 0.9rem;
}
.mq-footer__inner {
	max-width: var(--mq-max-width);
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
}

.mq-comunidade { max-width: 560px; }
.mq-form { display: flex; flex-direction: column; gap: 16px; margin-top: 24px; }
.mq-form__field { display: flex; flex-direction: column; gap: 6px; }
.mq-form__field label { font-size: 0.9rem; color: var(--mq-text-dim); }
.mq-form__field input, .mq-form__field textarea {
	background: var(--mq-bg-deep);
	border: 1px solid var(--mq-border);
	border-radius: var(--mq-radius);
	color: var(--mq-text);
	font-family: var(--font-body);
	padding: 10px 12px;
}
.mq-form-notice { padding: 12px 16px; border-radius: var(--mq-radius); }
.mq-form-notice--ok { background: rgba(22, 163, 74, 0.15); color: var(--mq-success-bright); }
.mq-form-notice--erro { background: rgba(220, 38, 38, 0.15); color: var(--mq-danger-bright); }