*,
*::before,
*::after{
	box-sizing:border-box;
}

html {
	
	--go-brand:#339295;
	--go-brandtext: #E4821F;
	--go-space-xs: .25rem;
	--go-space-sm: .5rem;
	--go-space-md: 1rem;
	--go-space-lg: 2rem;
	--go-space-xl: 3rem;

	--go-radius-sm: .75rem;
	--go-radius-md: 1rem;
	--go-radius-lg: 1.5rem;

	--go-shadow-sm: 0 2px 8px rgba(0,0,0,.08);
	--go-shadow-md: 0 8px 24px rgba(0,0,0,.12);

	--go-duration-fast: 120ms;
	--go-duration-normal: 220ms;
	
	background: var(--go-bg);
	color: var(--go-text);
	
	
}


body {
	margin: 0;
	background: var(--go-bg);
	color: var(--go-text);
	font-family: "gotham", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.6;
}

h2 {
	color: unset;
	margin-bottom: var(--go-space-md);
}




/*
|--------------------------------------------------------------------------
| KONIGO START
|--------------------------------------------------------------------------
*/

.go-start {
	--go-start-accent:
		var(
			--go-color-primary,
			var(
				--go-primary,
				var(--go-accent, #ed7d18)
			)
		);

	--go-start-accent-dark:
		var(
			--go-color-primary-dark,
			var(--go-primary-dark, #ce6508)
		);

	--go-start-accent-soft:
		var(
			--go-color-primary-soft,
			var(--go-primary-soft, rgba(237, 125, 24, .14))
		);

	--go-start-text:
		var(
			--go-color-text,
			var(--go-text, #152235)
		);

	--go-start-text-soft:
		var(
			--go-color-text-muted,
			var(--go-text-muted, #68758a)
		);

	--go-start-surface:
		var(
			--go-color-surface,
			var(--go-surface, #ffffff)
		);

	--go-start-surface-muted:
		var(
			--go-color-surface-muted,
			var(--go-surface-muted, #f4f6f8)
		);

	--go-start-border:
		var(
			--go-color-border,
			var(--go-border, #dce2e8)
		);

	--go-start-line:
		var(
			--go-color-border,
			var(--go-border, #d6dce3)
		);

	--go-start-muted:
		var(
			--go-color-muted,
			var(--go-muted, #aeb8c5)
		);

	--go-start-muted-text:
		var(
			--go-color-text-muted,
			var(--go-text-muted, #7d8999)
		);

	--go-start-success:
		var(
			--go-color-success,
			var(--go-success, #20a36a)
		);

	--go-start-radius:
		var(
			--go-radius-large,
			var(--go-radius-lg, 18px)
		);

	--go-start-shadow:
		var(
			--go-shadow-card,
			0 12px 32px rgba(23, 34, 53, .08)
		);

	width: min(100%, 1120px);
	margin: 0 auto;
	padding: clamp(30px, 5vw, 64px) 20px 76px;

	color: var(--go-start-text);
}

.go-start,
.go-start *,
.go-start *::before,
.go-start *::after {
	box-sizing: border-box;
}

/* Intro */

.go-start-intro {
	max-width: 820px;
	margin: 0 0 clamp(36px, 5vw, 56px);
}

.go-start-kicker {
	margin: 0 0 10px;

	color: var(--go-start-accent);

	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.go-start-title {
	margin: 0;

	color: var(--go-start-text);

	font-size: clamp(2rem, 5vw, 4rem);
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: -.045em;
}

.go-start-lead {
	max-width: 720px;
	margin: 18px 0 0;

	color: var(--go-start-text-soft);

	font-size: clamp(1rem, 2vw, 1.16rem);
	line-height: 1.65;
}

/* Zusammenfassung */

.go-start-summary {
	width: fit-content;
	margin-top: 22px;
	padding: 9px 14px;

	display: inline-flex;
	align-items: center;
	gap: 10px;

	border: 1px solid var(--go-start-border);
	border-radius: 999px;

	color: var(--go-start-text-soft);
	background: var(--go-start-surface);

	font-size: .86rem;
	line-height: 1.3;
}

.go-start-summary-dot {
	width: 9px;
	height: 9px;
	flex: 0 0 9px;

	border-radius: 50%;

	background: var(--go-start-success);
	box-shadow: 0 0 0 5px rgba(32, 163, 106, .12);
}

.go-start-summary strong {
	color: var(--go-start-text);
	font-weight: 800;
}

/* Projektpfad */

.go-start-path {
	position: relative;

	display: grid;
	gap: 24px;
}

.go-start-path::before {
	content: "";

	position: absolute;
	z-index: 0;
	top: 30px;
	bottom: 30px;
	left: 29px;

	width: 2px;

	background: var(--go-start-line);
}

.go-start-step {
	position: relative;
	z-index: 1;

	display: grid;
	grid-template-columns: 60px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
}

/* Nummerierter Kreis */

.go-start-number {
	position: relative;
	z-index: 2;

	width: 60px;
	height: 60px;

	display: grid;
	place-items: center;

	border: 2px solid var(--go-start-line);
	border-radius: 50%;

	color: var(--go-start-muted-text);
	background: var(--go-start-surface);

	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1;
}

.go-start-step-active .go-start-number {
	color: #ffffff;
	border-color: var(--go-start-accent);

	background:
		linear-gradient(
			145deg,
			var(--go-start-accent),
			var(--go-start-accent-dark)
		);

	box-shadow:
		0 10px 24px var(--go-start-accent-soft);
}

/* Karte */

.go-start-panel {
	min-width: 0;
	min-height: 134px;
	padding: 22px 24px;

	display: grid;
	grid-template-columns: 62px minmax(0, 1fr) minmax(145px, auto);
	gap: 22px;
	align-items: center;

	border: 1px solid var(--go-start-border);
	border-radius: var(--go-start-radius);

	color: inherit;
	background: var(--go-start-surface);

	box-shadow: var(--go-start-shadow);

	text-decoration: none;
}

a.go-start-panel {
	cursor: pointer;

	transition:
		transform .2s ease,
		border-color .2s ease,
		box-shadow .2s ease;
}

a.go-start-panel:hover {
	color: inherit;
	text-decoration: none;

	transform: translateY(-3px);

	border-color: var(--go-start-accent);

	box-shadow:
		0 18px 40px rgba(23, 34, 53, .12);
}

a.go-start-panel:focus-visible {
	outline: 3px solid var(--go-start-accent-soft);
	outline-offset: 3px;
}

.go-start-step-active .go-start-panel {
	border-left: 4px solid var(--go-start-accent);
}

.go-start-step-muted .go-start-panel {
	color: var(--go-start-muted-text);

	background: var(--go-start-surface-muted);

	box-shadow:
		0 9px 25px rgba(23, 34, 53, .045);
}

/* App-Icon */

.go-start-icon {
	width: 62px;
	height: 62px;

	display: grid;
	place-items: center;

	overflow: hidden;

	border-radius: 16px;

	color: #ffffff;

	background:
		linear-gradient(
			145deg,
			var(--go-start-accent),
			var(--go-start-accent-dark)
		);
}

.go-start-icon svg {
	width: 31px;
	height: 31px;

	display: block;

	fill: currentColor;
}

.go-start-step-muted .go-start-icon {
	color: #f8f9fa;

	background:
		linear-gradient(
			145deg,
			#ccd3dc,
			#aab4c1
		);
}

/* Textbereich */

.go-start-copy {
	min-width: 0;
}

.go-start-app-title {
	margin: 0;

	color: var(--go-start-text);

	font-size: clamp(1.2rem, 2vw, 1.45rem);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -.02em;
}

.go-start-step-muted .go-start-app-title {
	color: var(--go-start-muted-text);
}

.go-start-description {
	margin: 7px 0 0;

	color: var(--go-start-text-soft);

	line-height: 1.55;
}

.go-start-step-muted .go-start-description {
	color: var(--go-start-muted-text);
}

/* Funktionsmerkmale */

.go-start-features {
	margin: 12px 0 0;
	padding: 0;

	display: flex;
	flex-wrap: wrap;
	gap: 7px;

	list-style: none;
}

.go-start-feature {
	margin: 0;
	padding: 4px 10px;

	border: 1px solid var(--go-start-border);
	border-radius: 999px;

	color: var(--go-start-text-soft);
	background: transparent;

	font-size: .77rem;
	line-height: 1.35;
}

.go-start-step-muted .go-start-feature {
	color: var(--go-start-muted-text);
}

/* Statusbereich */

.go-start-status {
	min-width: 0;

	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;

	text-align: right;
}

.go-start-status-active {
	padding: 7px 11px;

	display: inline-flex;
	align-items: center;
	gap: 7px;

	border-radius: 999px;

	color: #ffffff;
	background: var(--go-start-accent);

	font-size: .82rem;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap;
}

.go-start-status-active::before {
	content: "";

	width: 7px;
	height: 7px;

	flex: 0 0 7px;

	border-radius: 50%;

	background: currentColor;
}

.go-start-status-muted {
	color: var(--go-start-muted-text);

	font-size: .78rem;
	line-height: 1.3;
	white-space: normal;
}

.go-start-status-muted span,
.go-start-status-muted strong {
	display: block;
}

.go-start-status-muted strong {
	margin-top: 2px;

	font-size: .88rem;
	font-weight: 700;
}

/* Status-SVGs */

.go-start-status-icon,
.go-start-open-icon {
	width: 21px;
	height: 21px;

	display: block;
	flex: 0 0 21px;

	fill: currentColor;
}

.go-start-status-icon {
	color: var(--go-start-muted);
}

.go-start-open-icon {
	color: var(--go-start-text);
}

/* Tablet und Smartphone */

@media (max-width: 760px) {
	.go-start {
		padding:
			32px
			14px
			60px;
	}

	.go-start-intro {
		margin-bottom: 38px;
	}

	.go-start-path {
		gap: 18px;
	}

	.go-start-path::before {
		top: 23px;
		bottom: 23px;
		left: 22px;
	}

	.go-start-step {
		grid-template-columns: 46px minmax(0, 1fr);
		gap: 13px;
	}

	.go-start-number {
		width: 46px;
		height: 46px;

		font-size: .9rem;
	}

	.go-start-panel {
		min-height: 0;
		padding: 17px;

		grid-template-columns: 48px minmax(0, 1fr);
		gap: 14px;
	}

	.go-start-icon {
		width: 48px;
		height: 48px;

		border-radius: 13px;
	}

	.go-start-icon svg {
		width: 25px;
		height: 25px;
	}

	.go-start-status {
		grid-column: 2;

		justify-content: flex-start;

		margin-top: 2px;

		text-align: left;
	}

	.go-start-status-muted span,
	.go-start-status-muted strong {
		display: inline;
	}

	.go-start-status-muted strong {
		margin: 0 0 0 4px;
	}
}

/* Kleine Smartphones */

@media (max-width: 520px) {
	.go-start {
		padding-inline: 11px;
	}

	.go-start-title {
		font-size: clamp(1.9rem, 10vw, 2.7rem);
	}

	.go-start-lead {
		font-size: .96rem;
		line-height: 1.55;
	}

	.go-start-summary {
		align-items: flex-start;
	}

	.go-start-step {
		gap: 10px;
	}

	.go-start-panel {
		padding: 15px;
		gap: 12px;
	}

	.go-start-features {
		display: none;
	}

	.go-start-description {
		font-size: .9rem;
	}

	.go-start-status {
		gap: 8px;
	}
}

/* Sehr kleine Displays */

@media (max-width: 380px) {
	.go-start-panel {
		grid-template-columns: 42px minmax(0, 1fr);
	}

	.go-start-icon {
		width: 42px;
		height: 42px;

		border-radius: 11px;
	}

	.go-start-icon svg {
		width: 22px;
		height: 22px;
	}

	.go-start-status {
		grid-column: 1 / -1;

		padding-left: 54px;
	}
}

/* Bewegungsreduktion */

@media (prefers-reduced-motion: reduce) {
	.go-start *,
	.go-start *::before,
	.go-start *::after {
		scroll-behavior: auto !important;
		transition: none !important;
		animation: none !important;
	}
}


/*
|--------------------------------------------------------------------------
| KONIGO Header – Anmeldung
|--------------------------------------------------------------------------
*/

.project-logo {
	font-family: gotham, sans-serif;
	font-weight: 300;
	display: flex;
	align-items: center;
	gap: .75rem;
	text-decoration: none;
	color: var(--project-night);
	font-weight: 800;
	letter-spacing: .14em;
}

.project-logo-mark {
	width: 54px;
	height: 54px;
	background:
	url('/images/konigo/logo.png') center right / cover no-repeat;
}

.go-header-account {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.go-header-account-button {
	--go-header-account-accent:
		var(
			--go-color-primary,
			var(--go-accent, #31a7a9)
		);

	--go-header-account-accent-dark:
		var(
			--go-color-primary-dark,
			#278b8d
		);

	--go-header-account-text:
		var(
			--go-color-text,
			#152235
		);

	--go-header-account-border:
		var(
			--go-color-border,
			rgba(21, 34, 53, .16)
		);

	min-height: 42px;
	padding: 8px 15px;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;

	border: 1px solid var(--go-header-account-border);
	border-radius: 999px;

	color: var(--go-header-account-text);
	background: transparent;

	font-size: .88rem;
	font-weight: 750;
	line-height: 1;
	text-decoration: none;

	transition:
		color .18s ease,
		border-color .18s ease,
		background .18s ease,
		transform .18s ease,
		box-shadow .18s ease;
}

.go-header-account-button:hover,
.go-header-account-button:focus-visible {
	color: #fff;
	border-color: var(--go-header-account-accent);
	background: var(--go-header-account-accent);
	text-decoration: none;
	transform: translateY(-1px);
	box-shadow:
		0 8px 20px
		rgba(23, 34, 53, .12);
}

.go-header-account-button:focus-visible {
	outline:
		3px solid
		color-mix(
			in srgb,
			var(--go-header-account-accent) 24%,
			transparent
		);

	outline-offset: 3px;
}

/*
 * Eigene KONIGO-SVGs übernehmen die Textfarbe.
 */
.go-header-account-icon {
	width: 21px;
	height: 21px;

	display: block;
	flex: 0 0 auto;

	fill: currentColor;

	pointer-events: none;
}

/*
 * Abmelden leicht unterscheiden, ohne Warnfarbe.
 */
.go-header-account-button-logout {
	color:
		var(
			--go-color-text-muted,
			#68758a
		);
}

/*
|--------------------------------------------------------------------------
| Kleine Displays
|--------------------------------------------------------------------------
*/

@media (max-width: 620px) {
	.go-header-account-button {
		width: 42px;
		height: 42px;
		min-height: 42px;
		padding: 0;

		border-radius: 50%;
	}

	.go-header-account-label {
		position: absolute;

		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;

		overflow: hidden;

		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.go-header-account-button {
		transition: none;
	}
}



.go-main-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: color-mix(in srgb, var(--go-bg) 86%, transparent);
	backdrop-filter: blur(18px);
	border-bottom: 1px solid var(--go-border);
}

.go-main-header .go-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--go-space-md, 1rem);
	padding-block: .9rem;
}

.go-brand-name {
	display: inline-flex;
	align-items: center;
	gap: .0rem;
	color: var(--go-text);
	text-decoration: none;
}

.go-brand-icon {
	/*
	inline-size: 44px;
	block-size: 44px;
	border-radius: 16px;
	*/
	display: flex;
	align-items: center;
	justify-content: center;
	/*
	background: linear-gradient(135deg, var(--go-primary), var(--go-accent));
	color: var(--go-text-light);
	box-shadow: var(--go-shadow-sm, none);
	*/
}

.go-brand strong {
	display: block;
	font-size: 1rem;
	letter-spacing: .14em;
	line-height: 1.1;
}

.go-brand span {
	display: block;
	color: var(--go-muted);
	font-size: .8rem;
	line-height: 1.25;
}



.go-kicker {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	/* gap: .45rem; */
	font-size: .95rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.go-brand {
	display: inline-flex;
}

.go-brand-koni {
	color: var(--go-brand);
}

.go-brand-go {
	color: var(--go-brandtext);
}

.go-brand-app {
	color: var(--go-text-light);
	font-weight: 500;
}





.go-main-nav {
	display: flex;
	align-items: center;
	gap: var(--go-space-md, 1rem);
}

.go-main-nav a {
	color: var(--go-muted);
	text-decoration: none;
	font-weight: 700;
}

.go-main-nav a:hover,
.go-main-nav a:focus-visible {
	color: var(--go-text);
}

.go-main {
	min-block-size: 70vh;
}

.go-footer {
	margin-top: clamp(3rem, 6vw, 5rem);
	padding-block: 2rem;
	background: var(--go-primary-dark);
	color: var(--go-text-light);
}

.go-footer .go-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--go-space-md, 1rem);
}

.go-footer a {
	color: var(--go-text-light);
	text-decoration: none;
	margin-left: 1rem;
	opacity: .8;
}

.go-footer a:hover,
.go-footer a:focus-visible {
	opacity: 1;
}

@media (max-width: 760px) {
	.go-main-header .go-wrap,
	.go-footer .go-wrap {
		align-items: flex-start;
		flex-direction: column;
	}

	.go-main-nav {
		flex-wrap: wrap;
	}
}



.go-app-title {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.go-app-icon {
	width: 82px;
	height: 82px;
	border-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.2rem;
	color: var(--go-text-light);
	background: linear-gradient(135deg, var(--go-app-color), var(--go-primary-dark));
	box-shadow: var(--go-shadow);
	flex-shrink: 0;
}

@media (max-width: 640px) {
	.go-app-title {
		align-items: flex-start;
		flex-direction: column;
	}

	.go-app-icon {
		width: 68px;
		height: 68px;
		font-size: 1.8rem;
	}
}

.go-wrap {
	max-width: var(--go-max);
	margin: 0 auto;
	padding: clamp(1.5rem, 4vw, 4rem) 1rem;
}

.go-hero {
	background: linear-gradient(135deg, var(--go-primary-dark), var(--go-accent-dark));
	color: var(--go-text-light);
	border-radius: var(--go-radius-lg);
	padding: clamp(2rem, 5vw, 4rem);
	margin-bottom: 2rem;
	box-shadow: var(--go-shadow);
}

.go-title {
	font-size: clamp(2.2rem, 5vw, 4.6rem);
	color: var(--go-text-light) !important;
	line-height: 1;
	margin: .5rem 0 1rem;
}

.go-split {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--go-space-md, 1rem);
}

.go-split-left {
	margin-inline-end: auto;
}

.go-split-right {
	margin-inline-start: auto;
}

.go-flex {
	display: flex;
}

.go-flex-between {
	justify-content: space-between;
}

.go-flex-start {
	justify-content: flex-start;
}

.go-flex-end {
	justify-content: flex-end;
}

.go-flex-center {
	justify-content: center;
}

.go-flex-middle {
	align-items: center;
}

.go-flex-top {
	align-items: flex-start;
}

.go-flex-bottom {
	align-items: flex-end;
}

.go-flex-wrap {
	flex-wrap: wrap;
}

.go-flex-column {
	flex-direction: column;
}

.go-margin {
	margin: var(--go-space-md, 1rem);
}

.go-margin-small {
	margin: var(--go-space-sm, .5rem);
}

.go-margin-large {
	margin: var(--go-space-lg, 2rem);
}

.go-margin-top {
	margin-top: var(--go-space-md, 1rem);
}

.go-margin-top-small {
	margin-top: var(--go-space-sm, .5rem);
}

.go-margin-top-large {
	margin-top: var(--go-space-lg, 2rem);
}

.go-margin-bottom {
	margin-bottom: var(--go-space-md, 1rem);
}

.go-margin-bottom-small {
	margin-bottom: var(--go-space-sm, .5rem);
}

.go-margin-bottom-large {
	margin-bottom: var(--go-space-lg, 2rem);
}

.go-margin-left {
	margin-left: var(--go-space-md, 1rem);
}

.go-margin-right {
	margin-right: var(--go-space-md, 1rem);
}

.go-margin-remove {
	margin: 0 !important;
}

.go-margin-top-remove {
	margin-top: 0 !important;
}

.go-margin-bottom-remove {
	margin-bottom: 0 !important;
}

.go-margin-inline-start {
	margin-inline-start: var(--go-space-md, 1rem);
}

.go-margin-inline-end {
	margin-inline-end: var(--go-space-md, 1rem);
}

.go-padding {
	padding: var(--go-space-md, 1rem);
}

.go-padding-small {
	padding: var(--go-space-sm, .5rem);
}

.go-padding-large {
	padding: var(--go-space-lg, 2rem);
}

.go-padding-top {
	padding-top: var(--go-space-md, 1rem);
}

.go-padding-bottom {
	padding-bottom: var(--go-space-md, 1rem);
}

.go-padding-inline {
	padding-inline: var(--go-space-md, 1rem);
}

.go-padding-block {
	padding-block: var(--go-space-md, 1rem);
}

.go-padding-remove {
	padding: 0 !important;
}

.go-card {
	background: var(--go-card);
	border: 1px solid var(--go-border);
	border-radius: var(--go-radius);
	padding: 1.4rem;
	box-shadow: 0 12px 44px rgba(10, 30, 46, .08);
	margin-bottom: 1rem;
}

.go-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
	color: var(--go-text)
}

.go-form-grid{

	display:grid;

	grid-template-columns:
		repeat(
			auto-fit,
			minmax(320px,1fr)
		);

	gap:1.5rem;

}

.go-label {
	display: block;
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .14em;
	color: var(--go-primary);
	font-weight: 800;
	margin-bottom: .35rem;
}

.go-input,
.go-textarea,
.go-select {
	display:block;
	
	inline-size:100%;
	max-inline-size:100%;
	box-sizing:border-box;
	
	
	border: 1px solid var(--go-border);
	border-radius: 14px;
	padding: .9rem 1rem;
	font: inherit;
	background: var(--go-bg);
	color: var(--go-text);
}

.go-textarea {
	min-height: 120px;
	resize: vertical;
}

.go-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .6rem;
	border: 0;
	border-radius: 999px;
	padding: .9rem 1.25rem;
	background: linear-gradient(135deg, var(--go-primary), var(--go-warning));
	color: var(--go-text-light);
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--go-transition), box-shadow var(--go-transition);
}

.go-button:hover,
.go-button:focus-visible {
	transform: translateY(-1px);
}

.go-button-dark {
	background: var(--go-primary-dark);
}

.go-chip {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .45rem .7rem;
	border-radius: 999px;
	font-weight: 800;
	font-size: .85rem;
	background: var(--go-surface);
	color: var(--go-text);
}

.go-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 760px) {
	.go-grid {
		grid-template-columns: 1fr;
	}
}

.go-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--go-space-md, 1rem);
	margin: 0 0 var(--go-space-lg, 2rem);
}

.go-step {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: 1rem;
	border-radius: var(--go-radius, 22px);
	background: var(--go-card);
	border: 1px solid var(--go-border);
	color: var(--go-text);
	text-decoration: none;
	box-shadow: var(--go-shadow-sm, none);
}

.go-step span {
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--go-surface);
	color: var(--go-text);
	font-weight: 800;
}

.go-step strong {
	font-size: .9rem;
}

.go-step.is-active,
.go-step:hover,
.go-step:focus-visible {
	border-color: var(--go-primary);
}

.go-step.is-active span {
	background: var(--go-primary);
	color: var(--go-text-light);
}

.go-form-section {
	padding-block: 1.25rem;
	border-bottom: 1px solid var(--go-border);
	scroll-margin-top: 110px;
}

.go-form-section:last-child {
	border-bottom: 0;
}

.go-form-submit {
	display: flex;
	justify-content: flex-start;
}

@media (max-width: 760px) {
	.go-steps {
		grid-template-columns: 1fr;
	}

	.go-step {
		padding: .85rem 1rem;
	}
}



/*
|--------------------------------------------------------------------------
| KONIGO LOGIN
|--------------------------------------------------------------------------
*/



.go-login-page,
.go-login-page *,
.go-login-page *::before,
.go-login-page *::after {
	box-sizing: border-box;
}

.go-login-page {
	--go-login-accent:
		var(
			--go-color-primary,
			var(--go-accent, #31a7a9)
		);

	--go-login-accent-dark:
		var(
			--go-color-primary-dark,
			#278b8d
		);

	--go-login-accent-soft:
		rgba(49, 167, 169, .13);

	--go-login-text:
		var(
			--go-color-text,
			#152235
		);

	--go-login-text-soft:
		var(
			--go-color-text-muted,
			#68758a
		);

	--go-login-surface:
		var(
			--go-color-surface,
			#ffffff
		);

	--go-login-border:
		var(
			--go-color-border,
			#d7dfe7
		);

	width:
		min(
			calc(100% - 28px),
			540px
		);

	margin:
		clamp(34px, 7vw, 82px)
		auto
		70px;
}

.go-login-card {
	padding:
		clamp(24px, 5vw, 42px);

	border:
		1px solid
			var(--go-login-border);

	border-radius: 22px;

	color:
		var(--go-login-text);

	background:
		var(--go-login-surface);

	box-shadow:
		0 18px 48px
			rgba(23, 34, 53, .1);
}

.go-login-icon {
	width: 72px;
	height: 72px;

	margin:
		0 auto 22px;

	display: grid;
	place-items: center;

	border-radius: 20px;

	color: #ffffff;

	background:
		linear-gradient(
			145deg,
			var(--go-login-accent),
			var(--go-login-accent-dark)
		);
}

.go-login-icon svg {
	width: 35px;
	height: 35px;
	display: block;
	fill: currentColor;
}

.go-login-kicker {
	margin: 0 0 7px;

	color:
		var(--go-login-accent);

	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .15em;
	text-align: center;
	text-transform: uppercase;
}

.go-login-title {
	margin: 0;

	color:
		var(--go-login-text);

	font-size:
		clamp(1.75rem, 5vw, 2.45rem);

	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -.035em;
	text-align: center;
}

.go-login-lead {
	margin: 14px auto 0;

	color:
		var(--go-login-text-soft);

	line-height: 1.65;
	text-align: center;
}

.go-login-message {
	margin-top: 23px;
	padding: 14px 16px;

	border:
		1px solid
			rgba(27, 155, 89, .28);

	border-radius: 13px;

	color: #12663d;

	background:
		rgba(27, 155, 89, .09);

	line-height: 1.5;
}

.go-login-message-error {
	color: #982e2e;

	border-color:
		rgba(190, 57, 57, .34);

	background:
		rgba(190, 57, 57, .09);
}

.go-login-form {
	margin-top: 28px;
}

.go-login-field {
	margin-bottom: 17px;
}

.go-login-label {
	margin-bottom: 7px;

	display: block;

	color:
		var(--go-login-text);

	font-size: .87rem;
	font-weight: 750;
}

.go-login-label-note {
	color:
		var(--go-login-text-soft);

	font-size: .78rem;
	font-weight: 400;
}

.go-login-input {
	width: 100%;
	min-height: 50px;
	padding: 11px 14px;

	border:
		1px solid
			var(--go-login-border);

	border-radius: 12px;

	color:
		var(--go-login-text);

	background:
		var(--go-login-surface);

	font: inherit;

	transition:
		border-color .18s ease,
		box-shadow .18s ease;
}

.go-login-input:focus {
	outline: none;

	border-color:
		var(--go-login-accent);

	box-shadow:
		0 0 0 4px
			var(--go-login-accent-soft);
}

.go-login-password-wrap {
	position: relative;
}

.go-login-password-wrap .go-login-input {
	padding-right: 55px;
}

.go-login-password-toggle {
	position: absolute;
	top: 50%;
	right: 7px;

	width: 39px;
	height: 39px;
	padding: 0;

	display: grid;
	place-items: center;

	border: 0;
	border-radius: 10px;

	color:
		var(--go-login-text-soft);

	background: transparent;

	cursor: pointer;
	transform: translateY(-50%);
}

.go-login-password-toggle:hover,
.go-login-password-toggle:focus-visible {
	color:
		var(--go-login-accent);

	background:
		var(--go-login-accent-soft);
}

.go-login-password-toggle svg {
	width: 21px;
	height: 21px;
	fill: currentColor;
}

.go-login-options {
	margin:
		2px 0 21px;

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	color:
		var(--go-login-text-soft);

	font-size: .88rem;
}

.go-login-check {
	display: inline-flex;
	align-items: center;
	gap: 9px;

	cursor: pointer;
}

.go-login-check input {
	width: 18px;
	height: 18px;

	accent-color:
		var(--go-login-accent);
}

.go-login-link {
	color:
		var(--go-login-accent);

	font-weight: 700;
	text-decoration: none;
}

.go-login-link:hover,
.go-login-link:focus-visible {
	text-decoration: underline;
}

.go-login-button {
	width: 100%;
	min-height: 51px;
	padding: 12px 19px;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;

	border:
		1px solid
			var(--go-login-accent);

	border-radius: 999px;

	color: #ffffff;

	background:
		var(--go-login-accent);

	font: inherit;
	font-weight: 800;

	cursor: pointer;

	transition:
		background .18s ease,
		transform .18s ease;
}

.go-login-button:hover,
.go-login-button:focus-visible {
	background:
		var(--go-login-accent-dark);

	transform:
		translateY(-1px);
}

.go-login-button-secondary {
	margin-top: 11px;

	color:
		var(--go-login-text);

	border-color:
		var(--go-login-border);

	background:
		var(--go-login-surface);
}

.go-login-button-secondary:hover,
.go-login-button-secondary:focus-visible {
	color:
		var(--go-login-accent);

	border-color:
		var(--go-login-accent);

	background:
		var(--go-login-surface);
}

.go-login-register {
	margin-top: 26px;
	padding-top: 23px;

	border-top:
		1px solid
			var(--go-login-border);

	color:
		var(--go-login-text-soft);

	text-align: center;
}

.go-login-provider-note {
	margin:
		18px 0 0;

	color:
		var(--go-login-text-soft);

	font-size: .78rem;
	line-height: 1.5;
	text-align: center;
}

@media (max-width: 520px) {
	.go-login-page {
		width:
			min(
				calc(100% - 18px),
				540px
			);

		margin-top: 22px;
	}

	.go-login-card {
		padding:
			24px 18px 28px;

		border-radius: 18px;
	}

	.go-login-options {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.go-login-page *,
	.go-login-page *::before,
	.go-login-page *::after {
		transition: none !important;
	}
}

/*
|--------------------------------------------------------------------------
| KONIGO REQUIRED
|--------------------------------------------------------------------------
*/

.go-login-required {
	width: min(calc(100% - 32px), 760px);
	margin: clamp(40px, 8vw, 100px) auto;
}

.go-login-required-card {
	padding: clamp(24px, 5vw, 46px);

	border: 1px solid var(--go-border, #dde3e9);
	border-radius: var(--go-radius-lg, 20px);

	color: var(--go-text, #152235);
	background: var(--go-surface, #fff);

	box-shadow:
		var(
			--go-shadow-card,
			0 18px 48px rgba(23, 34, 53, .1)
		);

	text-align: center;
}

.go-login-required-icon {
	width: 74px;
	height: 74px;
	margin: 0 auto 22px;

	display: grid;
	place-items: center;

	border-radius: 50%;

	color: #fff;
	background:
		linear-gradient(
			145deg,
			var(--go-accent, #ed7d18),
			var(--go-primary-dark, #ce6508)
		);
}

.go-login-required-icon svg {
	width: 34px;
	height: 34px;
	fill: currentColor;
}

.go-login-required-kicker {
	margin: 0 0 8px;

	color: var(--go-accent, #ed7d18);

	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.go-login-required-title {
	margin: 0;

	font-size: clamp(1.65rem, 4vw, 2.45rem);
	line-height: 1.15;
}

.go-login-required-message {
	max-width: 560px;
	margin: 16px auto 0;

	color: var(--go-text-muted, #68758a);

	font-size: 1rem;
	line-height: 1.65;
}

.go-login-required-actions {
	margin-top: 28px;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

.go-login-required-button {
	min-height: 46px;
	padding: 11px 19px;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;

	border: 1px solid var(--go-border, #dde3e9);
	border-radius: 999px;

	color: var(--go-text, #152235);
	background: var(--go-surface, #fff);

	font-weight: 750;
	text-decoration: none;
}

.go-login-required-button:hover {
	color: var(--go-accent, #ed7d18);
	border-color: var(--go-accent, #ed7d18);
	text-decoration: none;
}

.go-login-required-button-primary {
	color: #fff;
	border-color: var(--go-accent, #ed7d18);
	background: var(--go-accent, #ed7d18);
}

.go-login-required-button-primary:hover {
	color: #fff;
	background: var(--go-primary-dark, #ce6508);
}

.go-login-required-note {
	margin: 24px 0 0;

	color: var(--go-text-muted, #68758a);

	font-size: .82rem;
}

@media (max-width: 520px) {
	.go-login-required-actions {
		display: grid;
	}

	.go-login-required-button {
		width: 100%;
	}
}


/*
|--------------------------------------------------------------------------
| KONIGO LOGOUT
|--------------------------------------------------------------------------
*/


.go-logout-page,
.go-logout-page *,
.go-logout-page *::before,
.go-logout-page *::after {
	box-sizing: border-box;
}

.go-logout-page {
	--go-logout-accent:
		var(
			--go-color-primary,
			var(--go-accent, #ed7d18)
		);

	--go-logout-accent-dark:
		var(
			--go-color-primary-dark,
			#ce6508
		);

	--go-logout-text:
		var(
			--go-color-text,
			#152235
		);

	--go-logout-text-soft:
		var(
			--go-color-text-muted,
			#68758a
		);

	--go-logout-surface:
		var(
			--go-color-surface,
			#ffffff
		);

	--go-logout-border:
		var(
			--go-color-border,
			#dce2e8
		);

	width: min(
		calc(100% - 28px),
		540px
	);

	margin:
		clamp(36px, 7vw, 90px)
		auto
		70px;
}

.go-logout-card {
	padding:
		clamp(24px, 5vw, 42px);

	border:
		1px solid
		var(--go-logout-border);

	border-radius: 22px;

	color:
		var(--go-logout-text);

	background:
		var(--go-logout-surface);

	box-shadow:
		0 18px 48px
		rgba(23, 34, 53, .1);

	text-align: center;
}

.go-logout-icon {
	width: 70px;
	height: 70px;

	margin:
		0 auto 22px;

	display: grid;
	place-items: center;

	border-radius: 20px;

	color: #ffffff;

	background:
		linear-gradient(
			145deg,
			var(--go-logout-accent),
			var(--go-logout-accent-dark)
		);
}

.go-logout-icon svg {
	width: 34px;
	height: 34px;
	fill: currentColor;
}

.go-logout-kicker {
	margin: 0 0 7px;

	color:
		var(--go-logout-accent);

	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.go-logout-title {
	margin: 0;

	font-size:
		clamp(1.7rem, 5vw, 2.35rem);

	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -.035em;
}

.go-logout-text {
	margin: 16px auto 0;

	color:
		var(--go-logout-text-soft);

	line-height: 1.65;
}

.go-logout-actions {
	margin-top: 28px;

	display: grid;
	gap: 11px;
}

.go-logout-button {
	width: 100%;
	min-height: 50px;
	padding: 12px 19px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	border:
		1px solid
		var(--go-logout-accent);

	border-radius: 999px;

	color: #ffffff;

	background:
		var(--go-logout-accent);

	font: inherit;
	font-weight: 800;
	text-decoration: none;

	cursor: pointer;

	transition:
		transform .18s ease,
		background .18s ease,
		border-color .18s ease;
}

.go-logout-button:hover,
.go-logout-button:focus-visible {
	color: #ffffff;

	background:
		var(--go-logout-accent-dark);

	transform: translateY(-1px);
}

.go-logout-button-secondary {
	color:
		var(--go-logout-text);

	border-color:
		var(--go-logout-border);

	background:
		var(--go-logout-surface);
}

.go-logout-button-secondary:hover,
.go-logout-button-secondary:focus-visible {
	color:
		var(--go-logout-accent);

	border-color:
		var(--go-logout-accent);

	background:
		var(--go-logout-surface);
}

@media (max-width: 520px) {
	.go-logout-page {
		width:
			min(
				calc(100% - 18px),
				540px
			);

		margin-top: 22px;
	}

	.go-logout-card {
		padding:
			24px 18px 28px;

		border-radius: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.go-logout-page *,
	.go-logout-page *::before,
	.go-logout-page *::after {
		transition: none !important;
	}
}


/*
|--------------------------------------------------------------------------
| KONIGO 2FA
|--------------------------------------------------------------------------
*/


.go-2fa-setup,
.go-2fa-setup *,
.go-2fa-setup *::before,
.go-2fa-setup *::after {
	box-sizing: border-box;
}

.go-2fa-setup {
	--go-2fa-accent:
		var(
			--go-color-primary,
			var(--go-accent, #31a7a9)
		);

	--go-2fa-accent-dark:
		var(
			--go-color-primary-dark,
			#278b8d
		);

	--go-2fa-accent-soft:
		rgba(49, 167, 169, .13);

	--go-2fa-success: #1b9b59;
	--go-2fa-danger: #b43b3b;

	--go-2fa-text:
		var(--go-color-text, #152235);

	--go-2fa-text-soft:
		var(--go-color-text-muted, #68758a);

	--go-2fa-surface:
		var(--go-color-surface, #ffffff);

	--go-2fa-surface-muted:
		var(--go-color-surface-muted, #f6f8f9);

	--go-2fa-border:
		var(--go-color-border, #d7dfe7);

	width: min(calc(100% - 28px), 820px);
	margin: clamp(32px, 6vw, 74px) auto 70px;
}

.go-2fa-card {
	padding: clamp(24px, 5vw, 42px);
	border: 1px solid var(--go-2fa-border);
	border-radius: 22px;
	color: var(--go-2fa-text);
	background: var(--go-2fa-surface);
	box-shadow: 0 18px 48px rgba(23, 34, 53, .1);
}

.go-2fa-icon {
	width: 74px;
	height: 74px;
	margin: 0 auto 22px;
	display: grid;
	place-items: center;
	border-radius: 21px;
	color: #fff;
	background:
		linear-gradient(
			145deg,
			var(--go-2fa-accent),
			var(--go-2fa-accent-dark)
		);
}

.go-2fa-icon svg {
	width: 37px;
	height: 37px;
	fill: currentColor;
}

.go-2fa-kicker {
	margin: 0 0 7px;
	color: var(--go-2fa-accent);
	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .16em;
	text-align: center;
	text-transform: uppercase;
}

.go-2fa-title {
	margin: 0;
	font-size: clamp(1.8rem, 5vw, 2.7rem);
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -.035em;
	text-align: center;
}

.go-2fa-lead {
	max-width: 650px;
	margin: 15px auto 0;
	color: var(--go-2fa-text-soft);
	line-height: 1.65;
	text-align: center;
}

.go-2fa-required {
	margin-top: 22px;
	padding: 13px 15px;
	border: 1px solid rgba(180, 59, 59, .3);
	border-radius: 13px;
	color: #8f2929;
	background: rgba(180, 59, 59, .08);
	line-height: 1.5;
}

.go-2fa-message {
	margin-top: 22px;
	padding: 14px 16px;
	border: 1px solid rgba(27, 155, 89, .28);
	border-radius: 13px;
	color: #12663d;
	background: rgba(27, 155, 89, .09);
	line-height: 1.5;
}

.go-2fa-message-error {
	color: #982e2e;
	border-color: rgba(190, 57, 57, .34);
	background: rgba(190, 57, 57, .09);
}

.go-2fa-status {
	margin-top: 25px;
	padding: 16px 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	border: 1px solid var(--go-2fa-border);
	border-radius: 14px;
	background: var(--go-2fa-surface-muted);
}

.go-2fa-status strong,
.go-2fa-status span {
	display: block;
}

.go-2fa-status span {
	margin-top: 3px;
	color: var(--go-2fa-text-soft);
	font-size: .85rem;
}

.go-2fa-badge {
	flex: 0 0 auto;
	padding: 6px 10px;
	border-radius: 999px;
	color: #fff;
	background: var(--go-2fa-success);
	font-size: .8rem;
	font-weight: 800;
}

.go-2fa-methods {
	margin-top: 28px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.go-2fa-method {
	padding: 22px;
	border: 1px solid var(--go-2fa-border);
	border-radius: 17px;
	background: var(--go-2fa-surface-muted);
}

.go-2fa-method h2 {
	margin: 0;
	font-size: 1.18rem;
	line-height: 1.3;
}

.go-2fa-method p {
	margin: 9px 0 0;
	color: var(--go-2fa-text-soft);
	font-size: .9rem;
	line-height: 1.55;
}

.go-2fa-form {
	margin-top: 18px;
}

.go-2fa-label {
	margin-bottom: 7px;
	display: block;
	font-size: .87rem;
	font-weight: 750;
}

.go-2fa-input {
	width: 100%;
	min-height: 50px;
	padding: 11px 14px;
	border: 1px solid var(--go-2fa-border);
	border-radius: 12px;
	color: var(--go-2fa-text);
	background: var(--go-2fa-surface);
	font: inherit;
}

.go-2fa-input:focus {
	outline: none;
	border-color: var(--go-2fa-accent);
	box-shadow: 0 0 0 4px var(--go-2fa-accent-soft);
}

.go-2fa-button {
	width: 100%;
	min-height: 49px;
	margin-top: 16px;
	padding: 11px 18px;
	border: 1px solid var(--go-2fa-accent);
	border-radius: 999px;
	color: #fff;
	background: var(--go-2fa-accent);
	font: inherit;
	font-weight: 800;
	cursor: pointer;
}

.go-2fa-button:hover,
.go-2fa-button:focus-visible {
	background: var(--go-2fa-accent-dark);
}

.go-2fa-button-secondary {
	color: var(--go-2fa-text);
	border-color: var(--go-2fa-border);
	background: var(--go-2fa-surface);
}

.go-2fa-button-secondary:hover,
.go-2fa-button-secondary:focus-visible {
	color: var(--go-2fa-accent);
	border-color: var(--go-2fa-accent);
	background: var(--go-2fa-surface);
}

.go-2fa-secret {
	margin-top: 17px;
	padding: 16px;
	border: 1px dashed var(--go-2fa-border);
	border-radius: 13px;
	background: var(--go-2fa-surface);
}

.go-2fa-secret code {
	display: block;
	margin-top: 7px;
	overflow-wrap: anywhere;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: .08em;
}

.go-2fa-uri {
	margin-top: 12px;
	color: var(--go-2fa-text-soft);
	font-size: .74rem;
	overflow-wrap: anywhere;
}

.go-2fa-recovery {
	margin-top: 28px;
	padding: 20px;
	border: 1px solid rgba(27, 155, 89, .28);
	border-radius: 16px;
	background: rgba(27, 155, 89, .07);
}

.go-2fa-recovery h2 {
	margin: 0;
	font-size: 1.15rem;
}

.go-2fa-recovery p {
	margin: 8px 0 0;
	line-height: 1.55;
}

.go-2fa-codes {
	margin: 16px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 18px;
	list-style: none;
}

.go-2fa-codes code {
	display: block;
	padding: 8px 10px;
	border-radius: 8px;
	background: var(--go-2fa-surface);
	font-weight: 700;
	text-align: center;
}

.go-2fa-actions {
	margin-top: 28px;
	display: grid;
	gap: 11px;
}

.go-2fa-continue {
	min-height: 51px;
	padding: 12px 19px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--go-2fa-accent);
	border-radius: 999px;
	color: #fff;
	background: var(--go-2fa-accent);
	font-weight: 800;
	text-decoration: none;
}

.go-2fa-continue:hover,
.go-2fa-continue:focus-visible {
	color: #fff;
	background: var(--go-2fa-accent-dark);
}

@media (max-width: 680px) {
	.go-2fa-methods,
	.go-2fa-codes {
		grid-template-columns: 1fr;
	}

	.go-2fa-status {
		align-items: flex-start;
		flex-direction: column;
	}
}

/*
|--------------------------------------------------------------------------
| KONIGO ACTIVATE
|--------------------------------------------------------------------------
*/


.go-activate-page,
.go-activate-page *,
.go-activate-page *::before,
.go-activate-page *::after {
	box-sizing: border-box;
}

.go-activate-page {
	--go-activate-accent:
		var(
			--go-color-primary,
			var(--go-accent, #31a7a9)
		);

	--go-activate-accent-dark:
		var(
			--go-color-primary-dark,
			#278b8d
		);

	--go-activate-success:
		var(
			--go-color-success,
			#1b9b59
		);

	--go-activate-error:
		var(
			--go-color-danger,
			#b53a3a
		);

	--go-activate-text:
		var(
			--go-color-text,
			#152235
		);

	--go-activate-text-soft:
		var(
			--go-color-text-muted,
			#68758a
		);

	--go-activate-surface:
		var(
			--go-color-surface,
			#ffffff
		);

	--go-activate-border:
		var(
			--go-color-border,
			#d7dfe7
		);

	width:
		min(
			calc(100% - 28px),
			560px
		);

	margin:
		clamp(36px, 7vw, 90px)
		auto
		70px;
}

.go-activate-card {
	padding:
		clamp(25px, 5vw, 44px);

	border:
		1px solid
			var(--go-activate-border);

	border-radius: 22px;

	color:
		var(--go-activate-text);

	background:
		var(--go-activate-surface);

	box-shadow:
		0 18px 48px
			rgba(23, 34, 53, .1);

	text-align: center;
}

.go-activate-icon {
	width: 76px;
	height: 76px;

	margin:
		0 auto 23px;

	display: grid;
	place-items: center;

	border-radius: 22px;

	color: #ffffff;
}

.go-activate-icon-success {
	background:
		linear-gradient(
			145deg,
			var(--go-activate-success),
			#127442
		);
}

.go-activate-icon-error {
	background:
		linear-gradient(
			145deg,
			var(--go-activate-error),
			#842626
		);
}

.go-activate-icon svg {
	width: 38px;
	height: 38px;

	display: block;

	fill: currentColor;
}

.go-activate-kicker {
	margin:
		0 0 8px;

	color:
		var(--go-activate-accent);

	font-size: .77rem;
	font-weight: 800;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.go-activate-title {
	margin: 0;

	font-size:
		clamp(1.75rem, 5vw, 2.5rem);

	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -.035em;
}

.go-activate-message {
	margin:
		17px auto 0;

	color:
		var(--go-activate-text-soft);

	line-height: 1.65;
}

.go-activate-note {
	margin-top: 20px;
	padding: 14px 16px;

	border:
		1px solid
			var(--go-activate-border);

	border-radius: 13px;

	color:
		var(--go-activate-text-soft);

	background:
		rgba(23, 34, 53, .035);

	font-size: .88rem;
	line-height: 1.55;
	text-align: left;
}

.go-activate-actions {
	margin-top: 28px;

	display: grid;
	gap: 11px;
}

.go-activate-button {
	width: 100%;
	min-height: 51px;
	padding: 12px 20px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	border:
		1px solid
			var(--go-activate-accent);

	border-radius: 999px;

	color: #ffffff;

	background:
		var(--go-activate-accent);

	font: inherit;
	font-weight: 800;
	text-decoration: none;

	transition:
		background .18s ease,
		transform .18s ease;
}

.go-activate-button:hover,
.go-activate-button:focus-visible {
	color: #ffffff;

	background:
		var(--go-activate-accent-dark);

	transform:
		translateY(-1px);
}

.go-activate-button-secondary {
	color:
		var(--go-activate-text);

	border-color:
		var(--go-activate-border);

	background:
		var(--go-activate-surface);
}

.go-activate-button-secondary:hover,
.go-activate-button-secondary:focus-visible {
	color:
		var(--go-activate-accent);

	border-color:
		var(--go-activate-accent);

	background:
		var(--go-activate-surface);
}

@media (max-width: 520px) {
	.go-activate-page {
		width:
			min(
				calc(100% - 18px),
				560px
			);

		margin-top: 24px;
	}

	.go-activate-card {
		padding:
			25px 18px 29px;

		border-radius: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.go-activate-page *,
	.go-activate-page *::before,
	.go-activate-page *::after {
		transition: none !important;
	}
}

/*
|--------------------------------------------------------------------------
| KONIGO REGISTER
|--------------------------------------------------------------------------
*/


.go-register-page,
.go-register-page *,
.go-register-page *::before,
.go-register-page *::after {
	box-sizing: border-box;
}

.go-register-page {
	--go-register-accent:
		var(
			--go-color-primary,
			var(--go-accent, #31a7a9)
		);

	--go-register-accent-dark:
		var(
			--go-color-primary-dark,
			#278b8d
		);

	--go-register-accent-soft:
		rgba(49, 167, 169, .12);

	--go-register-text:
		var(
			--go-color-text,
			#152235
		);

	--go-register-text-soft:
		var(
			--go-color-text-muted,
			#68758a
		);

	--go-register-surface:
		var(
			--go-color-surface,
			#ffffff
		);

	--go-register-surface-muted:
		var(
			--go-color-surface-muted,
			#f7f9fa
		);

	--go-register-border:
		var(
			--go-color-border,
			#d7dfe7
		);

	width: min(
		calc(100% - 28px),
		680px
	);

	margin:
		clamp(32px, 6vw, 74px)
		auto
		70px;
}

.go-register-card {
	padding:
		clamp(24px, 5vw, 42px);

	border:
		1px solid
		var(--go-register-border);

	border-radius: 22px;

	color:
		var(--go-register-text);

	background:
		var(--go-register-surface);

	box-shadow:
		0 18px 48px
		rgba(23, 34, 53, .10);
}

.go-register-kicker {
	margin:
		0 0 7px;

	color:
		var(--go-register-accent);

	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .18em;
	text-align: center;
	text-transform: uppercase;
}

.go-register-title {
	margin: 0;

	color:
		var(--go-register-text);

	font-size:
		clamp(1.8rem, 5vw, 2.7rem);

	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -.035em;
	text-align: center;
}

.go-register-lead {
	margin:
		15px auto 0;

	color:
		var(--go-register-text-soft);

	font-size:
		clamp(.98rem, 2vw, 1.08rem);

	line-height: 1.65;
	text-align: center;
}

.go-register-message {
	margin-top: 24px;
	padding: 15px 17px;

	border:
		1px solid
		rgba(27, 155, 89, .28);

	border-radius: 13px;

	color: #12663d;

	background:
		rgba(27, 155, 89, .09);

	line-height: 1.5;
}

.go-register-message-error {
	color: #982e2e;

	border-color:
		rgba(190, 57, 57, .34);

	background:
		rgba(190, 57, 57, .09);
}

.go-register-form {
	margin-top: 30px;
}

.go-register-grid {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 19px 17px;
}

.go-register-field {
	min-width: 0;
}

.go-register-field-full {
	grid-column:
		1 / -1;
}

.go-register-label {
	margin-bottom: 7px;

	display: block;

	color:
		var(--go-register-text);

	font-size: .87rem;
	font-weight: 750;
}

.go-register-help {
	margin:
		7px 0 0;

	color:
		var(--go-register-text-soft);

	font-size: .78rem;
	line-height: 1.45;
}

.go-register-input {
	width: 100%;
	min-height: 50px;
	padding: 11px 14px;

	border:
		1px solid
			var(--go-register-border);

	border-radius: 12px;

	color:
		var(--go-register-text);

	background:
		var(--go-register-surface);

	font: inherit;

	transition:
		border-color .18s ease,
		box-shadow .18s ease;
}

.go-register-input:focus {
	outline: none;

	border-color:
		var(--go-register-accent);

	box-shadow:
		0 0 0 4px
			var(--go-register-accent-soft);
}

/*
|--------------------------------------------------------------------------
| KONIGO Human Check
|--------------------------------------------------------------------------
*/

.go-human-check {
	margin-top: 25px;
	padding: 19px;

	border:
		1px solid
			var(--go-register-border);

	border-radius: 16px;

	background:
		var(--go-register-surface-muted);
}

.go-human-check-title {
	margin: 0;

	color:
		var(--go-register-text);

	font-size: .95rem;
	font-weight: 800;
}

.go-human-check-task {
	margin:
		6px 0 16px;

	color:
		var(--go-register-text-soft);

	line-height: 1.5;
}

.go-human-check-task strong {
	color:
		var(--go-register-text);
}

.go-human-check-options {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.go-human-check-option {
	width: 58px;
	height: 58px;
	padding: 0;

	display: grid;
	place-items: center;

	border:
		2px solid
			var(--go-register-border);

	border-radius: 14px;

	color:
		var(--go-register-text);

	background:
		var(--go-register-surface);

	font: inherit;
	font-size: 1.55rem;

	cursor: pointer;

	transition:
		border-color .18s ease,
		background .18s ease,
		color .18s ease,
		transform .18s ease;
}

.go-human-check-option:hover {
	border-color:
		var(--go-register-accent);

	transform:
		translateY(-1px);
}

.go-human-check-option:focus-visible {
	outline:
		3px solid
			var(--go-register-accent-soft);

	outline-offset: 2px;

	border-color:
		var(--go-register-accent);
}

.go-human-check-option-selected,
.go-human-check-option[aria-pressed="true"] {
	color: #FFF;

	border-color:
		var(--go-register-accent);

	background:
		var(--go-register-accent);
}

.go-human-check-feedback {
	min-height: 1.4em;
	margin:
		12px 0 0;

	color:
		var(--go-register-text-soft);

	font-size: .82rem;
	line-height: 1.4;
}

.go-human-check-honeypot {
	position: absolute !important;
	left: -10000px !important;

	width: 1px !important;
	height: 1px !important;

	overflow: hidden !important;
}

/*
|--------------------------------------------------------------------------
| Checkboxen und Button
|--------------------------------------------------------------------------
*/

.go-register-options {
	margin-top: 23px;

	display: grid;
	gap: 14px;
}

.go-register-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;

	color:
		var(--go-register-text-soft);

	font-size: .88rem;
	line-height: 1.5;
}

.go-register-check input {
	flex:
		0 0 auto;

	width: 18px;
	height: 18px;
	margin-top: 2px;

	accent-color:
		var(--go-register-accent);
}

.go-register-link {
	color:
		var(--go-register-accent);

	font-weight: 700;
	text-decoration: none;
}

.go-register-link:hover,
.go-register-link:focus-visible {
	text-decoration: underline;
}

.go-register-button {
	width: 100%;
	min-height: 52px;
	margin-top: 27px;
	padding: 12px 19px;

	border:
		1px solid
			var(--go-register-accent);

	border-radius: 999px;

	color: #ffffff;

	background:
		var(--go-register-accent);

	font: inherit;
	font-weight: 800;

	cursor: pointer;

	transition:
		background .18s ease,
		transform .18s ease;
}

.go-register-button:hover,
.go-register-button:focus-visible {
	background:
		var(--go-register-accent-dark);

	transform:
		translateY(-1px);
}

.go-register-login {
	margin-top: 27px;
	padding-top: 23px;

	border-top:
		1px solid
			var(--go-register-border);

	color:
		var(--go-register-text-soft);

	text-align: center;
}

@media (max-width: 620px) {
	.go-register-grid {
		grid-template-columns: 1fr;
	}

	.go-register-field-full {
		grid-column: auto;
	}

	.go-human-check-options {
		display: grid;

		grid-template-columns:
			repeat(5, minmax(0, 1fr));
	}

	.go-human-check-option {
		width: 100%;
	}
}

@media (max-width: 420px) {
	.go-human-check-options {
		grid-template-columns:
			repeat(3, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.go-register-page *,
	.go-register-page *::before,
	.go-register-page *::after {
		transition: none !important;
	}
}


/*
|--------------------------------------------------------------------------
| KONIGO RESEND
|--------------------------------------------------------------------------
*/

.go-resend-page,
.go-resend-page *,
.go-resend-page *::before,
.go-resend-page *::after {
	box-sizing: border-box;
}

.go-resend-page {
	--go-resend-accent:
		var(
			--go-color-primary,
			var(--go-accent, #31a7a9)
		);

	--go-resend-accent-dark:
		var(
			--go-color-primary-dark,
			#278b8d
		);

	--go-resend-accent-soft:
		rgba(49, 167, 169, .13);

	--go-resend-text:
		var(
			--go-color-text,
			#152235
		);

	--go-resend-text-soft:
		var(
			--go-color-text-muted,
			#68758a
		);

	--go-resend-surface:
		var(
			--go-color-surface,
			#ffffff
		);

	--go-resend-surface-muted:
		var(
			--go-color-surface-muted,
			#f7f9fa
		);

	--go-resend-border:
		var(
			--go-color-border,
			#d7dfe7
		);

	width:
		min(
			calc(100% - 28px),
			580px
		);

	margin:
		clamp(34px, 7vw, 86px)
		auto
		70px;
}

.go-resend-card {
	padding:
		clamp(24px, 5vw, 42px);

	border:
		1px solid
			var(--go-resend-border);

	border-radius: 22px;

	color:
		var(--go-resend-text);

	background:
		var(--go-resend-surface);

	box-shadow:
		0 18px 48px
			rgba(23, 34, 53, .10);
}

.go-resend-icon {
	width: 72px;
	height: 72px;

	margin:
		0 auto 22px;

	display: grid;
	place-items: center;

	border-radius: 20px;

	color: #ffffff;

	background:
		linear-gradient(
			145deg,
			var(--go-resend-accent),
			var(--go-resend-accent-dark)
		);
}

.go-resend-icon svg {
	width: 35px;
	height: 35px;

	display: block;

	fill: currentColor;
}

.go-resend-kicker {
	margin: 0 0 8px;

	color:
		var(--go-resend-accent);

	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .17em;
	text-align: center;
	text-transform: uppercase;
}

.go-resend-title {
	margin: 0;

	color:
		var(--go-resend-text);

	font-size:
		clamp(1.75rem, 5vw, 2.45rem);

	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -.035em;
	text-align: center;
}

.go-resend-lead {
	margin: 15px auto 0;

	color:
		var(--go-resend-text-soft);

	line-height: 1.65;
	text-align: center;
}

.go-resend-message {
	margin-top: 24px;
	padding: 15px 17px;

	border:
		1px solid
			rgba(27, 155, 89, .28);

	border-radius: 13px;

	color: #12663d;

	background:
		rgba(27, 155, 89, .09);

	line-height: 1.55;
}

.go-resend-message-error {
	color: #982e2e;

	border-color:
		rgba(190, 57, 57, .34);

	background:
		rgba(190, 57, 57, .09);
}

.go-resend-form {
	margin-top: 29px;
}

.go-resend-field {
	margin-bottom: 21px;
}

.go-resend-label {
	margin-bottom: 7px;

	display: block;

	color:
		var(--go-resend-text);

	font-size: .87rem;
	font-weight: 750;
}

.go-resend-input {
	width: 100%;
	min-height: 50px;
	padding: 11px 14px;

	border:
		1px solid
			var(--go-resend-border);

	border-radius: 12px;

	color:
		var(--go-resend-text);

	background:
		var(--go-resend-surface);

	font: inherit;
}

.go-resend-input:focus {
	outline: none;

	border-color:
		var(--go-resend-accent);

	box-shadow:
		0 0 0 4px
			var(--go-resend-accent-soft);
}

/*
|--------------------------------------------------------------------------
| Human Check
|--------------------------------------------------------------------------
*/

.go-human-check {
	margin-top: 23px;
	padding: 19px;

	border:
		1px solid
			var(--go-resend-border);

	border-radius: 16px;

	background:
		var(--go-resend-surface-muted);
}

.go-human-check-title {
	margin: 0;

	font-size: .95rem;
	font-weight: 800;
}

.go-human-check-task {
	margin:
		6px 0 16px;

	color:
		var(--go-resend-text-soft);

	line-height: 1.5;
}

.go-human-check-options {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.go-human-check-option {
	width: 58px;
	height: 58px;
	padding: 0;

	display: grid;
	place-items: center;

	border:
		2px solid
			var(--go-resend-border);

	border-radius: 14px;

	color:
		var(--go-resend-text);

	background:
		var(--go-resend-surface);

	font: inherit;
	font-size: 1.55rem;

	cursor: pointer;
}

.go-human-check-option:hover,
.go-human-check-option:focus-visible {
	border-color:
		var(--go-resend-accent);
}

.go-human-check-option:focus-visible {
	outline:
		3px solid
			var(--go-resend-accent-soft);

	outline-offset: 2px;
}






.go-resend-button {
	width: 100%;
	min-height: 51px;
	margin-top: 25px;
	padding: 12px 20px;

	border:
		1px solid
			var(--go-resend-accent);

	border-radius: 999px;

	color: #ffffff;

	background:
		var(--go-resend-accent);

	font: inherit;
	font-weight: 800;

	cursor: pointer;
}

.go-resend-button:hover,
.go-resend-button:focus-visible {
	background:
		var(--go-resend-accent-dark);
}

.go-resend-links {
	margin-top: 27px;
	padding-top: 23px;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 18px;

	border-top:
		1px solid
			var(--go-resend-border);
}

.go-resend-link {
	color:
		var(--go-resend-accent);

	font-weight: 700;
	text-decoration: none;
}

.go-resend-link:hover,
.go-resend-link:focus-visible {
	text-decoration: underline;
}

@media (max-width: 520px) {
	.go-resend-page {
		width:
			min(
				calc(100% - 18px),
				580px
			);

		margin-top: 23px;
	}

	.go-resend-card {
		padding:
			25px 18px 29px;

		border-radius: 18px;
	}

	.go-human-check-options {
		display: grid;

		grid-template-columns:
			repeat(3, minmax(0, 1fr));
	}

	.go-human-check-option {
		width: 100%;
	}
}


/*
|--------------------------------------------------------------------------
| KONIGO FORGOT
|--------------------------------------------------------------------------
*/



.go-forgot-page,
.go-forgot-page *,
.go-forgot-page *::before,
.go-forgot-page *::after {
	box-sizing: border-box;
}

.go-forgot-page {
	--go-forgot-accent:
		var(
			--go-color-primary,
			var(--go-accent, #ed7d18)
		);

	--go-forgot-accent-dark:
		var(
			--go-color-primary-dark,
			#ce6508
		);

	--go-forgot-text:
		var(
			--go-color-text,
			#152235
		);

	--go-forgot-text-soft:
		var(
			--go-color-text-muted,
			#68758a
		);

	--go-forgot-surface:
		var(
			--go-color-surface,
			#ffffff
		);

	--go-forgot-border:
		var(
			--go-color-border,
			#dce2e8
		);

	width: min(
		calc(100% - 28px),
		540px
	);

	margin:
		clamp(36px, 7vw, 90px)
		auto
		70px;
}

.go-forgot-card {
	padding:
		clamp(24px, 5vw, 42px);

	border:
		1px solid
		var(--go-forgot-border);

	border-radius: 22px;

	color:
		var(--go-forgot-text);

	background:
		var(--go-forgot-surface);

	box-shadow:
		0 18px 48px
		rgba(23, 34, 53, .1);
}

.go-forgot-icon {
	width: 70px;
	height: 70px;

	margin:
		0 auto 22px;

	display: grid;
	place-items: center;

	border-radius: 20px;

	color: #ffffff;

	background:
		linear-gradient(
			145deg,
			var(--go-forgot-accent),
			var(--go-forgot-accent-dark)
		);
}

.go-forgot-icon svg {
	width: 34px;
	height: 34px;
	fill: currentColor;
}

.go-forgot-kicker {
	margin: 0 0 7px;

	color:
		var(--go-forgot-accent);

	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .13em;
	text-align: center;
	text-transform: uppercase;
}

.go-forgot-title {
	margin: 0;

	color:
		var(--go-forgot-text);

	font-size:
		clamp(1.7rem, 5vw, 2.4rem);

	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -.035em;
	text-align: center;
}

.go-forgot-lead {
	margin: 15px auto 0;

	color:
		var(--go-forgot-text-soft);

	line-height: 1.65;
	text-align: center;
}

.go-forgot-message {
	margin-top: 22px;
	padding: 13px 15px;

	border:
		1px solid
		rgba(27, 155, 89, .28);

	border-radius: 13px;

	color: #12663d;

	background:
		rgba(27, 155, 89, .09);

	line-height: 1.5;
}

.go-forgot-message-error {
	color: #8b2a2a;

	border-color:
		rgba(190, 57, 57, .28);

	background:
		rgba(190, 57, 57, .09);
}

.go-forgot-form {
	margin-top: 28px;
}

.go-forgot-field {
	margin-bottom: 20px;
}

.go-forgot-label {
	margin-bottom: 7px;

	display: block;

	font-size: .87rem;
	font-weight: 750;
}

.go-forgot-input {
	width: 100%;
	min-height: 50px;
	padding: 11px 14px;

	border:
		1px solid
		var(--go-forgot-border);

	border-radius: 12px;

	color:
		var(--go-forgot-text);

	background:
		var(--go-forgot-surface);

	font: inherit;
}

.go-forgot-input:focus {
	outline: none;

	border-color:
		var(--go-forgot-accent);

	box-shadow:
		0 0 0 4px
		rgba(237, 125, 24, .13);
}

.go-forgot-button {
	width: 100%;
	min-height: 50px;
	padding: 12px 19px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	border:
		1px solid
		var(--go-forgot-accent);

	border-radius: 999px;

	color: #ffffff;

	background:
		var(--go-forgot-accent);

	font: inherit;
	font-weight: 800;

	cursor: pointer;
}

.go-forgot-button:hover,
.go-forgot-button:focus-visible {
	background:
		var(--go-forgot-accent-dark);
}

.go-forgot-link-wrap {
	margin-top: 24px;

	text-align: center;
}

.go-forgot-link {
	color:
		var(--go-forgot-accent);

	font-weight: 700;
	text-decoration: none;
}

.go-forgot-link:hover {
	text-decoration: underline;
}

.go-forgot-honeypot {
	position: absolute !important;
	left: -10000px !important;

	width: 1px !important;
	height: 1px !important;

	overflow: hidden !important;
}

@media (max-width: 520px) {
	.go-forgot-page {
		width:
			min(
				calc(100% - 18px),
				540px
			);

		margin-top: 22px;
	}

	.go-forgot-card {
		padding:
			24px 18px 28px;

		border-radius: 18px;
	}
}








.go-icon-sprite {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	pointer-events: none;
}

.go-icon {
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	flex: 0 0 auto;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.75;
	stroke-linecap: round;
	stroke-linejoin: round;
	vertical-align: -0.2em;
}

.go-icon-large {
	width: 2.75rem;
	height: 2.75rem;
}

.go-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
}

.go-card h2 {
	display: flex;
	align-items: center;
	gap: 0.65rem;
}

.go-survey-invitation-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.go-survey-invitation-summary > div {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	border: 1px solid var(--go-border);
	border-radius: var(--go-radius);
	background: var(--go-surface-soft);
}

.go-survey-invitation-summary strong {
	font-size: 1.75rem;
	line-height: 1;
}

.go-survey-invitation-summary span {
	margin-top: 0.4rem;
	color: var(--go-text-muted);
}

.go-invitations {
	display: grid;
	gap: 0.8rem;
}

.go-invitation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 1rem;
	border: 1px solid var(--go-border);
	border-radius: var(--go-radius);
	background: var(--go-surface);
	transition:
		opacity 0.2s ease,
		transform 0.2s ease;
}

.go-invitation.is-removing {
	opacity: 0;
	transform: translateX(1rem);
}

.go-invitation-main {
	display: grid;
	grid-template-columns:
		minmax(14rem, 1fr)
		minmax(13rem, auto);
	align-items: center;
	gap: 1.5rem;
	min-width: 0;
}

.go-invitation-person,
.go-invitation-status {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.go-invitation-person > span,
.go-invitation-person > small,
.go-invitation-status small {
	color: var(--go-text-muted);
}

.go-invitation-person > span {
	overflow-wrap: anywhere;
}

.go-invitation-status {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: start;
	gap: 0.65rem;
}

.go-invitation-status > span {
	display: flex;
	flex-direction: column;
}

.go-invitation-status.is-completed {
	color: var(--go-success);
}

.go-invitation-status.is-opened,
.go-invitation-status.is-started {
	color: var(--go-accent);
}

.go-invitation-status.is-expired,
.go-invitation-status.is-cancelled {
	color: var(--go-danger);
}

.go-empty-state {
	display: grid;
	justify-items: center;
	padding: 2.5rem 1rem;
	text-align: center;
	color: var(--go-text-muted);
}

.go-empty-state h3 {
	margin-bottom: 0;
	color: var(--go-text);
}

@media (max-width: 900px) {
	.go-survey-invitation-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.go-invitation {
		align-items: stretch;
		flex-direction: column;
	}

	.go-invitation-main {
		grid-template-columns: 1fr;
	}

	.go-invitation .go-actions {
		justify-content: flex-start;
	}
}

@media (max-width: 520px) {
	.go-survey-invitation-summary {
		grid-template-columns: 1fr;
	}
}