.gradient-bg-component {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image:
		linear-gradient(to right, rgba(255, 255, 255, .05) 1px, transparent 1px),
		linear-gradient(to bottom, rgba(255, 255, 255, .05) 1px, transparent 1px),
		radial-gradient(circle 500px at 0% 0%, rgba(198, 5, 3, .3), transparent),
		radial-gradient(circle 500px at 100% 0%, rgba(138, 4, 2, .2), transparent);
	background-size: 148px 148px, 148px 148px, 100% 100%, 100% 100%;
}

[data-slot="accordion-content"] {
	transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
	overflow: hidden;
}

[data-slot="accordion-content"][hidden] {
	max-height: 0;
	opacity: 0;
}

[data-slot="accordion-content"]:not([hidden]) {
	max-height: 1000px;
	opacity: 1;
}

[data-slot="accordion-trigger"] svg {
	transition: transform 0.2s;
}

[data-state="open"] [data-slot="accordion-trigger"] svg {
	transform: rotate(180deg);
}

.landing-lang {
	appearance: none;
	padding: 0.5rem 0.75rem;
	font-size: 0.875rem;
	text-transform: uppercase;
	border-radius: 0.5rem;
	background: rgba(17, 24, 39, 0.7);
	color: #f3f4f6;
	border: 1px solid #4b5563;
}

.landing-lang:focus {
	outline: none;
	box-shadow: 0 0 0 2px #c60503;
}

:root,
.dark {
	--accent: #c60503;
	--primary: #c60503;
	--ring: #c60503;
	--sidebar-primary: #c60503;
	--sidebar-accent: #c60503;
	--chart-1: #c60503;
	--color-red-400: #ff5c57;
	--color-red-600: #c60503;
	--color-red-800: #8a0402;
	--color-red-950: #2c0706;
}

.feature-shadow {
	box-shadow: 0 0 12px rgba(198, 5, 3, 0.45);
}

.bg-\[linear-gradient\(172deg\,rgb\(248\,113\,113\)_-30\%\,rgb\(0\,0\,0\)_43\%\)\] {
	background-image: linear-gradient(172deg, #c60503 -30%, #000 43%);
}

.hover\:shadow-\[0_0_15px_rgba\(239\,68\,68\,0\.8\)\,0_0_50px_rgba\(239\,68\,68\,0\.4\)\]:hover {
	--tw-shadow: 0 0 15px rgba(198, 5, 3, 0.8), 0 0 50px rgba(198, 5, 3, 0.4);
	box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}