:root {
	--muze-hub-ink: #fff7fb;
	--muze-hub-muted: #d9a8c2;
	--muze-hub-panel: rgba( 30, 5, 21, .92 );
	--muze-hub-line: rgba( 255, 77, 155, .28 );
	--muze-hub-pink: #ff277f;
	--muze-hub-violet: #b73bff;
}

.muze-hub,
.muze-hub-admin {
	box-sizing: border-box;
	color: var(--muze-hub-ink);
}

.muze-hub *,
.muze-hub-admin * {
	box-sizing: border-box;
}

.muze-hub {
	max-width: 1180px;
	margin: 24px auto;
	padding: 0 16px 48px;
}

.muze-hub__hero,
.muze-hub-admin__hero {
	position: relative;
	overflow: hidden;
	padding: clamp(24px, 5vw, 48px);
	border: 1px solid var(--muze-hub-line);
	border-radius: 24px;
	background:
		radial-gradient(circle at 90% 0, rgba(183, 59, 255, .28), transparent 42%),
		linear-gradient(135deg, #260516, #12040d 62%, #21051a);
	box-shadow: 0 24px 70px rgba( 44, 0, 25, .34 );
}

.muze-hub__hero > span,
.muze-hub-admin__hero span,
.muze-hub-admin__card > span {
	color: #ff82b8;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.muze-hub__hero h1,
.muze-hub-admin__hero h1 {
	margin: 4px 0 8px;
	color: #fff;
	font-size: clamp(30px, 5vw, 48px);
	line-height: 1.05;
}

.muze-hub__hero p,
.muze-hub-admin__hero p {
	max-width: 760px;
	margin: 0;
	color: var(--muze-hub-muted);
	font-size: 16px;
}

.muze-hub__grid,
.muze-hub-admin__split,
.muze-hub-admin__cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.muze-hub-admin__cards {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.muze-hub__panel,
.muze-hub-admin__panel,
.muze-hub-admin__card {
	margin-top: 18px;
	padding: 22px;
	border: 1px solid var(--muze-hub-line);
	border-radius: 18px;
	background: var(--muze-hub-panel);
	color: var(--muze-hub-ink);
}

.muze-hub__panel h2,
.muze-hub-admin__panel h2,
.muze-hub-admin__card h3 {
	margin-top: 0;
	color: #fff;
}

.muze-hub__panel p,
.muze-hub__panel li,
.muze-hub__panel small,
.muze-hub-admin__panel p,
.muze-hub-admin__panel li,
.muze-hub-admin__card p {
	color: var(--muze-hub-muted);
}

.muze-hub__form,
.muze-hub__form-grid,
.muze-hub-admin__form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.muze-hub__form label,
.muze-hub-admin__form label,
.muze-hub__form fieldset {
	display: grid;
	gap: 6px;
	min-width: 0;
	color: #fff;
	font-weight: 700;
}

.muze-hub__form .is-wide,
.muze-hub-admin__form .is-wide {
	grid-column: 1 / -1;
}

.muze-hub__form fieldset {
	padding: 16px;
	border: 1px solid var(--muze-hub-line);
	border-radius: 14px;
}

.muze-hub__form input,
.muze-hub__form select,
.muze-hub__form textarea,
.muze-hub-admin__form input,
.muze-hub-admin__form select,
.muze-hub-admin__form textarea,
.muze-hub__table textarea,
.muze-hub__table select {
	width: 100%;
	min-height: 44px;
	padding: 10px 12px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 10px;
	background: #14050e;
	color: #fff;
}

.muze-hub__form input[type="checkbox"] {
	width: 20px;
	min-height: 20px;
}

.muze-hub__form .is-check {
	display: grid;
	grid-template-columns: 24px 1fr;
	align-items: start;
	font-weight: 500;
}

.muze-hub__button,
.muze-hub a.muze-hub__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px 20px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--muze-hub-pink), var(--muze-hub-violet));
	color: #fff;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
}

.muze-hub__notice,
.muze-hub__callout,
.muze-hub-admin__callout,
.muze-hub-admin__status {
	margin-top: 16px;
	padding: 14px 16px;
	border: 1px solid var(--muze-hub-line);
	border-radius: 12px;
	background: rgba(255, 39, 127, .1);
}

.muze-hub__notice.is-error {
	border-color: #ff6b6b;
	background: rgba(255, 80, 80, .14);
}

.muze-hub__table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.muze-hub__table {
	min-width: 760px;
}

.muze-hub__pill {
	display: inline-flex;
	padding: 4px 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .1);
}

.muze-hub__pill.status-approved {
	background: rgba(41, 205, 133, .18);
	color: #75efb3;
}

.muze-hub__pill.status-rejected {
	background: rgba(255, 80, 80, .18);
	color: #ff9b9b;
}

.muze-hub__labels {
	display: grid;
	gap: 12px;
	padding: 0;
	list-style: none;
}

.muze-hub__labels li,
.muze-hub-admin__head,
.muze-hub-admin__status {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.muze-hub-admin {
	--muze-hub-panel: #fff;
	--muze-hub-ink: #21111a;
	--muze-hub-muted: #6f4a5c;
	max-width: 1440px;
}

.muze-hub-admin .nav-tab-wrapper {
	margin-top: 18px;
}

.muze-hub-admin__card {
	margin-top: 0;
}

.muze-hub-admin__panel h2,
.muze-hub-admin__card h3,
.muze-hub-admin__form label {
	color: #21111a;
}

.muze-hub-admin__form input,
.muze-hub-admin__form select,
.muze-hub-admin__form textarea,
.muze-hub-admin .muze-hub__table textarea,
.muze-hub-admin .muze-hub__table select {
	background: #fff;
	color: #21111a;
}

.muze-hub-admin__form--label {
	grid-template-columns: repeat(6, minmax(110px, 1fr));
}

.muze-launch-checklist,
.muze-launch-steps {
	display: grid;
	gap: 10px;
	margin: 18px 0 0;
}

.muze-launch-checklist {
	padding: 0;
	list-style: none;
}

.muze-launch-checklist li {
	display: grid;
	grid-template-columns: 58px 1fr;
	gap: 12px;
	align-items: center;
	padding: 11px 13px;
	border: 1px solid #e9d9e2;
	border-radius: 10px;
	background: #fff;
}

.muze-launch-checklist .is-pass strong { color: #08783e; }
.muze-launch-checklist .is-wait strong { color: #a13b00; }
.muze-hub__pill.status-pending { background: #fff1d8; color: #7a4300; }

.muze-legal-admin-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.muze-legal-admin-list article {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 12px;
	border: 1px solid #eadbe3;
	border-radius: 10px;
	background: #fff;
}

.muze-legal-document {
	max-width: 920px;
	margin: 24px auto;
	padding: clamp(20px, 4vw, 44px);
	border: 1px solid rgba(255, 49, 135, .24);
	border-radius: 24px;
	background: #160710;
	color: #f9edf3;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

.muze-legal-document h2 { margin-top: 1.55em; color: #ff5c9e; }
.muze-legal-document a,
.muze-legal-footer a,
.muze-tip-disclosure a,
.muze-checkout-legal a,
.muze-legal-registration a { color: #ff6aa8; }

.muze-legal-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 18px;
	padding: 18px clamp(16px, 4vw, 42px);
	border-top: 1px solid rgba(255, 255, 255, .1);
	background: #080307;
	color: #fff;
	font-size: 13px;
	line-height: 1.7;
}

.muze-legal-footer span { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; }
.muze-tip-disclosure,
.muze-checkout-legal,
.muze-legal-registration { padding: 10px 12px; border: 1px solid rgba(255, 82, 151, .28); border-radius: 10px; background: rgba(255, 82, 151, .08); }

@media (max-width: 1080px) {
	.muze-hub-admin__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.muze-hub-admin__form--label {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.muze-hub,
	.muze-hub-admin {
		padding-left: 12px;
		padding-right: 12px;
	}
	.muze-hub__grid,
	.muze-hub-admin__split,
	.muze-hub-admin__cards,
	.muze-hub__form,
	.muze-hub__form-grid,
	.muze-hub-admin__form,
	.muze-hub-admin__form--label {
		grid-template-columns: 1fr;
	}
	.muze-hub__form .is-wide,
	.muze-hub-admin__form .is-wide {
		grid-column: auto;
	}
	.muze-hub__hero,
	.muze-hub-admin__hero,
	.muze-hub__panel,
	.muze-hub-admin__panel,
	.muze-hub-admin__card {
		border-radius: 16px;
		padding: 18px;
	}
	.muze-hub-admin__head,
	.muze-hub-admin__status,
	.muze-hub__labels li {
		align-items: stretch;
		flex-direction: column;
	}
	.muze-hub__button,
	.muze-hub a.muze-hub__button {
		width: 100%;
	}
	.muze-legal-admin-list { grid-template-columns: 1fr; }
	.muze-legal-footer { align-items: center; flex-direction: column; }
}