.page.svelte-1uha8ag {
		display: grid;
		gap: clamp(40px, 8vw, 64px);
		width: min(100%, 680px);
		min-height: calc(100svh - 48px);
		margin: 0 auto;
		padding: clamp(32px, 8vh, 80px) 0;
		align-content: center;
	}

	.hero.svelte-1uha8ag {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		padding: clamp(28px, 6vw, 48px);
		color: var(--md-sys-color-on-primary-container);
	}

	h1.svelte-1uha8ag,
	h2.svelte-1uha8ag,
	p.svelte-1uha8ag {
		margin: 0;
	}

	h1.svelte-1uha8ag {
		max-width: 15ch;
		color: var(--md-sys-color-on-primary-container);
		font-size: clamp(2.5rem, 8vw, 4rem);
		font-weight: 500;
		line-height: 1.05;
		letter-spacing: -0.035em;
	}

	.hero.svelte-1uha8ag p:where(.svelte-1uha8ag) {
		margin-top: 16px;
		color: var(--md-sys-color-on-primary-container);
		font-size: 1.125rem;
		line-height: 1.5;
	}

	.hero.svelte-1uha8ag md-filled-button {
		margin-top: 32px;
	}

	h2.svelte-1uha8ag {
		margin-bottom: 16px;
		color: var(--md-sys-color-on-surface);
		font-size: 1.375rem;
		font-weight: 500;
		line-height: 1.3;
	}

	.links.svelte-1uha8ag,
	.donates.svelte-1uha8ag {
		padding: 24px;
		border-radius: 16px;
		background: var(--md-sys-color-surface-container-low);
	}

	.page.svelte-1uha8ag > md-elevated-card,
	.links.svelte-1uha8ag > md-outlined-card,
	.donates.svelte-1uha8ag > md-outlined-card,
	.page.svelte-1uha8ag > md-filled-card {
		width: 100%;
	}

	.page.svelte-1uha8ag > md-elevated-card {
		--md-elevated-card-container-color: var(--md-sys-color-primary-container);
	}

	.links.svelte-1uha8ag md-list,
	.donates.svelte-1uha8ag md-list {
		--md-list-container-color: transparent;
		border-radius: 12px;
		overflow: hidden;
	}

	.links.svelte-1uha8ag md-list-item {
		--md-list-item-label-text-color: var(--md-sys-color-primary);
		overflow-wrap: anywhere;
	}

	.link-item.svelte-1uha8ag {
		display: flex;
		width: 100%;
		min-width: 0;
		align-items: center;
		gap: 16px;
	}

	.section-heading.svelte-1uha8ag {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 16px;
	}

	.section-heading.svelte-1uha8ag h2:where(.svelte-1uha8ag) {
		margin-bottom: 0;
	}

	.link-icon.svelte-1uha8ag {
		display: grid;
		width: 40px;
		height: 40px;
		flex: 0 0 40px;
		place-items: center;
		border-radius: 50%;
		background: var(--md-sys-color-secondary-container);
		color: var(--md-sys-color-on-secondary-container);
	}

	.telegram-chip.svelte-1uha8ag {
		flex: none;
		padding: 4px 10px;
		border-radius: 5px;
		background: var(--md-sys-color-secondary-container);
		color: var(--md-sys-color-on-secondary-container);
		font-size: 0.75rem;
		font-weight: 500;
		line-height: 1rem;
	}

	.donates.svelte-1uha8ag md-list-item {
		--md-list-item-label-text-color: var(--md-sys-color-primary);
	}

	.donates.svelte-1uha8ag md-list-item.mobile-only {
		display: none;
	}

	.donate-item.svelte-1uha8ag {
		display: flex;
		align-items: center;
		gap: 16px;
	}

	.donate-icon.svelte-1uha8ag {
		display: grid;
		width: 40px;
		height: 40px;
		flex: 0 0 40px;
		place-items: center;
		border-radius: 50%;
		background: var(--md-sys-color-secondary-container);
		color: var(--md-sys-color-on-secondary-container);
		overflow: hidden;
	}

	.donate-icon.svelte-1uha8ag img:where(.svelte-1uha8ag) {
		display: block;
		width: 100%;
		height: 100%;
	}

	@media (max-width: 600px) {
		body {
			padding: 0;
		}

		.page.svelte-1uha8ag {
			gap: 40px;
			min-height: 100svh;
			padding: 0;
			align-content: start;
		}

		.page.svelte-1uha8ag > md-elevated-card {
			--md-elevated-card-container-shape: 0;
		}

		.hero.svelte-1uha8ag {
			padding: 32px 24px;
		}

		.section-heading.svelte-1uha8ag,
		.donates.svelte-1uha8ag h2:where(.svelte-1uha8ag) {
			padding-inline: 16px;
		}

		.links.svelte-1uha8ag,
		.donates.svelte-1uha8ag {
			padding: 24px 0 0;
			border-radius: 0;
		}

		.links.svelte-1uha8ag > md-outlined-card,
		.donates.svelte-1uha8ag > md-outlined-card {
			--md-outlined-card-container-shape: 0;
			--md-outlined-card-container-color: transparent;
			--md-outlined-card-outline-width: 0;
		}

		.donates.svelte-1uha8ag md-list-item.mobile-only {
			display: flex;
		}

		.page.svelte-1uha8ag > md-filled-card {
			--md-filled-card-container-shape: 0;
		}

		h1.svelte-1uha8ag {
			font-size: 2.5rem;
		}
	}