.delete-account-card {
	background-color: #ffffff;
	border-radius: 1.5rem;
	box-shadow: 0 24px 60px rgba(41, 7, 86, 0.08);
	padding: 2rem 1.75rem;
}

.delete-account-card h1 {
	color: var(--ond-primary, #7f11f4);
	text-align: center;
	margin-bottom: 1.5rem;
}

.delete-account-card p, .delete-account-card li {
	line-height: 1.6;
}

.delete-account-card ul {
	padding-left: 1.25rem;
}

.delete-account-card .auth-container {
	margin-top: 2rem;
	padding: 1.5rem;
	border-radius: 1rem;
	background: rgba(127, 17, 244, 0.08);
}

.delete-account-card .auth-container input {
	width: 100%;
	padding: 0.875rem 1rem;
	margin-bottom: 0.75rem;
	border-radius: 0.85rem;
	border: 1px solid rgba(127, 17, 244, 0.35);
}

.delete-account-card .auth-container button {
	width: 100%;
	padding: 0.875rem 1rem;
	border-radius: 0.85rem;
	font-weight: 600;
}

.delete-account-card .delete-account-actions {
	margin-top: 1.5rem;
	display: grid;
	gap: 0.75rem;
}

.delete-account-card .delete-account-actions button {
	width: 100%;
	padding: 0.875rem 1rem;
	border-radius: 0.85rem;
	font-weight: 600;
	border: none;
	color: #ffffff;
}

.delete-account-card .delete-data {
	background-color: #ffa500;
}

.delete-account-card .delete-account {
	background-color: #ff4500;
}

.delete-account-card .delete-data:hover, .delete-account-card .delete-data:focus
	{
	background-color: #e59400;
}

.delete-account-card .delete-account:hover, .delete-account-card .delete-account:focus
	{
	background-color: #e03b00;
}

@media ( max-width : 576px) {
	.delete-account-card {
		padding: 1.75rem 1.25rem;
	}
}