.logo-container.svelte-16ckesd {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 16px 0;
	}

	.logo-container.vertical.svelte-16ckesd {
		flex-direction: column;
		text-align: center;
	}

	.logo-container.svelte-16ckesd i:where(.svelte-16ckesd) {
		font-size: 42px;
		background: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		flex-shrink: 0;
	}

	.logo-container.vertical.svelte-16ckesd i:where(.svelte-16ckesd) {
		font-size: 128px;
	}

	.logo-text.svelte-16ckesd {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}

	.logo-container.vertical.svelte-16ckesd .logo-text:where(.svelte-16ckesd) {
		align-items: center;
	}

	.title.svelte-16ckesd {
		font-size: 18px;
		font-weight: 700;
		color: white;
		line-height: 1.2;
		white-space: nowrap;
	}

	.logo-container.vertical.svelte-16ckesd .title:where(.svelte-16ckesd) {
		font-size: 42px;
		color: #1E293B;
	}

	.trademark.svelte-16ckesd {
		font-size: 10px;
		color: #60A5FA;
		margin-left: 1px;
		vertical-align: super;
		-webkit-text-fill-color: #60A5FA;
	}

	.logo-container.vertical.svelte-16ckesd .trademark:where(.svelte-16ckesd) {
		font-size: 20px;
	}

	.tagline.svelte-16ckesd {
		font-size: 12px;
		color: #94A3B8;
		line-height: 1.2;
		white-space: nowrap;
	}

	.logo-container.vertical.svelte-16ckesd .tagline:where(.svelte-16ckesd) {
		font-size: 22px;
		color: #64748B;
	}