body{
	--color-text:#fff;
	--color-bg:#0e0e0f;
	--color-bg-2:#242635;
	--color-bg-3:#dc2c5a;
	--color-link:#dc2c5a;
	--color-link-hover:#ff0060
}

.background{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:calc(100% + 800px);
	background:radial-gradient(ellipse at 500% 0,var(--color-bg) 50%,var(--color-bg-2) 80%,var(--color-bg-3) 100%);
	z-index:-2;
	transform:translateY(-800px)
}

.form {
	right:50%;
	bottom: 30px;
}

.button {
    box-shadow: inset 36px 0px 0px rgba(143, 33, 33, 1);
    border-radius: 0px;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 17px;
    background: rgba(45, 45, 45, 1);
}

.theme-1 {
	--color-item-bg: linear-gradient(120deg, #a8edea 0%, #fed6e3 100%);
	--color-action: #121019;
	--color-button-bg: #121019;
	--color-button-text: #fff;
	--button-padding: 1.5rem 3rem;
	--radius-button: 5px;
	--border-button: 0;
}

.particles {
	position: relative;
	grid-area: 1 / 1 / 2 / 2;
}

.particles-canvas {
	position: absolute;
	pointer-events: none;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
}

.particles-wrapper {
	position: relative;
	display: inline-block;
	overflow: hidden;
	will-change: transform;
}

.particles-button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	border-radius: 5px;
	border-radius: var(--radius-button);
	background: var(--color-button-bg);
	color: var(--color-button-text);
	border: 0;
	border: var(--border-button);
	margin: 0;
	padding: 1.5rem 3rem;
	padding: var(--button-padding);
	will-change: transform;
}

.particles-button:focus {
	outline: none;
}

.no-js .particles-button {
	grid-area: 1 / 1 / 2 / 2;
}